/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-border-style: solid; --tw-font-weight: initial; --tw-outline-style: solid; --tw-leading: initial; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: transparent; --tw-gradient-via: transparent; --tw-gradient-to: transparent; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 transparent; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 transparent; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 transparent; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 transparent; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-contain-size: initial; --tw-contain-layout: initial; --tw-contain-paint: initial; --tw-contain-style: initial; --tw-content: ''; --tw-mask-linear: linear-gradient(#fff, #fff); --tw-mask-radial: linear-gradient(#fff, #fff); --tw-mask-conic: linear-gradient(#fff, #fff); --tw-mask-left: linear-gradient(#fff, #fff); --tw-mask-right: linear-gradient(#fff, #fff); --tw-mask-bottom: linear-gradient(#fff, #fff); --tw-mask-top: linear-gradient(#fff, #fff); --tw-mask-bottom-from-position: 0%; --tw-mask-bottom-to-position: 100%; --tw-mask-bottom-from-color: black; --tw-mask-bottom-to-color: transparent; --tw-mask-right-from-position: 0%; --tw-mask-right-to-position: 100%; --tw-mask-right-from-color: black; --tw-mask-right-to-color: transparent; --tw-mask-left-from-position: 0%; --tw-mask-left-to-position: 100%; --tw-mask-left-from-color: black; --tw-mask-left-to-color: transparent; --mask-shimmer-offset: 0%; --tw-mask-shimmer-duration: 4s; --tw-mask-shimmer-delay: 0s; } } } .composer-parent { --composer-footer_height: var(--composer-bar_footer-current-height, 32px); --composer-bar_height: var(--composer-bar_current-height, 52px); --composer-bar_width: var(--composer-bar_current-width, 768px); --mask-fill: linear-gradient(to bottom, white 0%, white 100%); --mask-erase: linear-gradient(to bottom, black 0%, black 100%); } .masked-content { --content-gradient: linear-gradient( 0deg, #d9d9d9 0%, #d8d8d8fc 8.07%, #d7d7d7fa 15.54%, #d4d4d4f2 22.5%, #d0d0d0eb 29.04%, #ccccccde 35.26%, #c6c6c6d1 41.25%, #c0c0c0bf 47.1%, #b8b8b8ad 52.9%, #b0b0b099 58.75%, #a8a8a885 64.74%, #9e9e9e6b 70.96%, #94949454 77.5%, #8a8a8a38 84.46%, #7f7f7f1c 91.93%, #73737300 100% ); --composer-bar_safe-margins: 20px; -webkit-mask-image: var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton); -webkit-mask-image: var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton); -webkit-mask-image: var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton); -webkit-mask-image: var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton); mask-image: var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto, calc(100% - var(--composer-bar_safe-margins)) calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)), var(--composer-bar_width) var(--composer-bar_height); -webkit-mask-size: auto, calc(100% - var(--composer-bar_safe-margins)) calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)), var(--composer-bar_width) var(--composer-bar_height); -webkit-mask-size: auto, calc(100% - var(--composer-bar_safe-margins)) calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)), var(--composer-bar_width) var(--composer-bar_height); -webkit-mask-size: auto, calc(100% - var(--composer-bar_safe-margins)) calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)), var(--composer-bar_width) var(--composer-bar_height); mask-size: auto, calc(100% - var(--composer-bar_safe-margins)) calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)), var(--composer-bar_width) var(--composer-bar_height); -webkit-mask-position: top center, center calc(100% - var(--composer-footer_height)), center calc(100% - var(--composer-footer_height)); -webkit-mask-position: top center, center calc(100% - var(--composer-footer_height)), center calc(100% - var(--composer-footer_height)); -webkit-mask-position: top center, center calc(100% - var(--composer-footer_height)), center calc(100% - var(--composer-footer_height)); -webkit-mask-position: top center, center calc(100% - var(--composer-footer_height)), center calc(100% - var(--composer-footer_height)); mask-position: top center, center calc(100% - var(--composer-footer_height)), center calc(100% - var(--composer-footer_height)); -webkit-mask-composite: source-out; -webkit-mask-source-type: luminance; -webkit-mask-composite: source-out; -webkit-mask-source-type: luminance; -webkit-mask-composite: source-out; -webkit-mask-source-type: luminance; -webkit-mask-composite: source-out; mask-composite: subtract; -webkit-mask-source-type: luminance; mask-mode: luminance; } @supports (color: color(display-p3 0 0 0)) { .masked-content { --content-gradient: linear-gradient( 0deg, color(display-p3 0.851 0.851 0.851) 0%, color(display-p3 0.8488 0.8488 0.8488/.99) 8.07%, color(display-p3 0.8423 0.8423 0.8423/.98) 15.54%, color(display-p3 0.8317 0.8317 0.8317/.95) 22.5%, color(display-p3 0.8171 0.8171 0.8171/.92) 29.04%, color(display-p3 0.7988 0.7988 0.7988/.87) 35.26%, color(display-p3 0.777 0.777 0.777/.82) 41.25%, color(display-p3 0.7518 0.7518 0.7518/.75) 47.1%, color(display-p3 0.7234 0.7234 0.7234/.68) 52.9%, color(display-p3 0.692 0.692 0.692/.6) 58.75%, color(display-p3 0.6578 0.6578 0.6578/.52) 64.74%, color(display-p3 0.621 0.621 0.621/.42) 70.96%, color(display-p3 0.5817 0.5817 0.5817/.33) 77.5%, color(display-p3 0.5401 0.5401 0.5401/.22) 84.46%, color(display-p3 0.4965 0.4965 0.4965/.11) 91.93%, color(display-p3 0.451 0.451 0.451/0) 100% ); } } @media (prefers-reduced-transparency: reduce) { .masked-content { -webkit-mask-image: none; mask-image: none; } } .mask-scrollbars { --scrollbar-width: 10px; clip-path: inset(-100vh var(--scrollbar-width) 0 0); clip-path: inset(-100svh var(--scrollbar-width) 0 0); } .bg-thread--header { height: var(--composer-bar_height); background: linear-gradient( to bottom, transparent 0%, transparent 50%, var(--main-surface-primary) 50%, var(--main-surface-primary) 100% ); -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton); -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton); -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton); -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton); mask-image: var(--mask-fill), var(--composer-bar_skeleton); -webkit-mask-composite: source-out; -webkit-mask-source-type: luminance; -webkit-mask-composite: source-out; -webkit-mask-source-type: luminance; -webkit-mask-composite: source-out; -webkit-mask-source-type: luminance; -webkit-mask-position: top, top; mask-position: top, top; -webkit-mask-size: auto; mask-size: auto; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: source-out; mask-composite: subtract; -webkit-mask-source-type: luminance; mask-mode: luminance; } @media (prefers-reduced-transparency: reduce) { .bg-thread--header { -webkit-mask-image: none; mask-image: none; } } .bg-thread--footer { background: var(--main-surface-primary); flex: 1; } :root { --spring-fast-duration: 0.667s; --spring-fast: linear( 0, 0.01942 1.83%, 0.07956 4.02%, 0.47488 13.851%, 0.65981 19.572%, 0.79653 25.733%, 0.84834 29.083%, 0.89048 32.693%, 0.9246 36.734%, 0.95081 41.254%, 0.97012 46.425%, 0.98361 52.535%, 0.99665 68.277%, 0.99988 ); --spring-common-duration: 0.667s; --spring-common: linear( 0, 0.00506 1.18%, 0.02044 2.46%, 0.08322 5.391%, 0.46561 17.652%, 0.63901 24.342%, 0.76663 31.093%, 0.85981 38.454%, 0.89862 42.934%, 0.92965 47.845%, 0.95366 53.305%, 0.97154 59.516%, 0.99189 74.867%, 0.9991 ); --spring-standard: var(--spring-common); --spring-slow-bounce-duration: 1.167s; --spring-slow-bounce: linear( 0, 0.00172 0.51%, 0.00682 1.03%, 0.02721 2.12%, 0.06135 3.29%, 0.11043 4.58%, 0.21945 6.911%, 0.59552 14.171%, 0.70414 16.612%, 0.79359 18.962%, 0.86872 21.362%, 0.92924 23.822%, 0.97589 26.373%, 1.01 29.083%, 1.0264 31.043%, 1.03767 33.133%, 1.04411 35.404%, 1.04597 37.944%, 1.04058 42.454%, 1.01119 55.646%, 1.00137 63.716%, 0.99791 74.127%, 0.99988 ); --spring-bounce-duration: 0.833s; --spring-bounce: linear( 0, 0.00541 1.29%, 0.02175 2.68%, 0.04923 4.19%, 0.08852 5.861%, 0.17388 8.851%, 0.48317 18.732%, 0.57693 22.162%, 0.65685 25.503%, 0.72432 28.793%, 0.78235 32.163%, 0.83182 35.664%, 0.87356 39.354%, 0.91132 43.714%, 0.94105 48.455%, 0.96361 53.705%, 0.97991 59.676%, 0.9903 66.247%, 0.99664 74.237%, 0.99968 84.358%, 1.00048 ); --spring-fast-bounce-duration: 1s; --spring-fast-bounce: linear( 0, 0.00683 1.14%, 0.02731 2.35%, 0.11137 5.091%, 0.59413 15.612%, 0.78996 20.792%, 0.92396 25.953%, 0.97109 28.653%, 1.00624 31.503%, 1.03801 36.154%, 1.0477 41.684%, 1.00242 68.787%, 0.99921 ); --easing-spring-elegant-duration: 0.58171s; --easing-spring-elegant: linear( 0 0%, 0.005927 1%, 0.022466 2%, 0.047872 3%, 0.080554 4%, 0.119068 5%, 0.162116 6%, 0.208536 7%, 0.2573 8%, 0.3075 9%, 0.358346 10%, 0.409157 11%, 0.45935 12%, 0.508438 13%, 0.556014 14%, 0.601751 15%, 0.645389 16%, 0.686733 17%, 0.72564 18%, 0.762019 19%, 0.795818 20%, 0.827026 21%, 0.855662 22%, 0.881772 23%, 0.905423 24%, 0.926704 25%, 0.945714 26%, 0.962568 27%, 0.977386 28%, 0.990295 29%, 1.00143 30%, 1.01091 31%, 1.01888 32%, 1.02547 33%, 1.03079 34%, 1.03498 35%, 1.03816 36%, 1.04042 37%, 1.04189 38%, 1.04266 39%, 1.04283 40%, 1.04247 41%, 1.04168 42%, 1.04052 43%, 1.03907 44%, 1.03737 45%, 1.03549 46%, 1.03348 47%, 1.03138 48%, 1.02922 49%, 1.02704 50%, 1.02486 51%, 1.02272 52%, 1.02063 53%, 1.01861 54%, 1.01667 55%, 1.01482 56%, 1.01307 57%, 1.01142 58%, 1.00989 59%, 1.00846 60%, 1.00715 61%, 1.00594 62%, 1.00485 63%, 1.00386 64%, 1.00296 65%, 1.00217 66%, 1.00147 67%, 1.00085 68%, 1.00031 69%, 0.999849 70%, 0.999457 71%, 0.999128 72%, 0.998858 73%, 0.99864 74%, 0.99847 75%, 0.998342 76%, 0.998253 77%, 0.998196 78%, 0.998169 79%, 0.998167 80%, 0.998186 81%, 0.998224 82%, 0.998276 83%, 0.998341 84%, 0.998415 85%, 0.998497 86%, 0.998584 87%, 0.998675 88%, 0.998768 89%, 0.998861 90%, 0.998954 91%, 0.999045 92%, 0.999134 93%, 0.99922 94%, 0.999303 95%, 0.999381 96%, 0.999455 97%, 0.999525 98%, 0.999589 99%, 0.99965 100% ); --easing-common: linear( 0, 0, 0.0001, 0.0002, 0.0003, 0.0005, 0.0007, 0.001, 0.0013, 0.0016, 0.002, 0.0024, 0.0029, 0.0033, 0.0039, 0.0044, 0.005, 0.0057, 0.0063, 0.007, 0.0079, 0.0086, 0.0094, 0.0103, 0.0112, 0.0121, 0.0132 1.84%, 0.0153, 0.0175, 0.0201, 0.0226, 0.0253, 0.0283, 0.0313, 0.0345, 0.038, 0.0416, 0.0454, 0.0493, 0.0535, 0.0576, 0.0621, 0.0667, 0.0714, 0.0764, 0.0816 5.04%, 0.0897, 0.098 5.62%, 0.1071, 0.1165, 0.1263 6.56%, 0.137, 0.1481 7.25%, 0.1601 7.62%, 0.1706 7.94%, 0.1819 8.28%, 0.194, 0.2068 9.02%, 0.2331 9.79%, 0.2898 11.44%, 0.3151 12.18%, 0.3412 12.95%, 0.3533, 0.365 13.66%, 0.3786, 0.3918, 0.4045, 0.4167, 0.4288, 0.4405, 0.452, 0.4631 16.72%, 0.4759, 0.4884, 0.5005, 0.5124, 0.5242, 0.5354, 0.5467, 0.5576, 0.5686, 0.5791, 0.5894, 0.5995, 0.6094, 0.6194, 0.6289, 0.6385, 0.6477, 0.6569, 0.6659 24.45%, 0.6702, 0.6747, 0.6789, 0.6833, 0.6877, 0.6919, 0.696, 0.7002, 0.7043, 0.7084, 0.7125, 0.7165, 0.7205, 0.7244, 0.7283, 0.7321, 0.7358, 0.7396, 0.7433, 0.7471, 0.7507, 0.7544, 0.7579, 0.7615, 0.7649, 0.7685, 0.7718, 0.7752, 0.7786, 0.782, 0.7853, 0.7885, 0.7918, 0.7951, 0.7982, 0.8013, 0.8043, 0.8075, 0.8104, 0.8135, 0.8165, 0.8195, 0.8224, 0.8253, 0.8281, 0.8309, 0.8336, 0.8365, 0.8391, 0.8419, 0.8446, 0.8472, 0.8499, 0.8524, 0.855, 0.8575, 0.8599, 0.8625 37.27%, 0.8651, 0.8678, 0.8703, 0.8729, 0.8754, 0.8779, 0.8803, 0.8827, 0.8851, 0.8875, 0.8898, 0.892, 0.8942, 0.8965, 0.8987, 0.9009, 0.903, 0.9051, 0.9071, 0.9092, 0.9112, 0.9132, 0.9151, 0.9171, 0.919, 0.9209, 0.9227, 0.9245, 0.9262, 0.928, 0.9297, 0.9314, 0.9331, 0.9347, 0.9364, 0.9379, 0.9395, 0.941, 0.9425, 0.944, 0.9454, 0.9469, 0.9483, 0.9497, 0.951, 0.9524, 0.9537, 0.955, 0.9562, 0.9574, 0.9586, 0.9599, 0.961, 0.9622, 0.9633, 0.9644, 0.9655, 0.9665, 0.9676, 0.9686, 0.9696, 0.9705, 0.9715, 0.9724, 0.9733, 0.9742, 0.975, 0.9758, 0.9766, 0.9774, 0.9782, 0.9789, 0.9796, 0.9804, 0.9811, 0.9817, 0.9824, 0.9831, 0.9837, 0.9843, 0.9849, 0.9855, 0.986, 0.9866, 0.9871, 0.9877, 0.9882, 0.9887, 0.9892, 0.9896 70.56%, 0.9905 71.67%, 0.9914 72.82%, 0.9922, 0.9929 75.2%, 0.9936 76.43%, 0.9942 77.71%, 0.9948 79.03%, 0.9954 80.39%, 0.9959 81.81%, 0.9963 83.28%, 0.9968 84.82%, 0.9972 86.41%, 0.9975 88.07%, 0.9979 89.81%, 0.9982 91.64%, 0.9984 93.56%, 0.9987 95.58%, 0.9989 97.72%, 0.9991 ); } @supports not (white-space-collapse: collapse) { :root :root { --easing-common: ease-in-out; --spring-common: ease-in-out; --spring-bounce: ease-in-out; --spring-fast: ease-in-out; --spring-fast-bounce: ease-in-out; --spring-slow-bounce: ease-in-out; } } @supports not (transition-timing-function: linear(0, 0 0%)) { :root :root { --easing-common: ease-in-out; --spring-common: ease-in-out; --spring-bounce: ease-in-out; --spring-fast: ease-in-out; --spring-fast-bounce: ease-in-out; --spring-slow-bounce: ease-in-out; } } @font-face { font-family: Circle; src: url(data:font/woff2;base64,d09GMk9UVE8AAAM0AAkAAAAABcgAAALuAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYJIBmAAfgE2AiQDDAQGBYRyByAbIwVRlKvJFsDPBJtObcFDgzooFmKOOuZpZMG4Jg7aB8Nn8fzDvXrufz9r8tgCAU4XFVvjosSo0yqWv9Z+b8++or6Y3y3ikk0laqIkfBkSQzINien2vweAH79N8JdohCbbWndr/HZ5v86kXxrEqV+cqnlKNBcLjY0Bj8Ka512LSgsolgt1Wa1Wr27atM/jBW21RrW55g21jw81IoJNHn2c/z24BlCQTVVvW09zVvtAY1dzeOZwYxugoDCNO2g8kMZDDRpPRuPFajC3qWY31RzV9+loj/h/e6ud/0/bfxcbEILkKpVrQNhwTzuJycoVI0S9RjZZES7WjkQvApCsAhsUn3SuWdP3UZ0zRZT+X1OW1h0OGr9NflM3xRvmiClHqQORzvz/tQbQb7L8b7XUFdZrb+h13MhqctFw/8PP+snI1CnebrExOvET/Fh/hn+knPwQZw89wnNvi+62ERUZoHLr9BC1nCwROqghul1go6hTCVTs54ZppNw6x+jkYtzYdoEMTuGT8KCP/A/hDIeWUloqM4VXWm2g5T0CrvPF5g3kAs04zXJGkI7P96za7LmtKwgBAmhGzB07gBpPeEUAKyzEwwWJxIBzFaQeHZwg6BYQxo6W2Qwz739fUTpv+v/c+Xy3Sv6VF/uN3w8uFpdbNkDuXnWVGkBhvGn75R1LYEgq295Z+QHimbpBIbxAAQtPAhA2QAAaMjYQQHHzONnK8R1EFN9lrZmfUxvmFzjzl5dsLLNQqwDEx+49z7B0yrNi3SQ58LwmAy/AqeOtOWduzoY8+2s/wMFgbxAWiEesMNZAalIE2r8JllitrXeokZEbwVJpR0hSXFLwa+wftjSPNWMSERMRGxMrEi0DVYcfdnhxQ66Eqt62nmYsq32gsaspM4cb2ypPtQ531Q+IIoj9J0lKy0pzkjTFKxoOtd8ODLb39mD0t/UONT71Ry6QDBlaIonr767vbJaUtzSPNQOBmOXFihFLROyYXvXnrUOTszoAAA==) format('woff2'); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Circle; src: url(data:font/woff2;base64,d09GMk9UVE8AAANIAAkAAAAABkwAAAMCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYJQBmAAfgE2AiQDDAQGBYVwByAbqQVRlMVNBfiRkLl5oxlVNKr4xQKiOJqYMp0zZd4iyiabvWs/aWpaEhyiBiMQGoNCIoys0xiDZnJteLRGXET3IpoQq697VFOmBlImcVhpy3pWuy6ZGDJnDoFpIwM96olCINQDUebsKzfc8cml+mMBP82Lfx5kKvx3Td2DFtCONwWq1Ru/VIs7/gTVpl7hgkiHscva/P1RKvnkOj2uDshaX5Id6vvRLs7Q7ZY7RUIphhAYQskQ6gJDmGIIZ4YIVbgw4aJK86iJ8ai2EeK+a2PFayPSEw4h7uwclpQxdejLyi11M9Iy2h0j4eJMBI28mehJINkCFioovm/Yah6VpgBJUm48kUyWnPA1xAhNmKY1S5qwFaT01WKAtvHEg6QZc9todjOVtRlP+hmjzDDS5vtMPD748Cgn0q2zV69y9Mytow/50QcHH4tnHBQWHuslA/3B8O2e6uPdV9vO1B/lSKo5WCl4o2ahQUcDvW2kuxvh3SOtegPX6+drRCVHhYM1R9HgaP3ZtqvIQwHcGn6o8wf644VngrsJ4QBWcbQHGrW2K7XgmT5uPpAHTOivlgPGIeL+mbnYY7xhj5AEAtSqfMIBaNDgjWfcMFRmHIrAIqAO7J4cqgRylIjSHx27HeBe+8o/qp1Xbb/IqsC9ZI03+w/fbWoexLpPI+sf04PMBbjGKDw6XInbdQiytiHo/3RWkeUd9IkyXjTYfUMA4QsCKCpfBGjhAhFgEqQAAWZZygUw+FhGgI2LIwiw404iwEWQixiaHEGSvMqDgqv5QpHqDyV0WChLs4GKVj5Q18zvoKFe1Xk/BxaI0I2NKfxfK8J/W710UVzebArQ6NFEpCWN1fGWFBQegKAjSBCctI7wij+coRcCJGQgy7A42Q3Te14v7+6FuamjlQMEsKxdJHYlel9kJ5adv7kxHe2kcBAeviIZGBpwSO2aZ7b9TXUzD/i7C8jF1drRAeiL2ZWjm6Rq8sFp4jKIQOBI9iJbyNGt7alX974oJIgBsRgsHDkMjr/FbPeiAAAA) format('woff2'); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: normal; font-weight: 400; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Regular.woff2) format('woff2'); } @font-face { font-family: Atkinson Hyperlegible Mono; font-style: normal; font-optical-sizing: auto; font-feature-settings: 'ccmp' on, 'frac' on, 'locl' on, 'mark' on, 'mkmk' on; font-weight: 200 800; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none; font-display: swap; src: url(https://cdn.openai.com/common/fonts/mono/hyperlegible-mono-latin.woff2) format('woff2'); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Atkinson Hyperlegible Mono; font-style: normal; font-optical-sizing: auto; font-weight: 200 800; font-display: swap; src: url(https://cdn.openai.com/common/fonts/mono/hyperlegible-mono-latin-ext.woff2) format('woff2'); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: italic; font-weight: 400; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-RegularItalic.woff2) format('woff2'); } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: normal; font-weight: 500; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Medium.woff2) format('woff2'); } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: italic; font-weight: 500; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-MediumItalic.woff2) format('woff2'); } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: normal; font-weight: 600; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Semibold.woff2) format('woff2'); } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: italic; font-weight: 600; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-SemiboldItalic.woff2) format('woff2'); } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: normal; font-weight: 700; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Bold.woff2) format('woff2'); } @font-face { font-display: swap; font-family: OpenAI Sans; font-style: italic; font-weight: 700; src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-BoldItalic.woff2) format('woff2'); } @layer theme { :root, :host { --font-sans: 'ui-sans-serif', '-apple-system', 'system-ui', 'Segoe UI', 'Helvetica', 'Apple Color Emoji', 'Arial', 'sans-serif', 'Segoe UI Emoji', 'Segoe UI Symbol'; --font-mono: 'ui-monospace', 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'monospace'; --spacing: 0.25rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16/9; --default-transition-duration: 0.15s; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: 'ui-sans-serif', '-apple-system', 'system-ui', 'Segoe UI', 'Helvetica', 'Apple Color Emoji', 'Arial', 'sans-serif', 'Segoe UI Emoji', 'Segoe UI Symbol'; --default-mono-font-family: 'ui-monospace', 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'monospace'; --text-heading-2: 1.5rem; --text-heading-2--line-height: 1.75rem; --text-heading-2--letter-spacing: -0.015625rem; --text-heading-2--font-weight: 600; --text-heading-app: 1.75rem; --text-heading-app--line-height: 2.125rem; --text-heading-app--letter-spacing: 0.02375rem; --text-heading-app--font-weight: 500; --text-heading-3: 1.125rem; --text-heading-3--line-height: 1.625rem; --text-heading-3--letter-spacing: -0.028125rem; --text-heading-3--font-weight: 600; --text-body-regular: 1rem; --text-body-regular--line-height: 1.625rem; --text-body-regular--letter-spacing: -0.025rem; --text-body-regular--font-weight: 400; --text-body-small-regular: 0.875rem; --text-body-small-regular--line-height: 1.125rem; --text-body-small-regular--letter-spacing: -0.01875rem; --text-body-small-regular--font-weight: 400; --text-footnote-regular: 0.8125rem; --text-footnote-regular--line-height: 1.125rem; --text-footnote-regular--letter-spacing: -0.005rem; --text-footnote-regular--font-weight: 400; --text-footnote-medium: 0.8125rem; --text-footnote-medium--line-height: 1.25rem; --text-footnote-medium--letter-spacing: -0.005rem; --text-footnote-medium--font-weight: 500; --text-monospace: 0.9375rem; --text-monospace--line-height: 1.375rem; --text-monospace--letter-spacing: -0.025rem; --text-monospace--font-weight: 400; --text-caption-regular: 0.75rem; --text-caption-regular--line-height: 1rem; --text-caption-regular--letter-spacing: -0.00625rem; --text-caption-regular--font-weight: 400; --interactive-bg-default-primary: var(--interactive-bg-primary-default); --interactive-bg-default-secondary: var(--interactive-bg-secondary-default); --interactive-bg-default-accent: var(--interactive-bg-accent-default); --interactive-bg-default-danger-primary: var(--interactive-bg-danger-primary-default); --interactive-bg-hover-primary: var(--interactive-bg-primary-hover); --interactive-bg-hover-secondary: var(--interactive-bg-secondary-hover); --interactive-bg-hover-accent: var(--interactive-bg-accent-hover); --interactive-bg-hover-danger-primary: var(--interactive-bg-danger-primary-hover); --interactive-bg-press-primary: var(--interactive-bg-primary-press); --interactive-bg-press-secondary: var(--interactive-bg-secondary-press); --interactive-bg-press-accent: var(--interactive-bg-accent-press); --interactive-bg-press-danger-primary: var(--interactive-bg-danger-primary-press); --interactive-bg-inactive-primary: var(--interactive-bg-primary-inactive); --interactive-bg-inactive-secondary: var(--interactive-bg-secondary-inactive); --interactive-bg-inactive-accent: var(--interactive-bg-accent-inactive); --interactive-bg-inactive-danger-primary: var(--interactive-bg-danger-primary-inactive); --interactive-bg-selected-primary: var(--interactive-bg-primary-selected); --interactive-bg-selected-secondary: var(--interactive-bg-secondary-selected); --interactive-bg-selected-accent: var(--interactive-bg-accent-default); --interactive-bg-selected-danger-primary: var(--interactive-bg-danger-primary-default); --interactive-button-bg-default-primary: var(--interactive-bg-primary-default); --interactive-button-bg-default-secondary: var(--interactive-bg-secondary-default); --interactive-button-bg-default-destructive: var(--interactive-bg-danger-primary-default); --interactive-button-bg-default-sec-destructive: var(--interactive-bg-danger-secondary-default); --interactive-button-bg-hover-primary: var(--interactive-bg-primary-hover); --interactive-button-bg-hover-secondary: var(--interactive-bg-secondary-hover); --interactive-button-bg-hover-destructive: var(--interactive-bg-danger-primary-hover); --interactive-button-bg-hover-sec-destructive: var(--interactive-bg-danger-secondary-hover); --interactive-button-bg-press-primary: var(--interactive-bg-primary-press); --interactive-button-bg-press-secondary: var(--interactive-bg-secondary-press); --interactive-button-bg-press-destructive: var(--interactive-bg-danger-primary-press); --interactive-button-bg-press-sec-destructive: var(--interactive-bg-danger-secondary-press); --interactive-button-bg-inactive-primary: var(--interactive-bg-primary-inactive); --interactive-button-bg-inactive-secondary: var(--interactive-bg-secondary-inactive); --interactive-button-bg-inactive-destructive: var(--interactive-bg-danger-primary-inactive); --interactive-button-bg-inactive-sec-destructive: var(--interactive-bg-danger-secondary-inactive); --interactive-button-bg-selected-primary: var(--interactive-bg-primary-selected); --interactive-button-bg-selected-secondary: var(--interactive-bg-secondary-selected); --interactive-button-bg-selected-destructive: var(--interactive-bg-danger-primary-default); --interactive-button-bg-selected-sec-destructive: var(--interactive-bg-danger-secondary-default); --interactive-border-default-secondary: var(--interactive-border-secondary-default); --interactive-border-hover-secondary: var(--interactive-border-secondary-hover); --interactive-border-press-secondary: var(--interactive-border-secondary-press); --interactive-border-inactive-secondary: var(--interactive-border-secondary-inactive); --interactive-border-selected-secondary: var(--interactive-border-secondary-default); --interactive-button-border-default-primary: transparent; --interactive-button-border-default-secondary: var(--interactive-border-secondary-default); --interactive-button-border-default-destructive: transparent; --interactive-button-border-default-sec-destructive: var(--interactive-border-danger-secondary-default); --interactive-button-border-hover-primary: transparent; --interactive-button-border-hover-secondary: var(--interactive-border-secondary-hover); --interactive-button-border-hover-destructive: transparent; --interactive-button-border-hover-sec-destructive: var(--interactive-border-danger-secondary-hover); --interactive-button-border-press-primary: transparent; --interactive-button-border-press-secondary: var(--interactive-border-secondary-press); --interactive-button-border-press-destructive: transparent; --interactive-button-border-press-sec-destructive: var(--interactive-border-danger-secondary-press); --interactive-button-border-inactive-primary: transparent; --interactive-button-border-inactive-secondary: var(--interactive-border-secondary-inactive); --interactive-button-border-inactive-destructive: transparent; --interactive-button-border-inactive-sec-destructive: var(--interactive-border-danger-secondary-inactive); --interactive-button-border-selected-primary: transparent; --interactive-button-border-selected-secondary: var(--interactive-border-secondary-default); --interactive-button-border-selected-destructive: transparent; --interactive-button-border-selected-sec-destructive: var(--interactive-border-danger-secondary-default); --interactive-label-default-primary: var(--interactive-label-primary-default); --interactive-label-default-secondary: var(--interactive-label-secondary-default); --interactive-label-default-tertiary: var(--interactive-label-tertiary-default); --interactive-label-default-accent: var(--interactive-label-accent-default); --interactive-label-hover-primary: var(--interactive-label-primary-hover); --interactive-label-hover-secondary: var(--interactive-label-secondary-hover); --interactive-label-hover-tertiary: var(--interactive-label-tertiary-hover); --interactive-label-hover-accent: var(--interactive-label-accent-hover); --interactive-label-press-primary: var(--interactive-label-primary-press); --interactive-label-press-secondary: var(--interactive-label-secondary-press); --interactive-label-press-tertiary: var(--interactive-label-tertiary-press); --interactive-label-press-accent: var(--interactive-label-accent-press); --interactive-label-inactive-primary: var(--interactive-label-primary-inactive); --interactive-label-inactive-secondary: var(--interactive-label-secondary-inactive); --interactive-label-inactive-tertiary: var(--interactive-label-tertiary-inactive); --interactive-label-inactive-accent: var(--interactive-label-accent-inactive); --interactive-label-selected-primary: var(--interactive-label-primary-selected); --interactive-label-selected-secondary: var(--interactive-label-secondary-selected); --interactive-label-selected-tertiary: var(--interactive-label-tertiary-selected); --interactive-label-selected-accent: var(--interactive-label-accent-selected); --interactive-button-label-default-primary: var(--interactive-label-primary-default); --interactive-button-label-default-secondary: var(--interactive-label-secondary-default); --interactive-button-label-default-destructive: var(--interactive-label-danger-primary-default); --interactive-button-label-default-sec-destructive: var(--interactive-label-danger-secondary-default); --interactive-button-label-hover-primary: var(--interactive-label-primary-hover); --interactive-button-label-hover-secondary: var(--interactive-label-secondary-hover); --interactive-button-label-hover-destructive: var(--interactive-label-danger-primary-hover); --interactive-button-label-hover-sec-destructive: var(--interactive-label-danger-secondary-hover); --interactive-button-label-press-primary: var(--interactive-label-primary-press); --interactive-button-label-press-secondary: var(--interactive-label-secondary-press); --interactive-button-label-press-destructive: var(--interactive-label-danger-primary-press); --interactive-button-label-press-sec-destructive: var(--interactive-label-danger-secondary-press); --interactive-button-label-inactive-primary: var(--interactive-label-primary-inactive); --interactive-button-label-inactive-secondary: var(--interactive-label-secondary-inactive); --interactive-button-label-inactive-destructive: var(--interactive-label-danger-primary-inactive); --interactive-button-label-inactive-sec-destructive: var(--interactive-label-danger-secondary-inactive); --interactive-button-label-selected-primary: var(--interactive-label-primary-selected); --interactive-button-label-selected-secondary: var(--interactive-label-secondary-selected); --interactive-button-label-selected-destructive: var(--interactive-label-danger-primary-default); --interactive-button-label-selected-sec-destructive: var(--interactive-label-danger-secondary-default); --interactive-icon-default-accent: var(--interactive-icon-accent-default); --interactive-icon-hover-accent: var(--interactive-icon-accent-hover); --interactive-icon-press-accent: var(--interactive-icon-accent-press); --interactive-icon-inactive-accent: var(--interactive-icon-accent-inactive); --interactive-icon-selected-accent: var(--interactive-icon-accent-selected); --interactive-button-icon-default-primary: var(--interactive-icon-primary-default); --interactive-button-icon-default-secondary: var(--interactive-icon-secondary-default); --interactive-button-icon-default-destructive: var(--interactive-icon-danger-primary-default); --interactive-button-icon-default-sec-destructive: var(--interactive-icon-danger-secondary-default); --interactive-button-icon-hover-primary: var(--interactive-icon-primary-hover); --interactive-button-icon-hover-secondary: var(--interactive-icon-secondary-hover); --interactive-button-icon-hover-destructive: var(--interactive-icon-danger-primary-hover); --interactive-button-icon-hover-sec-destructive: var(--interactive-icon-danger-secondary-hover); --interactive-button-icon-press-primary: var(--interactive-icon-primary-press); --interactive-button-icon-press-secondary: var(--interactive-icon-secondary-press); --interactive-button-icon-press-destructive: var(--interactive-icon-danger-primary-press); --interactive-button-icon-press-sec-destructive: var(--interactive-icon-danger-secondary-press); --interactive-button-icon-inactive-primary: var(--interactive-icon-primary-inactive); --interactive-button-icon-inactive-secondary: var(--interactive-icon-secondary-inactive); --interactive-button-icon-inactive-destructive: var(--interactive-icon-danger-primary-inactive); --interactive-button-icon-inactive-sec-destructive: var(--interactive-icon-danger-secondary-inactive); --interactive-button-icon-selected-primary: var(--interactive-icon-primary-selected); --interactive-button-icon-selected-secondary: var(--interactive-icon-secondary-selected); --interactive-button-icon-selected-destructive: var(--interactive-icon-danger-primary-default); --interactive-button-icon-selected-sec-destructive: var(--interactive-icon-danger-secondary-default); --tap-padding-pointer: 32px; --tap-padding-mobile: 44px; --focus-outline-margin-default: 4px; } :root { --green-25: #edfaf2; --green-50: #d9f4e4; --green-75: #b8ebcc; --green-100: #8cdfad; --green-200: #66d492; --green-300: #40c977; --green-400: #04b84c; --green-500: #00a240; --green-600: #008635; --green-700: #00692a; --green-800: #004f1f; --green-900: #003716; --green-950: #011c0b; --green-1000: #001207; --green-a25: #04b84c14; --green-a50: #04b84c26; --green-a75: #04b84c4a; --green-a100: #04b84c73; --green-a200: #04b84c99; --green-a300: #04b84cbf; --purple-25: #f9f5fe; --purple-50: #efe5fe; --purple-75: #e0cefd; --purple-100: #ceb0fb; --purple-200: #be95fa; --purple-300: #ad7bf9; --purple-400: #924ff7; --purple-500: #8046d9; --purple-600: #6b3ab4; --purple-700: #532d8d; --purple-800: #3f226a; --purple-900: #2c184a; --purple-950: #160c25; --purple-1000: #100a19; --purple-a25: #924ff70f; --purple-a50: #924ff726; --purple-a75: #924ff747; --purple-a100: #924ff773; --purple-a200: #924ff799; --purple-a300: #924ff7bf; --blue-25: #f5faff; --blue-50: #e5f3ff; --blue-75: #cce6ff; --blue-100: #99ceff; --blue-200: #66b5ff; --blue-300: #339cff; --blue-400: #0285ff; --blue-500: #0169cc; --blue-600: #004f99; --blue-700: #003f7a; --blue-800: #013566; --blue-900: #00284d; --blue-950: #000e1a; --blue-1000: #000d19; --blue-a25: #0285ff0a; --blue-a50: #0285ff21; --blue-a75: #0285ff40; --blue-a100: #0285ff66; --blue-a200: #0285ff99; --blue-a300: #0285ffcc; --orange-25: #fff5f0; --orange-50: #ffe7d9; --orange-75: #ffcfb4; --orange-100: #ffb790; --orange-200: #ff9e6c; --orange-300: #ff8549; --orange-400: #fb6a22; --orange-500: #e25507; --orange-600: #b9480d; --orange-700: #923b0f; --orange-800: #6d2e0f; --orange-900: #4a2206; --orange-950: #281105; --orange-1000: #211107; --orange-a25: #fb6a2212; --orange-a50: #fb6a2229; --orange-a75: #fb6a2254; --orange-a100: #fb6a227a; --orange-a200: #fb6a22a6; --orange-a300: #fb6a22cf; --red-25: #fff0f0; --red-50: #ffe1e0; --red-75: #ffc6c5; --red-100: #ffa4a2; --red-200: #ff8583; --red-300: #ff6764; --red-400: #fa423e; --red-500: #e02e2a; --red-600: #ba2623; --red-700: #911e1b; --red-800: #6e1615; --red-900: #4d100e; --red-950: #280b0a; --red-1000: #1f0909; --red-a25: #fa423e14; --red-a50: #fa423e29; --red-a75: #fa423e4c; --red-a100: #fa423e7a; --red-a200: #fa423ea3; --red-a300: #fa423ec9; --pink-25: #fff4f9; --pink-50: #ffe8f3; --pink-75: #ffd4e8; --pink-100: #ffbada; --pink-200: #ffa3ce; --pink-300: #ff8cc1; --pink-400: #ff66ad; --pink-500: #e04c91; --pink-600: #ba437a; --pink-700: #963c67; --pink-800: #6e2c4a; --pink-900: #4d1f34; --pink-950: #29101c; --pink-1000: #1a0a11; --pink-a25: #ff66ad14; --pink-a50: #ff66ad29; --pink-a75: #ff66ad47; --pink-a100: #ff66ad73; --pink-a200: #ff66ad99; --pink-a300: #ff66adc2; --yellow-25: #fffbed; --yellow-50: #fff6d9; --yellow-75: #ffeeb8; --yellow-100: #ffe48c; --yellow-200: #ffdb66; --yellow-300: #ffd240; --yellow-400: #ffc300; --yellow-500: #e0ac00; --yellow-600: #ba8e00; --yellow-700: #916f00; --yellow-800: #6e5400; --yellow-900: #4d3b00; --yellow-950: #261d00; --yellow-1000: #1a1400; --yellow-a25: #ffc30014; --yellow-a50: #ffc30026; --yellow-a75: #ffc30045; --yellow-a100: #ffc30073; --yellow-a200: #ffc30096; --yellow-a300: #ffc300bd; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' ); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace ); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option:dir(ltr) { padding-left: 20px; } :where(select:is([multiple], [size])) optgroup option:dir(rtl) { padding-right: 20px; } :dir(ltr)::file-selector-button { margin-right: 4px; } :dir(rtl)::file-selector-button { margin-left: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']) { -webkit-appearance: button; appearance: button; } ::file-selector-button { -webkit-appearance: button; appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } html, .light, .dark .light { --text-quaternary: #00000030; } .dark { --text-quaternary: #ffffff69; } :root { --mkt-header-height: calc(16 * var(--spacing)); } @media (pointer: coarse) { :root { --mkt-header-height: calc(18 * var(--spacing)); } } *, :after, :before, ::backdrop { border-color: var(--border-light, currentColor); } ::file-selector-button { border-color: var(--border-light, currentColor); } button:not(:disabled), [role='button']:not(:disabled) { cursor: pointer; } html, body { background-color: var(--bg-primary); color: var(--text-primary); } ::selection { background-color: var(--theme-user-selection-bg); text-shadow: none; } select:not([multiple]):where(:not([size]), [size='1']), .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239B9B9B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); } :root { --default-theme-user-msg-bg: var(--message-surface); --default-theme-user-msg-text: var(--text-primary); --default-theme-submit-btn-bg: #000; --default-theme-submit-btn-text: #fff; --default-theme-secondary-btn-bg: var(--gray-100); --default-theme-secondary-btn-text: var(--text-primary); --default-theme-user-selection-bg: var(--blue-300); } @supports (color: color-mix(in lab, red, red)) { :root { --default-theme-user-selection-bg: color-mix(in oklab, var(--blue-300) 35%, transparent); } } :root { --default-theme-attribution-highlight-bg: var(--yellow-75); --default-theme-entity-accent: var(--blue-500); --formatted-text-highlight-bg: #bae6fdb3; --blue-theme-user-msg-bg: var(--blue-50); --blue-theme-user-msg-text: var(--blue-900); --blue-theme-submit-btn-bg: var(--blue-400); --blue-theme-submit-btn-text: #fff; --blue-theme-secondary-btn-bg: var(--blue-50); --blue-theme-secondary-btn-text: var(--blue-900); --blue-theme-user-selection-bg: var(--blue-300); } @supports (color: color-mix(in lab, red, red)) { :root { --blue-theme-user-selection-bg: color-mix(in oklab, var(--blue-300) 35%, transparent); } } :root { --blue-theme-entity-accent: var(--blue-500); --green-theme-user-msg-bg: var(--green-50); --green-theme-user-msg-text: var(--green-900); --green-theme-submit-btn-bg: var(--green-400); --green-theme-submit-btn-text: #fff; --green-theme-secondary-btn-bg: var(--green-50); --green-theme-secondary-btn-text: var(--green-900); --green-theme-user-selection-bg: var(--green-300); } @supports (color: color-mix(in lab, red, red)) { :root { --green-theme-user-selection-bg: color-mix(in oklab, var(--green-300) 35%, transparent); } } :root { --green-theme-entity-accent: var(--green-500); --yellow-theme-user-msg-bg: var(--yellow-50); --yellow-theme-user-msg-text: var(--yellow-900); --yellow-theme-submit-btn-bg: var(--yellow-400); --yellow-theme-submit-btn-text: #fff; --yellow-theme-secondary-btn-bg: var(--yellow-50); --yellow-theme-secondary-btn-text: var(--yellow-900); --yellow-theme-user-selection-bg: var(--yellow-300); } @supports (color: color-mix(in lab, red, red)) { :root { --yellow-theme-user-selection-bg: color-mix(in oklab, var(--yellow-300) 35%, transparent); } } :root { --yellow-theme-entity-accent: var(--yellow-500); --purple-theme-user-msg-bg: var(--purple-50); --purple-theme-user-msg-text: var(--purple-900); --purple-theme-submit-btn-bg: var(--purple-400); --purple-theme-submit-btn-text: #fff; --purple-theme-secondary-btn-bg: var(--purple-50); --purple-theme-secondary-btn-text: var(--purple-900); --purple-theme-user-selection-bg: var(--purple-300); } @supports (color: color-mix(in lab, red, red)) { :root { --purple-theme-user-selection-bg: color-mix(in oklab, var(--purple-300) 35%, transparent); } } :root { --purple-theme-entity-accent: var(--purple-500); --pink-theme-user-msg-bg: var(--pink-50); --pink-theme-user-msg-text: var(--pink-900); --pink-theme-submit-btn-bg: var(--pink-400); --pink-theme-submit-btn-text: #fff; --pink-theme-secondary-btn-bg: var(--pink-50); --pink-theme-secondary-btn-text: var(--pink-900); --pink-theme-user-selection-bg: var(--pink-300); } @supports (color: color-mix(in lab, red, red)) { :root { --pink-theme-user-selection-bg: color-mix(in oklab, var(--pink-300) 35%, transparent); } } :root { --pink-theme-entity-accent: var(--pink-500); --orange-theme-user-msg-bg: var(--orange-50); --orange-theme-user-msg-text: var(--orange-900); --orange-theme-submit-btn-bg: var(--orange-400); --orange-theme-submit-btn-text: #fff; --orange-theme-secondary-btn-bg: var(--orange-50); --orange-theme-secondary-btn-text: var(--orange-900); --orange-theme-user-selection-bg: var(--orange-300); } @supports (color: color-mix(in lab, red, red)) { :root { --orange-theme-user-selection-bg: color-mix(in oklab, var(--orange-300) 35%, transparent); } } :root { --orange-theme-entity-accent: var(--orange-500); --black-theme-user-msg-bg: #000; --black-theme-user-msg-text: #fff; --black-theme-submit-btn-bg: #000; --black-theme-submit-btn-text: #fff; --black-theme-secondary-btn-bg: var(--gray-100); --black-theme-secondary-btn-text: var(--text-primary); --black-theme-user-selection-bg: var(--gray-300); } @supports (color: color-mix(in lab, red, red)) { :root { --black-theme-user-selection-bg: color-mix(in oklab, var(--gray-300) 40%, transparent); } } :root { --black-theme-entity-accent: var(--gray-500); } .dark, .light .dark { --default-theme-submit-btn-bg: #fff; --default-theme-submit-btn-text: #000; --default-theme-user-msg-text: var(--text-primary); --default-theme-secondary-btn-bg: var(--gray-700); --default-theme-secondary-btn-text: #fff; --default-theme-user-selection-bg: color-mix(in oklab, var(--blue-200) 40%, transparent); --default-theme-attribution-highlight-bg: var(--yellow-800); --formatted-text-highlight-bg: #0ea5e94d; --blue-theme-user-msg-bg: var(--blue-700); --blue-theme-user-msg-text: var(--blue-25); --blue-theme-submit-btn-bg: var(--blue-500); --blue-theme-secondary-btn-bg: var(--blue-600); --blue-theme-secondary-btn-text: var(--blue-25); --blue-theme-user-selection-bg: color-mix(in oklab, var(--blue-400) 60%, transparent); --default-theme-entity-accent: var(--blue-300); --green-theme-user-msg-bg: var(--green-700); --green-theme-user-msg-text: var(--green-25); --green-theme-submit-btn-bg: var(--green-500); --green-theme-secondary-btn-bg: var(--green-600); --green-theme-secondary-btn-text: var(--green-25); --green-theme-user-selection-bg: color-mix(in oklab, var(--green-400) 60%, transparent); --green-theme-entity-accent: var(--green-300); --yellow-theme-user-msg-bg: var(--yellow-700); --yellow-theme-user-msg-text: var(--yellow-25); --yellow-theme-submit-btn-bg: var(--yellow-500); --yellow-theme-secondary-btn-bg: var(--yellow-600); --yellow-theme-secondary-btn-text: var(--yellow-25); --yellow-theme-user-selection-bg: color-mix(in oklab, var(--yellow-400) 50%, transparent); --yellow-theme-entity-accent: var(--yellow-300); --purple-theme-user-msg-bg: var(--purple-700); --purple-theme-user-msg-text: var(--purple-25); --purple-theme-submit-btn-bg: var(--purple-500); --purple-theme-secondary-btn-bg: var(--purple-600); --purple-theme-secondary-btn-text: var(--purple-25); --purple-theme-user-selection-bg: color-mix(in oklab, var(--purple-400) 60%, transparent); --purple-theme-entity-accent: var(--purple-300); --pink-theme-user-msg-bg: var(--pink-700); --pink-theme-user-msg-text: var(--pink-25); --pink-theme-submit-btn-bg: var(--pink-500); --pink-theme-secondary-btn-bg: var(--pink-600); --pink-theme-secondary-btn-text: var(--pink-25); --pink-theme-user-selection-bg: color-mix(in oklab, var(--pink-400) 60%, transparent); --pink-theme-entity-accent: var(--pink-300); --orange-theme-user-msg-bg: var(--orange-700); --orange-theme-user-msg-text: var(--orange-25); --orange-theme-submit-btn-bg: var(--orange-500); --orange-theme-secondary-btn-bg: var(--orange-600); --orange-theme-secondary-btn-text: var(--orange-25); --orange-theme-user-selection-bg: color-mix(in oklab, var(--orange-400) 60%, transparent); --orange-theme-entity-accent: var(--orange-300); --black-theme-user-msg-bg: var(--gray-100); --black-theme-user-msg-text: #000; --black-theme-submit-btn-bg: #fff; --black-theme-submit-btn-text: #000; --black-theme-secondary-btn-bg: var(--gray-700); --black-theme-secondary-btn-text: #fff; --black-theme-user-selection-bg: color-mix(in oklab, var(--gray-600) 40%, transparent); --black-theme-entity-accent: var(--gray-300); } :root, [data-chat-theme='default'], [data-chat-theme='default'] .dark { --theme-user-msg-bg: var(--default-theme-user-msg-bg); --theme-user-msg-text: var(--default-theme-user-msg-text); --theme-submit-btn-bg: var(--default-theme-submit-btn-bg); --theme-submit-btn-text: var(--default-theme-submit-btn-text); --theme-secondary-btn-bg: var(--default-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--default-theme-secondary-btn-text); --theme-user-selection-bg: var(--default-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--default-theme-attribution-highlight-bg); --theme-entity-accent: var(--default-theme-entity-accent); } [data-chat-theme='blue'], [data-chat-theme='blue'] .dark { --theme-user-msg-bg: var(--blue-theme-user-msg-bg); --theme-user-msg-text: var(--blue-theme-user-msg-text); --theme-submit-btn-bg: var(--blue-theme-submit-btn-bg); --theme-submit-btn-text: var(--blue-theme-submit-btn-text); --theme-secondary-btn-bg: var(--blue-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--blue-theme-secondary-btn-text); --theme-user-selection-bg: var(--blue-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--blue-theme-user-selection-bg); --theme-entity-accent: var(--blue-theme-entity-accent); } [data-chat-theme='green'], [data-chat-theme='green'] .dark { --theme-user-msg-bg: var(--green-theme-user-msg-bg); --theme-user-msg-text: var(--green-theme-user-msg-text); --theme-submit-btn-bg: var(--green-theme-submit-btn-bg); --theme-submit-btn-text: var(--green-theme-submit-btn-text); --theme-secondary-btn-bg: var(--green-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--green-theme-secondary-btn-text); --theme-user-selection-bg: var(--green-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--green-theme-user-selection-bg); --theme-entity-accent: var(--green-theme-entity-accent); } [data-chat-theme='yellow'], [data-chat-theme='yellow'] .dark { --theme-user-msg-bg: var(--yellow-theme-user-msg-bg); --theme-user-msg-text: var(--yellow-theme-user-msg-text); --theme-submit-btn-bg: var(--yellow-theme-submit-btn-bg); --theme-submit-btn-text: var(--yellow-theme-submit-btn-text); --theme-secondary-btn-bg: var(--yellow-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--yellow-theme-secondary-btn-text); --theme-user-selection-bg: var(--yellow-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--yellow-theme-user-selection-bg); --theme-entity-accent: var(--yellow-theme-entity-accent); } [data-chat-theme='purple'], [data-chat-theme='purple'] .dark { --theme-user-msg-bg: var(--purple-theme-user-msg-bg); --theme-user-msg-text: var(--purple-theme-user-msg-text); --theme-submit-btn-bg: var(--purple-theme-submit-btn-bg); --theme-submit-btn-text: var(--purple-theme-submit-btn-text); --theme-secondary-btn-bg: var(--purple-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--purple-theme-secondary-btn-text); --theme-user-selection-bg: var(--purple-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--purple-theme-user-selection-bg); --theme-entity-accent: var(--purple-theme-entity-accent); } [data-chat-theme='pink'], [data-chat-theme='pink'] .dark { --theme-user-msg-bg: var(--pink-theme-user-msg-bg); --theme-user-msg-text: var(--pink-theme-user-msg-text); --theme-submit-btn-bg: var(--pink-theme-submit-btn-bg); --theme-submit-btn-text: var(--pink-theme-submit-btn-text); --theme-secondary-btn-bg: var(--pink-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--pink-theme-secondary-btn-text); --theme-user-selection-bg: var(--pink-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--pink-theme-user-selection-bg); --theme-entity-accent: var(--pink-theme-entity-accent); } [data-chat-theme='orange'], [data-chat-theme='orange'] .dark { --theme-user-msg-bg: var(--orange-theme-user-msg-bg); --theme-user-msg-text: var(--orange-theme-user-msg-text); --theme-submit-btn-bg: var(--orange-theme-submit-btn-bg); --theme-submit-btn-text: var(--orange-theme-submit-btn-text); --theme-secondary-btn-bg: var(--orange-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--orange-theme-secondary-btn-text); --theme-user-selection-bg: var(--orange-theme-user-selection-bg); --theme-entity-accent: var(--orange-theme-entity-accent); } [data-chat-theme='black'], [data-chat-theme='black'] .dark { --theme-user-msg-bg: var(--black-theme-user-msg-bg); --theme-user-msg-text: var(--black-theme-user-msg-text); --theme-submit-btn-bg: var(--black-theme-submit-btn-bg); --theme-submit-btn-text: var(--black-theme-submit-btn-text); --theme-secondary-btn-bg: var(--black-theme-secondary-btn-bg); --theme-secondary-btn-text: var(--black-theme-secondary-btn-text); --theme-user-selection-bg: var(--black-theme-user-selection-bg); --theme-attribution-highlight-bg: var(--black-theme-user-selection-bg); --theme-entity-accent: var(--black-theme-entity-accent); } h1 { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } h2, h3 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } @keyframes hive-log-fadeout { 0% { background: #0285ff1a; } to { background-color: #0000; } } .hive-log { cursor: pointer; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 0.5); --tw-font-weight: var(--font-weight-medium); font-size: 10px; font-weight: var(--font-weight-medium); color: #8f8f8f; background-color: #0000000d; border-radius: 3.40282e38px; } @media (hover: hover) { .hive-log:hover { background-color: var(--main-surface-tertiary); color: var(--text-primary); } } :root, [dir='ltr'] { --start: left; --end: right; --to-end-unit: 1; --is-ltr: unset; --is-rtl: ; } [dir='rtl'] { --start: right; --end: left; --to-end-unit: -1; --is-ltr: ; --is-rtl: unset; } [data-rtl-flip]:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { transform-origin: 50%; --tw-scale-x: -1; scale: var(--tw-scale-x) var(--tw-scale-y); } :root { --safe-area-max-inset-bottom: env(safe-area-max-inset-bottom, 36px); --user-chat-width: 70%; --sidebar-width: 260px; --sidebar-section-margin-top: 1.25rem; --sidebar-section-first-margin-top: 0.5rem; --sidebar-expanded-section-margin-bottom: 1.25rem; --sidebar-collapsed-section-margin-bottom: 0.75rem; --sidebar-rail-width: calc(13 * var(--spacing)); --header-height: calc(13 * var(--spacing)); } @media (pointer: coarse) { :root { --sidebar-rail-width: calc(14 * var(--spacing)); --header-height: calc(14 * var(--spacing)); } } :root:has(.images-app) { --sidebar-bg: #ffffff29; --sidebar-login-pane-bg: #fff; --sidebar-mask-bg: transparent; --sidebar-moweb-bg: transparent; --sidebar-sticky-backdrop: blur(14px); } :root:has(.images-app):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --sidebar-bg: #00000029; --sidebar-login-pane-bg: #171717; } :root:has(.mattress-app) { --sidebar-bg: #ffffff29; --sidebar-mask-bg: transparent; --sidebar-moweb-bg: transparent; --sidebar-sticky-backdrop: blur(14px); } :root:has(.mattress-app):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --sidebar-bg: #00000029; } :root:has(.mattress-app) #page-header { background-color: #0000 !important; } :root { --white: #fff; --black: #000; --gray-0: #fff; --gray-25: #fcfcfc; --gray-50: #f9f9f9; --gray-75: #f2f2f2; --gray-100: #ececec; --gray-150: #e8e8e8; --gray-200: #e3e3e3; --gray-250: #d8d8d8; --gray-300: #cdcdcd; --gray-350: silver; --gray-400: #b4b4b4; --gray-450: #a8a8a8; --gray-500: #9b9b9b; --gray-550: #818181; --gray-600: #676767; --gray-650: #545454; --gray-700: #424242; --gray-750: #2f2f2f; --gray-800: #212121; --gray-850: #1c1c1c; --gray-900: #171717; --gray-925: #121212; --gray-950: #0d0d0d; --gray-975: #0c0c0c; --gray-1000: #0b0b0b; --brand-purple: #ab68ff; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { :root { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } html, .light, .dark .light { --main-surface-background: #fffffff2; --message-surface: #e9e9e980; --composer-surface: var(--message-surface); --composer-blue-bg: #daeeff; --composer-blue-hover: #bddcf4; --composer-blue-hover-tint: #0084ff24; --composer-surface-primary: var(--main-surface-primary); --dot-color: var(--black); --text-primary: var(--gray-950); --icon-surface: 13 13 13; --text-primary-inverse: var(--gray-100); --content-primary: #01172b; --content-secondary: #44505b; --text-secondary: #0009; --text-tertiary: #0000004a; --text-quaternary: #00000030; --tag-blue: #08f; --tag-blue-light: #0af; --text-error: #f93a37; --text-danger: var(--red-500); --text-placeholder: #000000b3; --surface-error: 249 58 55; --border-xlight: #0000000d; --border-light: #0000001a; --border-medium: #00000026; --border-heavy: #0003; --border-xheavy: #00000040; --hint-text: #08f; --hint-bg: #b3dbff; --border-sharp: #0000000d; --icon-secondary: #676767; --main-surface-primary: var(--white); --main-surface-primary-inverse: var(--gray-800); --main-surface-secondary: var(--gray-50); --main-surface-secondary-selected: #0000001a; --main-surface-tertiary: var(--gray-100); --sidebar-surface-primary: var(--gray-50); --sidebar-surface-secondary: var(--gray-100); --sidebar-surface-tertiary: var(--gray-200); --sidebar-title-primary: #28282880; --sidebar-surface: #fcfcfc; --sidebar-body-primary: #0d0d0d; --sidebar-icon: #7d7d7d; --surface-hover: #00000012; --link: #2964aa; --link-hover: #749ac8; --selection: #007aff; --scrollbar-color: #0000001a; --scrollbar-color-hover: #0003; } @supports (color: oklch(0.99 0 0)) { html, .light, .dark .light { --sidebar-surface-floating-lightness: 1; --sidebar-surface-floating-alpha: 1; --sidebar-surface-pinned-lightness: 0.99; --sidebar-surface-pinned-alpha: 1; } } @media (prefers-reduced-transparency: reduce) { html, .light, .dark .light { --message-surface: #f4f4f4; } } .dark { --main-surface-background: #212121e6; --message-surface: #323232d9; --composer-blue-bg: #2a4a6d; --composer-blue-hover: #1a416a; --composer-blue-text: #48aaff; --composer-surface-primary: #303030; --dot-color: var(--white); --text-primary: var(--gray-100); --icon-surface: 240 240 240; --text-primary-inverse: var(--gray-950); --text-secondary: #ffffffb3; --text-tertiary: #ffffff94; --text-quaternary: #ffffff69; --text-placeholder: #fffc; --content-primary: #f2f6fa; --content-secondary: #dbe2e8; --text-error: #f93a37; --border-xlight: #ffffff0d; --border-light: #ffffff1a; --border-medium: #ffffff26; --border-heavy: #fff3; --border-xheavy: #ffffff40; --border-sharp: #ffffff0d; --main-surface-primary: var(--gray-800); --main-surface-primary-inverse: var(--white); --main-surface-secondary: var(--gray-750); --main-surface-secondary-selected: #ffffff26; --main-surface-tertiary: var(--gray-700); --sidebar-surface-primary: var(--gray-900); --sidebar-surface-secondary: var(--gray-800); --sidebar-surface-tertiary: var(--gray-750); --sidebar-title-primary: #f0f0f080; --sidebar-surface: #2b2b2b; --sidebar-body-primary: #ededed; --sidebar-icon: #a4a4a4; --surface-hover: #ffffff26; --link: #7ab7ff; --link-hover: #5e83b3; --surface-error: 249 58 55; --scrollbar-color: #ffffff1a; --scrollbar-color-hover: #fff3; } @supports (color: oklch(0.99 0 0)) { .dark { --sidebar-surface-floating-lightness: 0.3; --sidebar-surface-floating-alpha: 1; --sidebar-surface-pinned-lightness: 0.29; --sidebar-surface-pinned-alpha: 1; } } @media (prefers-reduced-transparency: reduce) { .dark { --message-surface: #2f2f2f; } } .dark :not(.light).popover, .dark.popover, .popover .dark { --main-surface-primary: var(--gray-750); --main-surface-secondary: var(--gray-700); --main-surface-tertiary: var(--gray-600); --sidebar-surface-primary: var(--gray-750); } .popover, .light.popover, .light .popover, .dark .light.popover { --main-surface-primary: var(--white); --main-surface-secondary: var(--gray-100); --main-surface-tertiary: var(--gray-200); --sidebar-surface-primary: var(--white); } .dark .popover.sidebar { --main-surface-secondary: #393939 !important; } .light .canvas-open { --main-surface-primary: #f9f9f9; --message-surface: #eee; } textarea:focus { box-shadow: none; border-color: inherit; outline: none; } @supports (height: 100cqh) { :root { --cqh-full: 100cqh; --cqw-full: 100cqw; } } @supports not (height: 100cqh) { :root { --cqh-full: 100dvh; --cqw-full: 100dvw; } } [data-chat-theme='blue'].mini-root, [data-chat-theme='blue'].mini-root .dark { --interactive-bg-accent-default: var(--blue-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--blue-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--blue-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--blue-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--blue-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--blue-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--blue-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--blue-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--blue-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--blue-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--blue-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--blue-theme-interactive-label-accent) !important; } [data-chat-theme='green'].mini-root, [data-chat-theme='green'].mini-root .dark { --interactive-bg-accent-default: var(--green-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--green-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--green-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--green-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--green-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--green-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--green-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--green-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--green-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--green-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--green-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--green-theme-interactive-label-accent) !important; } [data-chat-theme='yellow'].mini-root, [data-chat-theme='yellow'].mini-root .dark { --interactive-bg-accent-default: var(--yellow-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--yellow-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--yellow-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--yellow-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--yellow-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--yellow-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--yellow-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--yellow-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--yellow-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--yellow-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--yellow-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--yellow-theme-interactive-label-accent) !important; } [data-chat-theme='purple'].mini-root, [data-chat-theme='purple'].mini-root .dark { --interactive-bg-accent-default: var(--purple-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--purple-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--purple-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--purple-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--purple-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--purple-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--purple-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--purple-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--purple-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--purple-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--purple-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--purple-theme-interactive-label-accent) !important; } [data-chat-theme='pink'].mini-root, [data-chat-theme='pink'].mini-root .dark { --interactive-bg-accent-default: var(--pink-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--pink-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--pink-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--pink-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--pink-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--pink-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--pink-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--pink-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--pink-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--pink-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--pink-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--pink-theme-interactive-label-accent) !important; } [data-chat-theme='orange'].mini-root, [data-chat-theme='orange'].mini-root .dark { --interactive-bg-accent-default: var(--orange-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--orange-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--orange-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--orange-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--orange-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--orange-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--orange-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--orange-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--orange-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--orange-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--orange-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--orange-theme-interactive-label-accent) !important; } [data-chat-theme='black'].mini-root, [data-chat-theme='black'].mini-root .dark { --interactive-bg-accent-default: var(--black-theme-interactive-bg-accent-default) !important; --interactive-bg-accent-hover: var(--black-theme-interactive-bg-accent-hover) !important; --interactive-bg-accent-muted-hover: var(--black-theme-interactive-bg-accent-muted-hover) !important; --interactive-bg-accent-muted-context: var(--black-theme-interactive-bg-accent-muted-context) !important; --interactive-bg-accent-press: var(--black-theme-interactive-bg-accent-press) !important; --interactive-bg-accent-muted-press: var(--black-theme-interactive-bg-accent-muted-press) !important; --interactive-bg-accent-inactive: var(--black-theme-interactive-bg-accent-inactive) !important; --interactive-label-accent-default: var(--black-theme-interactive-label-accent) !important; --interactive-label-accent-hover: var(--black-theme-interactive-label-accent) !important; --interactive-label-accent-press: var(--black-theme-interactive-label-accent) !important; --interactive-label-accent-inactive: var(--black-theme-interactive-label-accent) !important; --interactive-label-accent-selected: var(--black-theme-interactive-label-accent) !important; } :root.mini-ua-root, :root.mini-ua-root.dark, :root.mini-ua-root.light .dark { --default-theme-user-msg-bg: var(--blue-theme-user-msg-bg); --default-theme-user-msg-text: var(--blue-theme-user-msg-text); --default-theme-submit-btn-bg: var(--blue-theme-submit-btn-bg); --default-theme-submit-btn-text: var(--blue-theme-submit-btn-text); --default-theme-secondary-btn-bg: var(--blue-theme-secondary-btn-bg); --default-theme-secondary-btn-text: var(--blue-theme-secondary-btn-text); --default-theme-user-selection-bg: var(--blue-theme-user-selection-bg); --default-theme-attribution-highlight-bg: var(--blue-theme-attribution-highlight-bg); --default-theme-entity-accent: var(--blue-theme-entity-accent); } body.mini-ua-root.mini[data-window-style='sidebar_view'] { --sidechat-shadow: none !important; } [type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select { -webkit-appearance: none; appearance: none; border-color: var(--gray-500); --tw-shadow: 0 0 transparent; background-color: #fff; border-width: 1px; border-radius: 0; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; } :is( [type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select ):focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty,); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--blue-600); --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); border-color: var(--blue-600); outline: 2px solid #0000; } input::placeholder, textarea::placeholder { color: var(--gray-500); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { -webkit-print-color-adjust: exact; print-color-adjust: exact; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; } [multiple], [size]:where(select:not([size='1'])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; print-color-adjust: unset; padding-right: 0.75rem; } [type='checkbox'], [type='radio'] { -webkit-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; vertical-align: middle; -webkit-user-select: none; user-select: none; width: 1rem; height: 1rem; color: var(--blue-600); border-color: var(--gray-500); --tw-shadow: 0 0 transparent; background-color: #fff; background-origin: border-box; border-width: 1px; flex-shrink: 0; padding: 0; display: inline-block; } [type='checkbox'] { border-radius: 0; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus, [type='radio']:focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty,); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--blue-600); --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); outline: 2px solid #0000; } [type='checkbox']:checked, [type='radio']:checked { background-color: currentColor; background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: #0000; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='checkbox']:checked { -webkit-appearance: auto; appearance: auto; } } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='radio']:checked { -webkit-appearance: auto; appearance: auto; } } [type='checkbox']:checked:hover, [type='checkbox']:checked:focus, [type='radio']:checked:hover, [type='radio']:checked:focus { background-color: currentColor; border-color: #0000; } [type='checkbox']:indeterminate { background-color: currentColor; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: #0000; } @media (forced-colors: active) { [type='checkbox']:indeterminate { -webkit-appearance: auto; appearance: auto; } } [type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus { background-color: currentColor; border-color: #0000; } [type='file'] { background: unset; border-color: inherit; font-size: unset; line-height: inherit; border-width: 0; border-radius: 0; padding: 0; } [type='file']:focus { outline: 1px solid buttontext; outline: 1px auto -webkit-focus-ring-color; } .text-mkt-h1, .text-mkt-h2, .text-mkt-h3, .text-mkt-h4, .text-mkt-h5, .text-mkt-h6 { --tw-font-weight: 500; } } @layer components { table.mkt-bordered, table.mkt-bordered :where(tr) { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border-medium); } table.mkt-bordered :where(td, th) { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border-medium); padding: calc(var(--spacing) * 2) !important; } @property --mkt-scrollable-mask-left { syntax: ''; inherits: false; initial-value: #000; } @property --mkt-scrollable-mask-right { syntax: ''; inherits: false; initial-value: #000; } .mkt-style-scrollbars { scrollbar-gutter: stable; } .mkt-style-scrollbars::-webkit-scrollbar { -webkit-appearance: none; background-color: #0000; width: 16px; } .mkt-style-scrollbars::-webkit-scrollbar-corner { background-color: #0000; } .mkt-style-scrollbars::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: var(--scrollbar-color); border: 6px solid #0000; border-radius: 9999px; } .mkt-style-scrollbars::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-color-hover); } .mkt-fade-scrollview-vertically { -webkit-mask-image: linear-gradient(90deg, #0000 0%, #fff 97%, #fff 100%), linear-gradient(#000 75%, #00000003 100%); mask-image: linear-gradient(90deg, #0000 0%, #fff 97%, #fff 100%), linear-gradient(#000 75%, #00000003 100%); } .mkt-scrollable { overscroll-behavior-x: contain; transition-property: --mkt-scrollable-mask-left, --mkt-scrollable-mask-right; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 0.3s; -webkit-mask-image: linear-gradient( to right, var(--mkt-scrollable-mask-left) 0%, black 2rem, black calc(100% - 2rem), var(--mkt-scrollable-mask-right) 100% ); -webkit-mask-image: linear-gradient( to right, var(--mkt-scrollable-mask-left) 0%, black 2rem, black calc(100% - 2rem), var(--mkt-scrollable-mask-right) 100% ); -webkit-mask-image: linear-gradient( to right, var(--mkt-scrollable-mask-left) 0%, black 2rem, black calc(100% - 2rem), var(--mkt-scrollable-mask-right) 100% ); -webkit-mask-image: linear-gradient( to right, var(--mkt-scrollable-mask-left) 0%, black 2rem, black calc(100% - 2rem), var(--mkt-scrollable-mask-right) 100% ); mask-image: linear-gradient( to right, var(--mkt-scrollable-mask-left) 0%, black 2rem, black calc(100% - 2rem), var(--mkt-scrollable-mask-right) 100% ); transition-property: --mkt-scrollable-mask-left, --mkt-scrollable-mask-right; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); overflow-x: auto; overflow-y: clip; } .mkt-scrollable::-webkit-scrollbar { display: none; } @property --top-fade { syntax: ''; inherits: false; initial-value: 0; } @property --bottom-fade { syntax: ''; inherits: false; initial-value: 0; } @property --edge-fade-distance { syntax: ''; inherits: false; initial-value: 0.5lh; } @keyframes edge-fade { 0% { --top-fade: 0; } 3%, to { --top-fade: var(--edge-fade-distance, 0.5lh); } 0%, 97% { --bottom-fade: var(--edge-fade-distance, 0.5lh); } to { --bottom-fade: 0; } } @supports (scroll-timeline: --scroll-fade) { .vertical-scroll-fade-mask { -webkit-mask: linear-gradient( to bottom in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); -webkit-mask: linear-gradient( to bottom in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); -webkit-mask: linear-gradient( to bottom in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); -webkit-mask: linear-gradient( to bottom in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); mask: linear-gradient( to bottom in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); scroll-timeline: --scroll-fade y; animation-name: edge-fade; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --scroll-fade; } @supports (color: lab(0% 0 0)) { .vertical-scroll-fade-mask { -webkit-mask: linear-gradient( to bottom in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); -webkit-mask: linear-gradient( to bottom in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); -webkit-mask: linear-gradient( to bottom in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); -webkit-mask: linear-gradient( to bottom in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); mask: linear-gradient( to bottom in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); } } .horizontal-scroll-fade-mask { -webkit-mask: linear-gradient( to right in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); -webkit-mask: linear-gradient( to right in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); -webkit-mask: linear-gradient( to right in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); -webkit-mask: linear-gradient( to right in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); mask: linear-gradient( to right in oklch, #80808000, #cecece var(--top-fade) calc(100% - var(--bottom-fade)), #80808000 ); scroll-timeline: --scroll-fade x; animation-name: edge-fade; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --scroll-fade; } @supports (color: lab(0% 0 0)) { .horizontal-scroll-fade-mask { -webkit-mask: linear-gradient( to right in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); -webkit-mask: linear-gradient( to right in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); -webkit-mask: linear-gradient( to right in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); -webkit-mask: linear-gradient( to right in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); mask: linear-gradient( to right in oklch, lab(53.6% 0 0/0), lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade) calc(100% - var(--bottom-fade)), lab(53.6% 0 0/0) ); } } } .icon-lg { height: var(--icon-lg-size, 1.5rem); width: var(--icon-lg-size, 1.5rem); flex-grow: 0; flex-shrink: 0; } .icon-lg > .icon { height: inherit; width: inherit; } .icon-xl { height: calc(var(--spacing) * 7); width: calc(var(--spacing) * 7); flex-grow: 0; flex-shrink: 0; } .icon-2xl { height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); flex-grow: 0; flex-shrink: 0; } .loading-shimmer-pure-text, .loading-shimmer { --shimmer-contrast: #ffffffbf; --shimmer-text-secondary: var(--text-secondary); } .dark .loading-shimmer-pure-text, .dark .loading-shimmer { --shimmer-contrast: #0009; --shimmer-text-secondary: var(--interactive-label-tertiary-hover); } .loading-shimmer-pure-text, .loading-shimmer { background: var(--shimmer-text-secondary) linear-gradient( to var(--end), var(--shimmer-text-secondary) 0%, var(--shimmer-contrast) 40%, var(--shimmer-contrast) 60%, var(--shimmer-text-secondary) 100% ); background: var(--shimmer-text-secondary)-webkit-gradient( linear, 100% 0, 0 0, from(var(--shimmer-text-secondary)), color-stop(0.4, var(--shimmer-contrast)), color-stop(0.6, var(--shimmer-contrast)), to(var(--shimmer-text-secondary)) ); background-position: -100% 0; background-position: var(--is-ltr, -100%) var(--is-rtl, 200%) top; text-fill-color: transparent; -webkit-text-fill-color: transparent; animation-duration: var(--cot-shimmer-duration); background-repeat: no-repeat; background-size: 50% 200%; -webkit-background-clip: text; background-clip: text; animation-name: loading-shimmer; animation-iteration-count: infinite; animation-delay: 0s; display: inline-block; } @media (prefers-reduced-motion: reduce) { .loading-shimmer-pure-text, .loading-shimmer { animation: none; } } .loading-shimmer:hover { -webkit-text-fill-color: var(--text-primary); background: 0 0; } .loading-shimmer-pure-text-inverted { background: var(--text-primary) gradient( linear, 100% 0, 0 0, from(var(--text-primary)), color-stop(0.5, var(--text-quaternary)), to(var(--text-primary)) ); background: var(--text-primary)-webkit-gradient( linear, 100% 0, 0 0, from(var(--text-primary)), color-stop(0.5, var(--text-quaternary)), to(var(--text-primary)) ); background-position: -100% 0; background-position: var(--is-ltr, -100%) var(--is-rtl, 200%) top; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-repeat: no-repeat; background-size: 50% 200%; -webkit-background-clip: text; background-clip: text; animation-name: loading-shimmer; animation-duration: 3s; animation-iteration-count: infinite; animation-delay: 0.5s; display: inline-block; } @media (prefers-reduced-motion: reduce) { .loading-shimmer-pure-text-inverted { animation: none; } } .button-glimmer { position: relative; overflow: hidden; } .feh-border-mask { border-radius: inherit; pointer-events: none; box-sizing: border-box; z-index: 1; -webkit-mask-composite: xor; -webkit-mask-source-type: auto, auto; -webkit-mask-composite: xor; -webkit-mask-source-type: auto, auto; -webkit-mask-composite: xor; -webkit-mask-source-type: auto, auto; width: 100%; height: 100%; padding: 1px; position: absolute; top: 0; left: 0; -webkit-mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0); mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0); -webkit-mask-position: 0 0, 0 0; mask-position: 0 0, 0 0; -webkit-mask-size: auto, auto; mask-size: auto, auto; -webkit-mask-repeat: repeat, repeat; mask-repeat: repeat, repeat; -webkit-mask-clip: content-box, border-box; mask-clip: content-box, border-box; -webkit-mask-origin: content-box, border-box; mask-origin: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude; -webkit-mask-source-type: auto, auto; mask-mode: match-source, match-source; } .feh-border-glow { width: var(--feh-border-glow-size, 500px); height: var(--feh-border-glow-size, 500px); transform-origin: 0 0; filter: drop-shadow(0 0 6px #7d5bffb3) drop-shadow(0 0 14px #7d5bff73); animation-name: var(--feh-border-glow-animation, rotateShine); animation-duration: var(--feh-border-glow-duration, 3s); background: conic-gradient(#0000 0%, #7d5bfff2 10%, #7d5bff59, #0000 20%); animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .dark .feh-border-glow { filter: drop-shadow(0 0 6px #aa96ffbf) drop-shadow(0 0 14px #aa96ff8c); background: conic-gradient(#0000 0%, #aa96fff2 10%, #aa96ff66, #0000 20%); } .pricing-page-primary-button-glimmer .feh-border-glow { background: conic-gradient(#0000 0%, #7d5bfff2 8%, #7d5bffad 18%, #7d5bff4d 28%, #0000 34%); } .dark .pricing-page-primary-button-glimmer .feh-border-glow { background: conic-gradient(#0000 0%, #aa96fff5 8%, #aa96ffb8 18%, #aa96ff57 28%, #0000 34%); } @media (prefers-reduced-motion: reduce) { .feh-border-glow { animation: none; } } .button-glimmer > button { z-index: 2; position: relative; } .button-glimmer:after { content: ''; border-radius: inherit; opacity: 0; pointer-events: none; background: linear-gradient(120deg, #0000 0%, #7d5bff14 15%, #7d5bff40 45%, #7d5bff1f 75%, #0000 100%); animation: 3s linear infinite upgrade-button-gleam; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: translate(-150%) skew(-18deg); } .dark .button-glimmer:after { background: linear-gradient(120deg, #0000 0%, #aa96ff1f 15%, #aa96ff52 45%, #aa96ff2e 75%, #0000 100%); } .button-text-shine { -webkit-text-fill-color: transparent; background-image: linear-gradient( 120deg, currentColor 0%, currentColor 35%, #fff 50%, currentColor 65%, currentColor 100% ); background-position: 120% 0; background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; animation: 3s linear infinite upgrade-button-text-shine; } @keyframes upgrade-button-text-shine { 0% { background-position: 120% 0; } 68% { background-position: 120% 0; } to { background-position: -100% 0; } } @media (prefers-reduced-motion: reduce) { .button-glimmer > button:after, .button-text-shine { animation: none; } } .gizmo-shadow-stroke { position: relative; } .gizmo-shadow-stroke:after { content: ''; inset: calc(var(--spacing) * 0); --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-radius: 3.40282e38px; position: absolute; } .dark .gizmo-shadow-stroke:after { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :root { --menu-item-height: calc(var(--spacing) * 9); } @media (pointer: coarse) { :root { --menu-item-height: calc(var(--spacing) * 10); } } .__menu-item { min-height: var(--menu-item-height); width: auto; scroll-margin: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); -webkit-user-select: none; user-select: none; border-radius: 10px; align-items: center; display: flex; position: relative; } .__menu-item:not([data-orientation='horizontal']) { margin-inline: calc(var(--spacing) * 1.5); } .__menu-item:focus { --tw-outline-style: none; outline-style: none; } .__menu-item[data-fill] { max-width: calc(100% - 3 * var(--spacing)); } .__menu-item[data-size='large'] { min-height: calc(var(--spacing) * 10); } .__menu-item[data-size='large']:dir(ltr) { padding-left: calc(var(--spacing) * 2); } .__menu-item[data-size='large']:dir(rtl) { padding-right: calc(var(--spacing) * 2); } @media (hover: hover) { .__menu-item { cursor: pointer; } } .__menu-item:where(.content-sheet *) { padding-block: calc(var(--spacing) * 2.25); } .__menu-item[data-sidebar-item] { border-bottom-style: var(--tw-border-style); background-clip: padding-box; border-color: #0000; border-bottom-width: 1px; } .__menu-item[data-has-submenu], .__menu-item:has(.trailing) { justify-content: space-between; gap: calc(var(--spacing) * 6); } :is(.__menu-item[data-has-submenu], .__menu-item:has(.trailing))[data-fill] { gap: calc(var(--spacing) * 2); } .__menu-item:not([data-fill], [data-has-submenu], :has(.trailing), [data-orientation='horizontal']):dir(ltr) { padding-right: calc(var(--spacing) * 8); } .__menu-item:not([data-fill], [data-has-submenu], :has(.trailing), [data-orientation='horizontal']):dir(rtl) { padding-left: calc(var(--spacing) * 8); } .__menu-item { --menu-item-highlighted: #0000000a; --menu-item-active: #0000000f; --menu-item-open: #00000006; } .dark .__menu-item { --menu-item-highlighted: var(--interactive-bg-secondary-hover); --menu-item-active: var(--interactive-bg-secondary-press); --menu-item-open: var(--interactive-bg-secondary-press); } .__menu-item[data-color='selected'] { color: var(--interactive-label-accent-default); } .__menu-item[data-color='danger'] { color: var(--text-status-error); --menu-item-highlighted: #e02e2a13; --menu-item-active: #e02e2a1f; --menu-item-open: #e02e2a0f; } .dark .__menu-item[data-color='danger'] { --menu-item-highlighted: #e02e2a23; --menu-item-active: #e02e2a2f; --menu-item-open: #e02e2a16; } .__menu-item:where(:disabled, [data-disabled]) { cursor: default; color: var(--text-tertiary); } .__menu-item:not(:disabled):not([data-disabled]):where( :has(:focus-visible), [data-state='open'], :has([data-state='open']) ) { background-color: var(--menu-item-open); } .__menu-item:not(:disabled):not([data-disabled]):focus, .__menu-item:not(:disabled):not([data-disabled])[data-highlighted], .__menu-item:not(:disabled):not([data-disabled])[data-state='active'] { background-color: var(--menu-item-highlighted); } @media (hover: hover) { .__menu-item:not(:disabled):not([data-disabled]).hoverable:hover { background-color: var(--menu-item-highlighted); } } .__menu-item:not(:disabled):not([data-disabled])[data-active], .__menu-item:not(:disabled):not([data-disabled]):active:not(:has([data-trailing-button]:hover)) { background-color: var(--menu-item-active); } .__menu-item .trailing { min-width: calc(var(--spacing) * 4); flex-shrink: 0; justify-content: center; align-self: stretch; align-items: center; display: flex; } .__menu-item .trailing-pair { grid-template-columns: max-content; align-self: stretch; place-items: center end; display: inline-grid; } .__menu-item .trailing-pair > * { grid-row-start: 1; grid-column-start: 1; align-self: stretch; align-items: center; display: flex; } @media (pointer: coarse) { .__menu-item .trailing-pair > .trailing:not(.highlight) { display: none; } } @media (hover: hover) { .__menu-item .trailing.highlight { opacity: 0; } .__menu-item[data-fill] .trailing.highlight { clip-path: inset(50%); white-space: nowrap; width: 1px; height: 1px; min-width: unset; border-width: 0; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .__menu-item:is( [data-highlighted], [data-revealed], [data-state='active'], :hover, :focus-visible, :has(:focus-visible), [data-state='open'], :has([data-state='open']) ) .trailing-pair > .trailing:not(.highlight) { visibility: hidden; } .__menu-item:is( [data-highlighted], [data-revealed], [data-state='active'], :hover, :focus-visible, :has(:focus-visible), [data-state='open'], :has([data-state='open']) ) .trailing.highlight { opacity: unset; } .__menu-item:is( [data-highlighted], [data-revealed], [data-state='active'], :hover, :focus-visible, :has(:focus-visible), [data-state='open'], :has([data-state='open']) )[data-fill] .trailing.highlight { clip-path: none; white-space: normal; width: auto; height: auto; min-width: calc(var(--spacing) * 4); margin: 0; padding: 0; position: static; overflow: visible; } } .__menu-item-badge { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border-heavy); --tw-leading: calc(var(--spacing) * 3); font-size: 8px; line-height: calc(var(--spacing) * 3); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); text-transform: uppercase; border-radius: 3.40282e38px; flex-shrink: 0; padding: 1px 5px; } .__menu-item-badge:not(:is(:where(.group)[data-disabled] *)) { color: var(--text-tertiary); } .__menu-item-badge:is(:where(.group)[data-disabled] *) { opacity: 0.8; } .shopping-cart-sidebar-item .__menu-item-badge { height: calc(var(--spacing) * 5); min-width: calc(var(--spacing) * 5); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 0); --tw-leading: 1; --tw-font-weight: var(--font-weight-semibold); font-size: 11px; line-height: 1; font-weight: var(--font-weight-semibold); color: #fff; text-transform: none; background-color: #1a73e8; border-width: 0; border-radius: 3.40282e38px; justify-content: center; align-items: center; display: inline-flex; } button[role='combobox'] .tier-badge { display: none; } .__menu-item-trailing-btn, .__menu-item-trailing-lnk { pointer-events: auto; color: var(--text-primary); } :is(.__menu-item-trailing-btn, .__menu-item-trailing-lnk):disabled { pointer-events: none; color: var(--text-tertiary); } .__menu-item-trailing-btn, .__menu-item-trailing-lnk { isolation: isolate; min-height: calc(var(--spacing) * 9); align-self: stretch; align-items: center; display: flex; position: relative; } :is(.__menu-item-trailing-btn, .__menu-item-trailing-lnk):focus { --tw-outline-style: none; outline-style: none; } @media (pointer: coarse) { .__menu-item-trailing-btn, .__menu-item-trailing-lnk { min-height: calc(var(--spacing) * 10); } } :is( :is(.__menu-item-trailing-btn, .__menu-item-trailing-lnk):is(html[data-focus-mode='keyboard'] :focus-visible) > * ) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .__menu-item-trailing-btn { isolation: isolate; margin-block: calc(var(--spacing) * -2); } .__menu-item-trailing-btn:dir(ltr) { margin-left: calc(var(--spacing) * -1); margin-right: calc(var(--spacing) * -2.5); padding-left: calc(var(--spacing) * 1); padding-right: calc(var(--spacing) * 1.5); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .__menu-item-trailing-btn:dir(rtl) { margin-right: calc(var(--spacing) * -1); margin-left: calc(var(--spacing) * -2.5); padding-right: calc(var(--spacing) * 1); padding-left: calc(var(--spacing) * 1.5); border-top-left-radius: 10px; border-bottom-left-radius: 10px; } [data-has-submenu] .__menu-item-trailing-btn:dir(ltr) { margin-right: calc(var(--spacing) * -6.5); padding-right: calc(var(--spacing) * 5.5); } [data-has-submenu] .__menu-item-trailing-btn:dir(rtl) { margin-left: calc(var(--spacing) * -6.5); padding-left: calc(var(--spacing) * 5.5); } @media (hover: hover) { :is(.__menu-item-trailing-btn:is(:where(.group)[data-disabled] *):hover > *) { background-color: var(--menu-item-highlighted); } } :is(.__menu-item-trailing-btn:is(:where(.group)[data-disabled] *):active:active > *) { background-color: var(--menu-item-active); } .__menu-item-trailing-btn > * { border-radius: var(--radius-lg); padding: calc(var(--spacing) * 1); justify-content: center; align-items: center; display: flex; } @media (hover: hover) { .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:hover { color: var(--interactive-label-hover-secondary); } } .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:focus-visible { color: var(--interactive-label-hover-secondary); } .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:disabled, .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:where([data-visually-disabled]) { color: var(--interactive-label-inactive-secondary); } .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:checked { color: var(--interactive-label-selected-secondary); } .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:active { color: var(--interactive-label-press-secondary); } .__menu-item[data-sidebar-item] .__menu-item-trailing-btn { color: inherit; } .__menu-item[data-sidebar-item] .__menu-item-trailing-btn[data-state='open'] { color: var(--interactive-label-hover-secondary); } .__menu-item-trailing-lnk { isolation: isolate; margin-block: calc(var(--spacing) * -2); } @media (hover: hover) { .__menu-item-trailing-lnk:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } } .__menu-label { margin-inline: calc(var(--spacing) * 1.5); margin-block: calc(var(--spacing) * 0); text-overflow: ellipsis; white-space: nowrap; padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--text-tertiary); -webkit-user-select: none; user-select: none; display: block; overflow: hidden; } .__menu-label[data-no-spacing] { margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); } } @layer utilities { .\@container\/col { container: col/inline-size; } .\@container\/images-app-shell { container: images-app-shell/inline-size; } .\@container\/images-promo-banner { container: images-promo-banner/inline-size; } .\@container\/main { container: main/inline-size; } .\@container\/preview-pane { container: preview-pane/inline-size; } .\@container\/search-image { container: search-image/inline-size; } .\@container\/sheet-content { container: sheet-content/inline-size; } .\@container\/style-recents-modal { container: style-recents-modal/inline-size; } .\@container, .\[container-type\:inline-size\] { container-type: inline-size; } .\[container-type\:size\] { container-type: size; } .btn { pointer-events: auto; min-height: calc(var(--spacing) * 9); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); border-width: 1px; border-color: #0000; border-radius: 3.40282e38px; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; } .btn:disabled { cursor: not-allowed; opacity: 0.5; } @media (pointer: coarse) { .btn { min-height: calc(var(--spacing) * 10); } } .btn:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .btn:active:not(:disabled) { opacity: 0.8; } .interactive-button-destructive { background-color: var(--interactive-button-bg-default-destructive); border-style: solid; border-width: 1px; border-color: var(--interactive-button-border-default-destructive); color: var(--interactive-button-label-default-destructive); } .interactive-button-destructive .icon { color: var(--interactive-button-icon-default-destructive); } @media (hover: hover) { .interactive-button-destructive:hover { background-color: var(--interactive-button-bg-hover-destructive); border-color: var(--interactive-button-border-hover-destructive); color: var(--interactive-button-label-hover-destructive); } .interactive-button-destructive:hover .icon { color: var(--interactive-button-icon-hover-destructive); } } .interactive-button-destructive:focus-visible { background-color: var(--interactive-button-bg-hover-destructive); border-color: var(--interactive-border-focus); color: var(--interactive-button-label-hover-destructive); } .interactive-button-destructive:focus-visible .icon { color: var(--interactive-button-icon-hover-destructive); } .interactive-button-destructive:disabled { background-color: var(--interactive-button-bg-inactive-destructive); border-color: var(--interactive-button-border-inactive-destructive); color: var(--interactive-button-label-inactive-destructive); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-destructive:disabled .icon { color: var(--interactive-button-icon-inactive-destructive); } .interactive-button-destructive:where([data-visually-disabled]) { background-color: var(--interactive-button-bg-inactive-destructive); border-color: var(--interactive-button-border-inactive-destructive); color: var(--interactive-button-label-inactive-destructive); opacity: 0.5; cursor: not-allowed; } .interactive-button-destructive:where([data-visually-disabled]) .icon { color: var(--interactive-button-icon-inactive-destructive); } .interactive-button-destructive:checked { background-color: var(--interactive-button-bg-selected-destructive); border-color: var(--interactive-button-border-selected-destructive); color: var(--interactive-button-label-selected-destructive); } .interactive-button-destructive:checked .icon { color: var(--interactive-button-icon-selected-destructive); } .interactive-button-destructive:active { background-color: var(--interactive-button-bg-press-destructive); border-color: var(--interactive-button-border-press-destructive); color: var(--interactive-button-label-press-destructive); } .interactive-button-destructive:active .icon { color: var(--interactive-button-icon-press-destructive); } .interactive-button-destructive[aria-disabled='true'] { background-color: var(--interactive-button-bg-inactive-destructive); border-color: var(--interactive-button-border-inactive-destructive); color: var(--interactive-button-label-inactive-destructive); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-destructive[aria-disabled='true'] .icon { color: var(--interactive-button-icon-inactive-destructive); } .interactive-button-primary { background-color: var(--interactive-button-bg-default-primary); border-style: solid; border-width: 1px; border-color: var(--interactive-button-border-default-primary); color: var(--interactive-button-label-default-primary); } .interactive-button-primary .icon { color: var(--interactive-button-icon-default-primary); } @media (hover: hover) { .interactive-button-primary:hover { background-color: var(--interactive-button-bg-hover-primary); border-color: var(--interactive-button-border-hover-primary); color: var(--interactive-button-label-hover-primary); } .interactive-button-primary:hover .icon { color: var(--interactive-button-icon-hover-primary); } } .interactive-button-primary:focus-visible { background-color: var(--interactive-button-bg-hover-primary); border-color: var(--interactive-border-focus); color: var(--interactive-button-label-hover-primary); } .interactive-button-primary:focus-visible .icon { color: var(--interactive-button-icon-hover-primary); } .interactive-button-primary:disabled { background-color: var(--interactive-button-bg-inactive-primary); border-color: var(--interactive-button-border-inactive-primary); color: var(--interactive-button-label-inactive-primary); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-primary:disabled .icon { color: var(--interactive-button-icon-inactive-primary); } .interactive-button-primary:where([data-visually-disabled]) { background-color: var(--interactive-button-bg-inactive-primary); border-color: var(--interactive-button-border-inactive-primary); color: var(--interactive-button-label-inactive-primary); opacity: 0.5; cursor: not-allowed; } .interactive-button-primary:where([data-visually-disabled]) .icon { color: var(--interactive-button-icon-inactive-primary); } .interactive-button-primary:checked { background-color: var(--interactive-button-bg-selected-primary); border-color: var(--interactive-button-border-selected-primary); color: var(--interactive-button-label-selected-primary); } .interactive-button-primary:checked .icon { color: var(--interactive-button-icon-selected-primary); } .interactive-button-primary:active { background-color: var(--interactive-button-bg-press-primary); border-color: var(--interactive-button-border-press-primary); color: var(--interactive-button-label-press-primary); } .interactive-button-primary:active .icon { color: var(--interactive-button-icon-press-primary); } .interactive-button-primary[aria-disabled='true'] { background-color: var(--interactive-button-bg-inactive-primary); border-color: var(--interactive-button-border-inactive-primary); color: var(--interactive-button-label-inactive-primary); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-primary[aria-disabled='true'] .icon { color: var(--interactive-button-icon-inactive-primary); } .interactive-button-sec-destructive { background-color: var(--interactive-button-bg-default-sec-destructive); border-style: solid; border-width: 1px; border-color: var(--interactive-button-border-default-sec-destructive); color: var(--interactive-button-label-default-sec-destructive); } .interactive-button-sec-destructive .icon { color: var(--interactive-button-icon-default-sec-destructive); } @media (hover: hover) { .interactive-button-sec-destructive:hover { background-color: var(--interactive-button-bg-hover-sec-destructive); border-color: var(--interactive-button-border-hover-sec-destructive); color: var(--interactive-button-label-hover-sec-destructive); } .interactive-button-sec-destructive:hover .icon { color: var(--interactive-button-icon-hover-sec-destructive); } } .interactive-button-sec-destructive:focus-visible { background-color: var(--interactive-button-bg-hover-sec-destructive); border-color: var(--interactive-border-focus); color: var(--interactive-button-label-hover-sec-destructive); } .interactive-button-sec-destructive:focus-visible .icon { color: var(--interactive-button-icon-hover-sec-destructive); } .interactive-button-sec-destructive:disabled { background-color: var(--interactive-button-bg-inactive-sec-destructive); border-color: var(--interactive-button-border-inactive-sec-destructive); color: var(--interactive-button-label-inactive-sec-destructive); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-sec-destructive:disabled .icon { color: var(--interactive-button-icon-inactive-sec-destructive); } .interactive-button-sec-destructive:where([data-visually-disabled]) { background-color: var(--interactive-button-bg-inactive-sec-destructive); border-color: var(--interactive-button-border-inactive-sec-destructive); color: var(--interactive-button-label-inactive-sec-destructive); opacity: 0.5; cursor: not-allowed; } .interactive-button-sec-destructive:where([data-visually-disabled]) .icon { color: var(--interactive-button-icon-inactive-sec-destructive); } .interactive-button-sec-destructive:checked { background-color: var(--interactive-button-bg-selected-sec-destructive); border-color: var(--interactive-button-border-selected-sec-destructive); color: var(--interactive-button-label-selected-sec-destructive); } .interactive-button-sec-destructive:checked .icon { color: var(--interactive-button-icon-selected-sec-destructive); } .interactive-button-sec-destructive:active { background-color: var(--interactive-button-bg-press-sec-destructive); border-color: var(--interactive-button-border-press-sec-destructive); color: var(--interactive-button-label-press-sec-destructive); } .interactive-button-sec-destructive:active .icon { color: var(--interactive-button-icon-press-sec-destructive); } .interactive-button-sec-destructive[aria-disabled='true'] { background-color: var(--interactive-button-bg-inactive-sec-destructive); border-color: var(--interactive-button-border-inactive-sec-destructive); color: var(--interactive-button-label-inactive-sec-destructive); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-sec-destructive[aria-disabled='true'] .icon { color: var(--interactive-button-icon-inactive-sec-destructive); } .interactive-button-secondary { background-color: var(--interactive-button-bg-default-secondary); border-style: solid; border-width: 1px; border-color: var(--interactive-button-border-default-secondary); color: var(--interactive-button-label-default-secondary); } .interactive-button-secondary .icon { color: var(--interactive-button-icon-default-secondary); } @media (hover: hover) { .interactive-button-secondary:hover { background-color: var(--interactive-button-bg-hover-secondary); border-color: var(--interactive-button-border-hover-secondary); color: var(--interactive-button-label-hover-secondary); } .interactive-button-secondary:hover .icon { color: var(--interactive-button-icon-hover-secondary); } } .interactive-button-secondary:focus-visible { background-color: var(--interactive-button-bg-hover-secondary); border-color: var(--interactive-border-focus); color: var(--interactive-button-label-hover-secondary); } .interactive-button-secondary:focus-visible .icon { color: var(--interactive-button-icon-hover-secondary); } .interactive-button-secondary:disabled { background-color: var(--interactive-button-bg-inactive-secondary); border-color: var(--interactive-button-border-inactive-secondary); color: var(--interactive-button-label-inactive-secondary); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-secondary:disabled .icon { color: var(--interactive-button-icon-inactive-secondary); } .interactive-button-secondary:where([data-visually-disabled]) { background-color: var(--interactive-button-bg-inactive-secondary); border-color: var(--interactive-button-border-inactive-secondary); color: var(--interactive-button-label-inactive-secondary); opacity: 0.5; cursor: not-allowed; } .interactive-button-secondary:where([data-visually-disabled]) .icon { color: var(--interactive-button-icon-inactive-secondary); } .interactive-button-secondary:checked { background-color: var(--interactive-button-bg-selected-secondary); border-color: var(--interactive-button-border-selected-secondary); color: var(--interactive-button-label-selected-secondary); } .interactive-button-secondary:checked .icon { color: var(--interactive-button-icon-selected-secondary); } .interactive-button-secondary:active { background-color: var(--interactive-button-bg-press-secondary); border-color: var(--interactive-button-border-press-secondary); color: var(--interactive-button-label-press-secondary); } .interactive-button-secondary:active .icon { color: var(--interactive-button-icon-press-secondary); } .interactive-button-secondary[aria-disabled='true'] { background-color: var(--interactive-button-bg-inactive-secondary); border-color: var(--interactive-button-border-inactive-secondary); color: var(--interactive-button-label-inactive-secondary); opacity: 0.5; cursor: not-allowed; pointer-events: none; } .interactive-button-secondary[aria-disabled='true'] .icon { color: var(--interactive-button-icon-inactive-secondary); } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .pointer-events-none\! { pointer-events: none !important; } .\!visible { visibility: visible !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .visible\! { visibility: visible !important; } .behavior-btn { --tap-padding: var(--tap-padding-mobile); position: relative; } .behavior-btn:before { content: ''; width: 100%; height: 100%; min-width: var(--tap-padding); min-height: var(--tap-padding); z-index: 9999; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (pointer: fine) { .behavior-btn { --tap-padding: var(--tap-padding-pointer); position: relative; } .behavior-btn:before { content: ''; width: 100%; height: 100%; min-width: var(--tap-padding); min-height: var(--tap-padding); z-index: 9999; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .behavior-btn:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .tap-padding-auto { --tap-padding: var(--tap-padding-mobile); position: relative; } .tap-padding-auto:before { content: ''; width: 100%; height: 100%; min-width: var(--tap-padding); min-height: var(--tap-padding); z-index: 9999; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (pointer: fine) { .tap-padding-auto { --tap-padding: var(--tap-padding-pointer); position: relative; } .tap-padding-auto:before { content: ''; width: 100%; height: 100%; min-width: var(--tap-padding); min-height: var(--tap-padding); z-index: 9999; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .sr-only\! { clip-path: inset(50%) !important; white-space: nowrap !important; border-width: 0 !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; position: absolute !important; overflow: hidden !important; } .absolute { position: absolute; } .absolute\! { position: absolute !important; } .fixed { position: fixed; } .relative { position: relative; } .relative\! { position: relative !important; } .static { position: static; } .static\! { position: static !important; } .sticky { position: -webkit-sticky; position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-5 { inset: calc(var(--spacing) * 5); } .inset-8 { inset: calc(var(--spacing) * 8); } .inset-\[-16px\] { top: -16px; bottom: -16px; left: -16px; right: -16px; } .inset-\[-24px\] { top: -24px; bottom: -24px; left: -24px; right: -24px; } .inset-\[5\%\] { top: 5%; bottom: 5%; left: 5%; right: 5%; } .inset-\[11\.5px_10\.5px_11\.5px_12\.5px\] { top: 11.5px; bottom: 11.5px; left: 12.5px; right: 10.5px; } .inset-\[20px\] { top: 20px; bottom: 20px; left: 20px; right: 20px; } .inset-px { top: 1px; bottom: 1px; left: 1px; right: 1px; } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-1\.5 { inset-inline: calc(var(--spacing) * 1.5); } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-x-4 { inset-inline: calc(var(--spacing) * 4); } .inset-x-6 { inset-inline: calc(var(--spacing) * 6); } .inset-x-7 { inset-inline: calc(var(--spacing) * 7); } .inset-x-12 { inset-inline: calc(var(--spacing) * 12); } .inset-x-px { left: 1px; right: 1px; } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .inset-y-1 { inset-block: calc(var(--spacing) * 1); } .-start-0\.75:dir(ltr) { left: calc(var(--spacing) * -0.75); } .-start-0\.75:dir(rtl) { right: calc(var(--spacing) * -0.75); } .-start-1:dir(ltr) { left: calc(var(--spacing) * -1); } .-start-1:dir(rtl) { right: calc(var(--spacing) * -1); } .-start-2:dir(ltr) { left: calc(var(--spacing) * -2); } .-start-2:dir(rtl) { right: calc(var(--spacing) * -2); } .-start-3:dir(ltr) { left: calc(var(--spacing) * -3); } .-start-3:dir(rtl) { right: calc(var(--spacing) * -3); } .-start-4:dir(ltr) { left: calc(var(--spacing) * -4); } .-start-4:dir(rtl) { right: calc(var(--spacing) * -4); } .-start-7:dir(ltr) { left: calc(var(--spacing) * -7); } .-start-7:dir(rtl) { right: calc(var(--spacing) * -7); } .-start-8:dir(ltr) { left: calc(var(--spacing) * -8); } .-start-8:dir(rtl) { right: calc(var(--spacing) * -8); } .-start-12:dir(ltr) { left: calc(var(--spacing) * -12); } .-start-12:dir(rtl) { right: calc(var(--spacing) * -12); } .-start-96:dir(ltr) { left: calc(var(--spacing) * -96); } .-start-96:dir(rtl) { right: calc(var(--spacing) * -96); } .-start-\[10\%\]:dir(ltr) { left: -10%; } .-start-\[10\%\]:dir(rtl) { right: -10%; } .-start-px:dir(ltr) { left: -1px; } .-start-px:dir(rtl) { right: -1px; } .start-0:dir(ltr) { left: calc(var(--spacing) * 0); } .start-0:dir(rtl) { right: calc(var(--spacing) * 0); } .start-0\.5:dir(ltr) { left: calc(var(--spacing) * 0.5); } .start-0\.5:dir(rtl) { right: calc(var(--spacing) * 0.5); } .start-1:dir(ltr) { left: calc(var(--spacing) * 1); } .start-1:dir(rtl) { right: calc(var(--spacing) * 1); } .start-1\.5:dir(ltr) { left: calc(var(--spacing) * 1.5); } .start-1\.5:dir(rtl) { right: calc(var(--spacing) * 1.5); } .start-1\/2:dir(ltr) { left: 50%; } .start-1\/2:dir(rtl) { right: 50%; } .start-2:dir(ltr) { left: calc(var(--spacing) * 2); } .start-2:dir(rtl) { right: calc(var(--spacing) * 2); } .start-3:dir(ltr) { left: calc(var(--spacing) * 3); } .start-3:dir(rtl) { right: calc(var(--spacing) * 3); } .start-4:dir(ltr) { left: calc(var(--spacing) * 4); } .start-4:dir(rtl) { right: calc(var(--spacing) * 4); } .start-5:dir(ltr) { left: calc(var(--spacing) * 5); } .start-5:dir(rtl) { right: calc(var(--spacing) * 5); } .start-6:dir(ltr) { left: calc(var(--spacing) * 6); } .start-6:dir(rtl) { right: calc(var(--spacing) * 6); } .start-8:dir(ltr) { left: calc(var(--spacing) * 8); } .start-8:dir(rtl) { right: calc(var(--spacing) * 8); } .start-10:dir(ltr) { left: calc(var(--spacing) * 10); } .start-10:dir(rtl) { right: calc(var(--spacing) * 10); } .start-11:dir(ltr) { left: calc(var(--spacing) * 11); } .start-11:dir(rtl) { right: calc(var(--spacing) * 11); } .start-11\.5:dir(ltr) { left: calc(var(--spacing) * 11.5); } .start-11\.5:dir(rtl) { right: calc(var(--spacing) * 11.5); } .start-16:dir(ltr) { left: calc(var(--spacing) * 16); } .start-16:dir(rtl) { right: calc(var(--spacing) * 16); } .start-19\.5:dir(ltr) { left: calc(var(--spacing) * 19.5); } .start-19\.5:dir(rtl) { right: calc(var(--spacing) * 19.5); } .start-96:dir(ltr) { left: calc(var(--spacing) * 96); } .start-96:dir(rtl) { right: calc(var(--spacing) * 96); } .start-\[-2px\]:dir(ltr) { left: -2px; } .start-\[-2px\]:dir(rtl) { right: -2px; } .start-\[-4px\]:dir(ltr) { left: -4px; } .start-\[-4px\]:dir(rtl) { right: -4px; } .start-\[-8px\]:dir(ltr) { left: -8px; } .start-\[-8px\]:dir(rtl) { right: -8px; } .start-\[-10cqmax\]:dir(ltr) { left: -10cqmax; } .start-\[-10cqmax\]:dir(rtl) { right: -10cqmax; } .start-\[-30cqmax\]:dir(ltr) { left: -30cqmax; } .start-\[-30cqmax\]:dir(rtl) { right: -30cqmax; } .start-\[-150\%\]:dir(ltr) { left: -150%; } .start-\[-150\%\]:dir(rtl) { right: -150%; } .start-\[0\.81rem\]:dir(ltr) { left: 0.81rem; } .start-\[0\.81rem\]:dir(rtl) { right: 0.81rem; } .start-\[3\.25rem\]:dir(ltr) { left: 3.25rem; } .start-\[3\.25rem\]:dir(rtl) { right: 3.25rem; } .start-\[6\%\]:dir(ltr) { left: 6%; } .start-\[6\%\]:dir(rtl) { right: 6%; } .start-\[11\.4px\]:dir(ltr) { left: 11.4px; } .start-\[11\.4px\]:dir(rtl) { right: 11.4px; } .start-\[12\.6px\]:dir(ltr) { left: 12.6px; } .start-\[12\.6px\]:dir(rtl) { right: 12.6px; } .start-\[13cqmax\]:dir(ltr) { left: 13cqmax; } .start-\[13cqmax\]:dir(rtl) { right: 13cqmax; } .start-\[15px\]:dir(ltr) { left: 15px; } .start-\[15px\]:dir(rtl) { right: 15px; } .start-\[20cqmax\]:dir(ltr) { left: 20cqmax; } .start-\[20cqmax\]:dir(rtl) { right: 20cqmax; } .start-\[40cqmax\]:dir(ltr) { left: 40cqmax; } .start-\[40cqmax\]:dir(rtl) { right: 40cqmax; } .start-\[50\%\]:dir(ltr) { left: 50%; } .start-\[50\%\]:dir(rtl) { right: 50%; } .start-\[52px\]:dir(ltr) { left: 52px; } .start-\[52px\]:dir(rtl) { right: 52px; } .start-\[56px\]:dir(ltr) { left: 56px; } .start-\[56px\]:dir(rtl) { right: 56px; } .start-\[70px\]:dir(ltr) { left: 70px; } .start-\[70px\]:dir(rtl) { right: 70px; } .start-\[130px\]:dir(ltr) { left: 130px; } .start-\[130px\]:dir(rtl) { right: 130px; } .start-\[200px\]:dir(ltr) { left: 200px; } .start-\[200px\]:dir(rtl) { right: 200px; } .start-\[320px\]:dir(ltr) { left: 320px; } .start-\[320px\]:dir(rtl) { right: 320px; } .start-\[calc\(var\(--pricing-table-padding-inline\)\+var\(--pricing-table-label-min-width\)\)\]:dir(ltr) { left: calc(var(--pricing-table-padding-inline) + var(--pricing-table-label-min-width)); } .start-\[calc\(var\(--pricing-table-padding-inline\)\+var\(--pricing-table-label-min-width\)\)\]:dir(rtl) { right: calc(var(--pricing-table-padding-inline) + var(--pricing-table-label-min-width)); } .start-auto:dir(ltr) { left: auto; } .start-auto:dir(rtl) { right: auto; } .start-full:dir(ltr) { left: 100%; } .start-full:dir(rtl) { right: 100%; } .-end-0\.5:dir(ltr) { right: calc(var(--spacing) * -0.5); } .-end-0\.5:dir(rtl) { left: calc(var(--spacing) * -0.5); } .-end-1:dir(ltr) { right: calc(var(--spacing) * -1); } .-end-1:dir(rtl) { left: calc(var(--spacing) * -1); } .-end-2:dir(ltr) { right: calc(var(--spacing) * -2); } .-end-2:dir(rtl) { left: calc(var(--spacing) * -2); } .-end-3:dir(ltr) { right: calc(var(--spacing) * -3); } .-end-3:dir(rtl) { left: calc(var(--spacing) * -3); } .-end-4:dir(ltr) { right: calc(var(--spacing) * -4); } .-end-4:dir(rtl) { left: calc(var(--spacing) * -4); } .-end-5:dir(ltr) { right: calc(var(--spacing) * -5); } .-end-5:dir(rtl) { left: calc(var(--spacing) * -5); } .-end-\[0\.2rem\]:dir(ltr) { right: -0.2rem; } .-end-\[0\.2rem\]:dir(rtl) { left: -0.2rem; } .-end-\[10\%\]:dir(ltr) { right: -10%; } .-end-\[10\%\]:dir(rtl) { left: -10%; } .-end-\[20\%\]:dir(ltr) { right: -20%; } .-end-\[20\%\]:dir(rtl) { left: -20%; } .-end-\[60px\]:dir(ltr) { right: -60px; } .-end-\[60px\]:dir(rtl) { left: -60px; } .end-\(--thread-content-margin\):dir(ltr) { right: var(--thread-content-margin); } .end-\(--thread-content-margin\):dir(rtl) { left: var(--thread-content-margin); } .end-0:dir(ltr) { right: calc(var(--spacing) * 0); } .end-0:dir(rtl) { left: calc(var(--spacing) * 0); } .end-0\.5:dir(ltr) { right: calc(var(--spacing) * 0.5); } .end-0\.5:dir(rtl) { left: calc(var(--spacing) * 0.5); } .end-1:dir(ltr) { right: calc(var(--spacing) * 1); } .end-1:dir(rtl) { left: calc(var(--spacing) * 1); } .end-1\.5:dir(ltr) { right: calc(var(--spacing) * 1.5); } .end-1\.5:dir(rtl) { left: calc(var(--spacing) * 1.5); } .end-1\/2:dir(ltr) { right: 50%; } .end-1\/2:dir(rtl) { left: 50%; } .end-2:dir(ltr) { right: calc(var(--spacing) * 2); } .end-2:dir(rtl) { left: calc(var(--spacing) * 2); } .end-2\!:dir(ltr) { right: calc(var(--spacing) * 2); } .end-2\!:dir(rtl) { left: calc(var(--spacing) * 2); } .end-2\.5:dir(ltr) { right: calc(var(--spacing) * 2.5); } .end-2\.5:dir(rtl) { left: calc(var(--spacing) * 2.5); } .end-3:dir(ltr) { right: calc(var(--spacing) * 3); } .end-3:dir(rtl) { left: calc(var(--spacing) * 3); } .end-4:dir(ltr) { right: calc(var(--spacing) * 4); } .end-4:dir(rtl) { left: calc(var(--spacing) * 4); } .end-5:dir(ltr) { right: calc(var(--spacing) * 5); } .end-5:dir(rtl) { left: calc(var(--spacing) * 5); } .end-6:dir(ltr) { right: calc(var(--spacing) * 6); } .end-6:dir(rtl) { left: calc(var(--spacing) * 6); } .end-7:dir(ltr) { right: calc(var(--spacing) * 7); } .end-7:dir(rtl) { left: calc(var(--spacing) * 7); } .end-8:dir(ltr) { right: calc(var(--spacing) * 8); } .end-8:dir(rtl) { left: calc(var(--spacing) * 8); } .end-8\.5:dir(ltr) { right: calc(var(--spacing) * 8.5); } .end-8\.5:dir(rtl) { left: calc(var(--spacing) * 8.5); } .end-10:dir(ltr) { right: calc(var(--spacing) * 10); } .end-10:dir(rtl) { left: calc(var(--spacing) * 10); } .end-12:dir(ltr) { right: calc(var(--spacing) * 12); } .end-12:dir(rtl) { left: calc(var(--spacing) * 12); } .end-14:dir(ltr) { right: calc(var(--spacing) * 14); } .end-14:dir(rtl) { left: calc(var(--spacing) * 14); } .end-\[-1px\]:dir(ltr) { right: -1px; } .end-\[-1px\]:dir(rtl) { left: -1px; } .end-\[-4px\]:dir(ltr) { right: -4px; } .end-\[-4px\]:dir(rtl) { left: -4px; } .end-\[-8px\]:dir(ltr) { right: -8px; } .end-\[-8px\]:dir(rtl) { left: -8px; } .end-\[-135px\]:dir(ltr) { right: -135px; } .end-\[-135px\]:dir(rtl) { left: -135px; } .end-\[4\.8px\]:dir(ltr) { right: 4.8px; } .end-\[4\.8px\]:dir(rtl) { left: 4.8px; } .end-\[6\%\]:dir(ltr) { right: 6%; } .end-\[6\%\]:dir(rtl) { left: 6%; } .end-\[10\%\]:dir(ltr) { right: 10%; } .end-\[10\%\]:dir(rtl) { left: 10%; } .end-\[10px\]:dir(ltr) { right: 10px; } .end-\[10px\]:dir(rtl) { left: 10px; } .end-\[12px\]:dir(ltr) { right: 12px; } .end-\[12px\]:dir(rtl) { left: 12px; } .end-\[30px\]:dir(ltr) { right: 30px; } .end-\[30px\]:dir(rtl) { left: 30px; } .end-\[calc\(var\(--places-business-list-width\,0px\)\+1rem\)\]:dir(ltr) { right: calc(var(--places-business-list-width, 0px) + 1rem); } .end-\[calc\(var\(--places-business-list-width\,0px\)\+1rem\)\]:dir(rtl) { left: calc(var(--places-business-list-width, 0px) + 1rem); } .end-auto:dir(ltr) { right: auto; } .end-auto:dir(rtl) { left: auto; } .end-full:dir(ltr) { right: 100%; } .end-full:dir(rtl) { left: 100%; } .end-snc-1:dir(ltr) { right: var(--snc-1); } .end-snc-1:dir(rtl) { left: var(--snc-1); } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-3\! { top: calc(var(--spacing) * -3) !important; } .-top-4 { top: calc(var(--spacing) * -4); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-9 { top: calc(var(--spacing) * -9); } .-top-32 { top: calc(var(--spacing) * -32); } .-top-96 { top: calc(var(--spacing) * -96); } .-top-\[5\%\] { top: -5%; } .-top-\[10\%\] { top: -10%; } .-top-\[30px\] { top: -30px; } .-top-\[140px\] { top: -140px; } .-top-px { top: -1px; } .top-\(--header-height\) { top: var(--header-height); } .top-\(--sticky-padding-top\) { top: var(--sticky-padding-top); } .top-0 { top: calc(var(--spacing) * 0); } .top-0\! { top: calc(var(--spacing) * 0) !important; } .top-0\.5 { top: calc(var(--spacing) * 0.5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-7 { top: calc(var(--spacing) * 7); } .top-8 { top: calc(var(--spacing) * 8); } .top-9 { top: calc(var(--spacing) * 9); } .top-10 { top: calc(var(--spacing) * 10); } .top-12 { top: calc(var(--spacing) * 12); } .top-13 { top: calc(var(--spacing) * 13); } .top-14 { top: calc(var(--spacing) * 14); } .top-20 { top: calc(var(--spacing) * 20); } .top-22 { top: calc(var(--spacing) * 22); } .top-24 { top: calc(var(--spacing) * 24); } .top-46 { top: calc(var(--spacing) * 46); } .top-48 { top: calc(var(--spacing) * 48); } .top-\[-0\.094rem\] { top: -0.094rem; } .top-\[-2px\] { top: -2px; } .top-\[-4px\] { top: -4px; } .top-\[-6px\] { top: -6px; } .top-\[-10cqmax\] { top: -10cqmax; } .top-\[-10px\] { top: -10px; } .top-\[-20cqmax\] { top: -20cqmax; } .top-\[-38\.41\%\] { top: -38.41%; } .top-\[-56px\] { top: -56px; } .top-\[-150\%\] { top: -150%; } .top-\[\.4em\] { top: 0.4em; } .top-\[0\.1rem\] { top: 0.1rem; } .top-\[0\.2rem\] { top: 0.2rem; } .top-\[0\.5px\] { top: 0.5px; } .top-\[0\.08em\] { top: 0.08em; } .top-\[0\.55rem\] { top: 0.55rem; } .top-\[0cqmax\] { top: 0; } .top-\[1px\] { top: 1px; } .top-\[3px\] { top: 3px; } .top-\[4px\] { top: 4px; } .top-\[8px\] { top: 8px; } .top-\[10\%\] { top: 10%; } .top-\[10px\] { top: 10px; } .top-\[11\.3px\] { top: 11.3px; } .top-\[12\.9px\] { top: 12.9px; } .top-\[20\.5px\] { top: 20.5px; } .top-\[20px\] { top: 20px; } .top-\[21\.5px\] { top: 21.5px; } .top-\[24px\] { top: 24px; } .top-\[30px\] { top: 30px; } .top-\[32\%\] { top: 32%; } .top-\[34\.5px\] { top: 34.5px; } .top-\[47px\] { top: 47px; } .top-\[50\%\] { top: 50%; } .top-\[70\%\] { top: 70%; } .top-\[75px\] { top: 75px; } .top-\[76px\] { top: 76px; } .top-\[78px\] { top: 78px; } .top-\[80\%\] { top: 80%; } .top-\[90\%\] { top: 90%; } .top-\[100\%\] { top: 100%; } .top-\[100px\] { top: 100px; } .top-\[200\%\] { top: 200%; } .top-\[233\.5px\] { top: 233.5px; } .top-\[233px\] { top: 233px; } .top-\[320px\] { top: 320px; } .top-\[calc\(1cap-1ex\)\] { top: calc(1cap - 1ex); } .top-\[calc\(100\%\+4px\)\] { top: calc(100% + 4px); } .top-\[calc\(100\%\+8px\)\] { top: calc(100% + 8px); } .top-\[calc\(var\(--header-height\)\+8px\)\] { top: calc(var(--header-height) + 8px); } .top-\[calc\(var\(--header-height\,48px\)\+8px\)\] { top: calc(var(--header-height, 48px) + 8px); } .top-\[calc\(var\(--header-height\,48px\)\+48px\+8px\)\] { top: calc(var(--header-height, 48px) + 48px + 8px); } .top-\[calc\(var\(--sticky-padding-top\)\+9\*var\(--spacing\)\)\] { top: calc(var(--sticky-padding-top) + 9 * var(--spacing)); } .top-full { top: 100%; } .\[right\:calc\(50\%\+var\(--true-content-width\)\/2\)\] { right: calc(50% + var(--true-content-width) / 2); } .right-0\! { right: calc(var(--spacing) * 0) !important; } .right-\[8px\] { right: 8px; } .right-\[30px\] { right: 30px; } .right-auto { right: auto; } .-bottom-\(--sticky-spacer\) { bottom: calc(var(--sticky-spacer) * -1); } .-bottom-0\.5 { bottom: calc(var(--spacing) * -0.5); } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-3 { bottom: calc(var(--spacing) * -3); } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-5 { bottom: calc(var(--spacing) * -5); } .-bottom-8 { bottom: calc(var(--spacing) * -8); } .-bottom-10 { bottom: calc(var(--spacing) * -10); } .-bottom-11 { bottom: calc(var(--spacing) * -11); } .-bottom-\[0\.2rem\] { bottom: -0.2rem; } .-bottom-\[50px\] { bottom: -50px; } .-bottom-px { bottom: -1px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-0\! { bottom: calc(var(--spacing) * 0) !important; } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-9 { bottom: calc(var(--spacing) * 9); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-20 { bottom: calc(var(--spacing) * 20); } .bottom-32 { bottom: calc(var(--spacing) * 32); } .bottom-40 { bottom: calc(var(--spacing) * 40); } .bottom-\[-8px\] { bottom: -8px; } .bottom-\[-20cqmax\] { bottom: -20cqmax; } .bottom-\[-30cqmax\] { bottom: -30cqmax; } .bottom-\[0cqmax\] { bottom: 0; } .bottom-\[8px\] { bottom: 8px; } .bottom-\[10\%\] { bottom: 10%; } .bottom-\[10px\] { bottom: 10px; } .bottom-\[20px\] { bottom: 20px; } .bottom-\[28\%\] { bottom: 28%; } .bottom-\[30px\] { bottom: 30px; } .bottom-\[64px\] { bottom: 64px; } .bottom-\[calc\(100\%\+6\*var\(--spacing\)\+var\(--thread-scroll-to-bottom-banner-offset\,0px\)\)\] { bottom: calc(100% + 6 * var(--spacing) + var(--thread-scroll-to-bottom-banner-offset, 0px)); } .bottom-\[calc\(100\%\+14\*var\(--spacing\)\+var\(--thread-scroll-to-bottom-banner-offset\,0px\)\)\] { bottom: calc(100% + 14 * var(--spacing) + var(--thread-scroll-to-bottom-banner-offset, 0px)); } .bottom-\[calc\(var\(--composer-overlap-px\)\+--spacing\(6\)\)\] { bottom: calc(var(--composer-overlap-px) + calc(var(--spacing) * 6)); } .bottom-\[initial\] { bottom: initial; } .bottom-full { bottom: 100%; } .bottom-snc-1 { bottom: var(--snc-1); } .left-0 { left: calc(var(--spacing) * 0); } .left-0\! { left: calc(var(--spacing) * 0) !important; } .left-1\/2 { left: 50%; } .left-\[-6\.33\%\] { left: -6.33%; } .left-\[8px\] { left: 8px; } .left-\[30px\] { left: 30px; } .left-\[50\%\]\! { left: 50% !important; } .isolate { isolation: isolate; } .-z-1 { z-index: calc(1 * -1); } .-z-10 { z-index: calc(10 * -1); } .-z-20 { z-index: calc(20 * -1); } .-z-30 { z-index: calc(30 * -1); } .-z-\[1\] { z-index: calc(1 * -1); } .z-0 { z-index: 0; } .z-0\! { z-index: 0 !important; } .z-1 { z-index: 1; } .z-1\! { z-index: 1 !important; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-5 { z-index: 5; } .z-9 { z-index: 9; } .z-10 { z-index: 10; } .z-11 { z-index: 11; } .z-20 { z-index: 20; } .z-21 { z-index: 21; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-60 { z-index: 60; } .z-61 { z-index: 61; } .z-70 { z-index: 70; } .z-100 { z-index: 100; } .z-1000 { z-index: 1000; } .z-\[-1\] { z-index: -1; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[5\] { z-index: 5; } .z-\[10\] { z-index: 10; } .z-\[11\] { z-index: 11; } .z-\[50\] { z-index: 50; } .z-\[51\] { z-index: 51; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[80\] { z-index: 80; } .z-\[100\] { z-index: 100; } .z-\[120\] { z-index: 120; } .z-\[140\] { z-index: 140; } .z-\[200\] { z-index: 200; } .z-\[1000\] { z-index: 1000; } .z-\[1001\] { z-index: 1001; } .z-\[1100\] { z-index: 1100; } .z-\[2000\] { z-index: 2000; } .z-\[9999\] { z-index: 9999; } .z-\[10000\] { z-index: 10000; } .-order-1 { order: calc(1 * -1); } .order-1 { order: 1; } .order-2 { order: 2; } .order-4 { order: 4; } .order-5 { order: 5; } .order-first { order: -9999; } .order-last { order: 9999; } .col-1 { grid-column: 1; } .col-auto { grid-column: auto; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-10 { grid-column: span 10 / span 10; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1/-1; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-end-2 { grid-column-end: 2; } .col-end-13 { grid-column-end: 13; } .col-end-\[-1\] { grid-column-end: -1; } .row-1 { grid-row: 1; } .row-auto { grid-row: auto; } .row-span-1 { grid-row: span 1 / span 1; } .row-span-2 { grid-row: span 2 / span 2; } .row-span-3 { grid-row: span 3 / span 3; } .row-span-4 { grid-row: span 4 / span 4; } .row-span-5 { grid-row: span 5 / span 5; } .row-span-full { grid-row: 1/-1; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-end-2 { grid-row-end: 2; } .float-end { float: inline-end; } .float-left { float: left; } .float-right { float: right; } .float-start { float: inline-start; } .clear-both { clear: both; } .clear-end { clear: inline-end; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-start { clear: inline-start; } .\!container { width: 100% !important; } @media (min-width: 480px) { .\!container { max-width: 480px !important; } } @media (min-width: 40rem) { .\!container { max-width: 40rem !important; } } @media (min-width: 48rem) { .\!container { max-width: 48rem !important; } } @media (min-width: 64rem) { .\!container { max-width: 64rem !important; } } @media (min-width: 80rem) { .\!container { max-width: 80rem !important; } } @media (min-width: 96rem) { .\!container { max-width: 96rem !important; } } .container { width: 100%; } @media (min-width: 480px) { .container { max-width: 480px; } } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; } .prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; margin-bottom: 1.25em; list-style-type: decimal; } .prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.625em; } .prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 1.625em; } .prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: upper-alpha; } .prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: lower-alpha; } .prose :where(ol[type='A s']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: upper-alpha; } .prose :where(ol[type='a s']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: lower-alpha; } .prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: upper-roman; } .prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: lower-roman; } .prose :where(ol[type='I s']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: upper-roman; } .prose :where(ol[type='i s']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: lower-roman; } .prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; margin-bottom: 1.25em; list-style-type: disc; } .prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.625em; } .prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 1.625em; } .prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-quotes); quotes: '“' '”' '‘' '’'; margin-top: 1.6em; margin-bottom: 1.6em; font-style: normal; font-weight: 500; } .prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { border-right-width: 0.25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *)):before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *)):after { content: close-quote; } .prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: 0.888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: 0.6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); border-radius: 0.3125rem; padding-top: 0.1875em; padding-bottom: 0.1875em; font-family: inherit; font-size: 0.875em; font-weight: 500; } .prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0.375em; padding-right: 0.375em; } .prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 0.375em; padding-right: 0.375em; } .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-code); background-color: var(--gray-100); border-radius: 0.25rem; padding: 0.15rem 0.3rem; font-size: 0.875em; font-weight: 500; } .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):before, .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):after { content: none; } .prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: inherit; } .prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: currentColor; background-color: #0000; border-radius: 0.375rem; margin: 0; padding: 0; font-size: 0.875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)):before, .prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)):after { content: none; } .prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-bottom: 0.571429em; font-weight: 600; } .prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0.571429em; padding-right: 0.571429em; } .prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 0.571429em; padding-right: 0.571429em; } .prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~='not-prose'], [class~='not-prose'] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: var(--tw-prose-captions); margin-top: 0.857143em; font-size: 0.875em; line-height: 1.42857; } .prose { --tw-prose-body: var(--text-primary); --tw-prose-headings: var(--text-primary); --tw-prose-lead: var(--text-primary); --tw-prose-links: var(--text-primary); --tw-prose-bold: var(--text-primary); --tw-prose-counters: var(--text-primary); --tw-prose-bullets: var(--text-primary); --tw-prose-hr: var(--border-xheavy); --tw-prose-quotes: var(--text-primary); --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: var(--text-secondary); --tw-prose-kbd: #101828; --tw-prose-kbd-shadows: NaN NaN NaN; --tw-prose-code: var(--text-primary); --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1e2939; --tw-prose-th-borders: #d1d5dc; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: var(--text-primary); --tw-prose-invert-headings: var(--text-primary); --tw-prose-invert-lead: var(--text-primary); --tw-prose-invert-links: var(--text-primary); --tw-prose-invert-bold: var(--text-primary); --tw-prose-invert-counters: var(--text-primary); --tw-prose-invert-bullets: var(--text-primary); --tw-prose-invert-hr: var(--border-xheavy); --tw-prose-invert-quotes: var(--text-primary); --tw-prose-invert-quote-borders: #364153; --tw-prose-invert-captions: var(--text-secondary); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: var(--text-primary); --tw-prose-invert-pre-code: #d1d5dc; --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: #4a5565; --tw-prose-invert-td-borders: #364153; font-size: 1rem; line-height: 1.75; } @supports (color: lab(0% 0 0)) { .prose { --tw-prose-quote-borders: lab(91.6229% -0.159115 -2.26791); --tw-prose-kbd: lab(8.11897% 0.811279 -12.254); --tw-prose-pre-code: lab(91.6229% -0.159115 -2.26791); --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533); --tw-prose-th-borders: lab(85.1236% -0.612259 -3.7138); --tw-prose-td-borders: lab(91.6229% -0.159115 -2.26791); --tw-prose-invert-quote-borders: lab(27.1134% -0.956401 -12.3224); --tw-prose-invert-pre-code: lab(85.1236% -0.612259 -3.7138); --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-td-borders: lab(27.1134% -0.956401 -12.3224); } } .prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr), .prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0.375em; } .prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl), .prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.5em; } .prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.625em; } .prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 1.625em; } .prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0; } .prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 0; } .prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-right: 0; } .prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 0; } .prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) { padding-top: 0.571429em; padding-bottom: 0.571429em; } .prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0.571429em; padding-right: 0.571429em; } .prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 0.571429em; padding-right: 0.571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( ltr ) { padding-left: 0; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( rtl ) { padding-right: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( ltr ) { padding-right: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( rtl ) { padding-left: 0; } .prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: 0; } .focus-outline-margin-default { --focus-outline-margin: var(--focus-outline-margin-default); margin: calc(var(--focus-outline-margin) * -1); padding: var(--focus-outline-margin); } .-m-0\.5 { margin: calc(var(--spacing) * -0.5); } .-m-1 { margin: calc(var(--spacing) * -1); } .-m-1\! { margin: calc(var(--spacing) * -1) !important; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-m-3 { margin: calc(var(--spacing) * -3); } .-m-4 { margin: calc(var(--spacing) * -4); } .m-0 { margin: calc(var(--spacing) * 0); } .m-0\! { margin: calc(var(--spacing) * 0) !important; } .m-0\.5 { margin: calc(var(--spacing) * 0.5); } .m-1 { margin: calc(var(--spacing) * 1); } .m-1\.5 { margin: calc(var(--spacing) * 1.5); } .m-2 { margin: calc(var(--spacing) * 2); } .m-3 { margin: calc(var(--spacing) * 3); } .m-4 { margin: calc(var(--spacing) * 4); } .m-5 { margin: calc(var(--spacing) * 5); } .m-6 { margin: calc(var(--spacing) * 6); } .m-8 { margin: calc(var(--spacing) * 8); } .m-1436 { margin: calc(var(--spacing) * 1436); } .m-2192 { margin: calc(var(--spacing) * 2192); } .m-2448 { margin: calc(var(--spacing) * 2448); } .m-\[-1px\] { margin: -1px; } .m-\[3px\] { margin: 3px; } .m-auto { margin: auto; } .-mx-\(--thread-content-margin\) { margin-inline: calc(var(--thread-content-margin) * -1); } .-mx-0\.5 { margin-inline: calc(var(--spacing) * -0.5); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-2\.5 { margin-inline: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .-mx-4\.75\! { margin-inline: calc(var(--spacing) * -4.75) !important; } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-8 { margin-inline: calc(var(--spacing) * -8); } .-mx-px { margin-left: -1px; margin-right: -1px; } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-0\! { margin-inline: calc(var(--spacing) * 0) !important; } .mx-0\.5 { margin-inline: calc(var(--spacing) * 0.5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-3\! { margin-inline: calc(var(--spacing) * 3) !important; } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-12 { margin-inline: calc(var(--spacing) * 12); } .mx-16 { margin-inline: calc(var(--spacing) * 16); } .mx-24 { margin-inline: calc(var(--spacing) * 24); } .mx-\[-1rem\] { margin-left: -1rem; margin-right: -1rem; } .mx-\[-12px\] { margin-left: -12px; margin-right: -12px; } .mx-\[-16px\] { margin-left: -16px; margin-right: -16px; } .mx-\[2px\] { margin-left: 2px; margin-right: 2px; } .mx-\[10px\] { margin-left: 10px; margin-right: 10px; } .mx-\[32px\] { margin-left: 32px; margin-right: 32px; } .mx-\[calc\(--spacing\(-2\)-1px\)\] { margin-inline: calc(calc(var(--spacing) * -2) - 1px); } .mx-auto { margin-left: auto; margin-right: auto; } .mx-px { margin-left: 1px; margin-right: 1px; } .mx-snc-results-padding { margin-inline: var(--snc-results-padding); } .-my-0\.5 { margin-block: calc(var(--spacing) * -0.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .-my-2\.5 { margin-block: calc(var(--spacing) * -2.5); } .-my-3 { margin-block: calc(var(--spacing) * -3); } .-my-6 { margin-block: calc(var(--spacing) * -6); } .-my-\[1px\] { margin-top: -1px; margin-bottom: -1px; } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-0\! { margin-block: calc(var(--spacing) * 0) !important; } .my-0\.5 { margin-block: calc(var(--spacing) * 0.5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-1\! { margin-block: calc(var(--spacing) * 1) !important; } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-2\.5 { margin-block: calc(var(--spacing) * 2.5); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-9 { margin-block: calc(var(--spacing) * 9); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-16 { margin-block: calc(var(--spacing) * 16); } .my-20\! { margin-block: calc(var(--spacing) * 20) !important; } .my-\[-0\.2rem\] { margin-top: -0.2rem; margin-bottom: -0.2rem; } .my-\[32px\] { margin-top: 32px; margin-bottom: 32px; } .my-\[calc\(\(1cap-1lh\)\*0\.3\)\] { margin-top: calc(0.3cap - 0.3lh); margin-bottom: calc(0.3cap - 0.3lh); } .my-auto { margin-top: auto; margin-bottom: auto; } .my-px { margin-top: 1px; margin-bottom: 1px; } .-ms-0\.5:dir(ltr) { margin-left: calc(var(--spacing) * -0.5); } .-ms-0\.5:dir(rtl) { margin-right: calc(var(--spacing) * -0.5); } .-ms-1:dir(ltr) { margin-left: calc(var(--spacing) * -1); } .-ms-1:dir(rtl) { margin-right: calc(var(--spacing) * -1); } .-ms-1\.5:dir(ltr) { margin-left: calc(var(--spacing) * -1.5); } .-ms-1\.5:dir(rtl) { margin-right: calc(var(--spacing) * -1.5); } .-ms-2:dir(ltr) { margin-left: calc(var(--spacing) * -2); } .-ms-2:dir(rtl) { margin-right: calc(var(--spacing) * -2); } .-ms-2\.5:dir(ltr) { margin-left: calc(var(--spacing) * -2.5); } .-ms-2\.5:dir(rtl) { margin-right: calc(var(--spacing) * -2.5); } .-ms-3:dir(ltr) { margin-left: calc(var(--spacing) * -3); } .-ms-3:dir(rtl) { margin-right: calc(var(--spacing) * -3); } .-ms-3\.5:dir(ltr) { margin-left: calc(var(--spacing) * -3.5); } .-ms-3\.5:dir(rtl) { margin-right: calc(var(--spacing) * -3.5); } .-ms-4:dir(ltr) { margin-left: calc(var(--spacing) * -4); } .-ms-4:dir(rtl) { margin-right: calc(var(--spacing) * -4); } .-ms-\[3px\]:dir(ltr) { margin-left: -3px; } .-ms-\[3px\]:dir(rtl) { margin-right: -3px; } .-ms-\[10px\]:dir(ltr) { margin-left: -10px; } .-ms-\[10px\]:dir(rtl) { margin-right: -10px; } .-ms-\[50vw\]:dir(ltr) { margin-left: -50vw; } .-ms-\[50vw\]:dir(rtl) { margin-right: -50vw; } .ms-0:dir(ltr) { margin-left: calc(var(--spacing) * 0); } .ms-0:dir(rtl) { margin-right: calc(var(--spacing) * 0); } .ms-0\!:dir(ltr) { margin-left: calc(var(--spacing) * 0); } .ms-0\!:dir(rtl) { margin-right: calc(var(--spacing) * 0); } .ms-0\.5:dir(ltr) { margin-left: calc(var(--spacing) * 0.5); } .ms-0\.5:dir(rtl) { margin-right: calc(var(--spacing) * 0.5); } .ms-1:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .ms-1:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .ms-1\.5:dir(ltr) { margin-left: calc(var(--spacing) * 1.5); } .ms-1\.5:dir(rtl) { margin-right: calc(var(--spacing) * 1.5); } .ms-2:dir(ltr) { margin-left: calc(var(--spacing) * 2); } .ms-2:dir(rtl) { margin-right: calc(var(--spacing) * 2); } .ms-2\.5:dir(ltr) { margin-left: calc(var(--spacing) * 2.5); } .ms-2\.5:dir(rtl) { margin-right: calc(var(--spacing) * 2.5); } .ms-3:dir(ltr) { margin-left: calc(var(--spacing) * 3); } .ms-3:dir(rtl) { margin-right: calc(var(--spacing) * 3); } .ms-4:dir(ltr) { margin-left: calc(var(--spacing) * 4); } .ms-4:dir(rtl) { margin-right: calc(var(--spacing) * 4); } .ms-4\.5:dir(ltr) { margin-left: calc(var(--spacing) * 4.5); } .ms-4\.5:dir(rtl) { margin-right: calc(var(--spacing) * 4.5); } .ms-5:dir(ltr) { margin-left: calc(var(--spacing) * 5); } .ms-5:dir(rtl) { margin-right: calc(var(--spacing) * 5); } .ms-6:dir(ltr) { margin-left: calc(var(--spacing) * 6); } .ms-6:dir(rtl) { margin-right: calc(var(--spacing) * 6); } .ms-7:dir(ltr) { margin-left: calc(var(--spacing) * 7); } .ms-7:dir(rtl) { margin-right: calc(var(--spacing) * 7); } .ms-8:dir(ltr) { margin-left: calc(var(--spacing) * 8); } .ms-8:dir(rtl) { margin-right: calc(var(--spacing) * 8); } .ms-10:dir(ltr) { margin-left: calc(var(--spacing) * 10); } .ms-10:dir(rtl) { margin-right: calc(var(--spacing) * 10); } .ms-14:dir(ltr) { margin-left: calc(var(--spacing) * 14); } .ms-14:dir(rtl) { margin-right: calc(var(--spacing) * 14); } .ms-24:dir(ltr) { margin-left: calc(var(--spacing) * 24); } .ms-24:dir(rtl) { margin-right: calc(var(--spacing) * 24); } .ms-\[-2px\]:dir(ltr) { margin-left: -2px; } .ms-\[-2px\]:dir(rtl) { margin-right: -2px; } .ms-\[-6px\]:dir(ltr) { margin-left: -6px; } .ms-\[-6px\]:dir(rtl) { margin-right: -6px; } .ms-\[-12px\]:dir(ltr) { margin-left: -12px; } .ms-\[-12px\]:dir(rtl) { margin-right: -12px; } .ms-\[-16px\]:dir(ltr) { margin-left: -16px; } .ms-\[-16px\]:dir(rtl) { margin-right: -16px; } .ms-\[-20px\]:dir(ltr) { margin-left: -20px; } .ms-\[-20px\]:dir(rtl) { margin-right: -20px; } .ms-\[0\.5px\]:dir(ltr) { margin-left: 0.5px; } .ms-\[0\.5px\]:dir(rtl) { margin-right: 0.5px; } .ms-\[2px\]:dir(ltr) { margin-left: 2px; } .ms-\[2px\]:dir(rtl) { margin-right: 2px; } .ms-\[3px\]:dir(ltr) { margin-left: 3px; } .ms-\[3px\]:dir(rtl) { margin-right: 3px; } .ms-\[5px\]:dir(ltr) { margin-left: 5px; } .ms-\[5px\]:dir(rtl) { margin-right: 5px; } .ms-\[6px\]:dir(ltr) { margin-left: 6px; } .ms-\[6px\]:dir(rtl) { margin-right: 6px; } .ms-\[11px\]:dir(ltr) { margin-left: 11px; } .ms-\[11px\]:dir(rtl) { margin-right: 11px; } .ms-auto:dir(ltr) { margin-left: auto; } .ms-auto:dir(rtl) { margin-right: auto; } .-me-0\.5:dir(ltr) { margin-right: calc(var(--spacing) * -0.5); } .-me-0\.5:dir(rtl) { margin-left: calc(var(--spacing) * -0.5); } .-me-0\.25:dir(ltr) { margin-right: calc(var(--spacing) * -0.25); } .-me-0\.25:dir(rtl) { margin-left: calc(var(--spacing) * -0.25); } .-me-1:dir(ltr) { margin-right: calc(var(--spacing) * -1); } .-me-1:dir(rtl) { margin-left: calc(var(--spacing) * -1); } .-me-1\.5:dir(ltr) { margin-right: calc(var(--spacing) * -1.5); } .-me-1\.5:dir(rtl) { margin-left: calc(var(--spacing) * -1.5); } .-me-2:dir(ltr) { margin-right: calc(var(--spacing) * -2); } .-me-2:dir(rtl) { margin-left: calc(var(--spacing) * -2); } .-me-2\.5:dir(ltr) { margin-right: calc(var(--spacing) * -2.5); } .-me-2\.5:dir(rtl) { margin-left: calc(var(--spacing) * -2.5); } .-me-3:dir(ltr) { margin-right: calc(var(--spacing) * -3); } .-me-3:dir(rtl) { margin-left: calc(var(--spacing) * -3); } .-me-4:dir(ltr) { margin-right: calc(var(--spacing) * -4); } .-me-4:dir(rtl) { margin-left: calc(var(--spacing) * -4); } .-me-5:dir(ltr) { margin-right: calc(var(--spacing) * -5); } .-me-5:dir(rtl) { margin-left: calc(var(--spacing) * -5); } .-me-14\.5:dir(ltr) { margin-right: calc(var(--spacing) * -14.5); } .-me-14\.5:dir(rtl) { margin-left: calc(var(--spacing) * -14.5); } .-me-\[10px\]:dir(ltr) { margin-right: -10px; } .-me-\[10px\]:dir(rtl) { margin-left: -10px; } .-me-\[50vw\]:dir(ltr) { margin-right: -50vw; } .-me-\[50vw\]:dir(rtl) { margin-left: -50vw; } .me-0:dir(ltr) { margin-right: calc(var(--spacing) * 0); } .me-0:dir(rtl) { margin-left: calc(var(--spacing) * 0); } .me-0\.5:dir(ltr) { margin-right: calc(var(--spacing) * 0.5); } .me-0\.5:dir(rtl) { margin-left: calc(var(--spacing) * 0.5); } .me-1:dir(ltr) { margin-right: calc(var(--spacing) * 1); } .me-1:dir(rtl) { margin-left: calc(var(--spacing) * 1); } .me-1\.5:dir(ltr) { margin-right: calc(var(--spacing) * 1.5); } .me-1\.5:dir(rtl) { margin-left: calc(var(--spacing) * 1.5); } .me-2:dir(ltr) { margin-right: calc(var(--spacing) * 2); } .me-2:dir(rtl) { margin-left: calc(var(--spacing) * 2); } .me-2\.5:dir(ltr) { margin-right: calc(var(--spacing) * 2.5); } .me-2\.5:dir(rtl) { margin-left: calc(var(--spacing) * 2.5); } .me-3:dir(ltr) { margin-right: calc(var(--spacing) * 3); } .me-3:dir(rtl) { margin-left: calc(var(--spacing) * 3); } .me-4:dir(ltr) { margin-right: calc(var(--spacing) * 4); } .me-4:dir(rtl) { margin-left: calc(var(--spacing) * 4); } .me-5:dir(ltr) { margin-right: calc(var(--spacing) * 5); } .me-5:dir(rtl) { margin-left: calc(var(--spacing) * 5); } .me-6:dir(ltr) { margin-right: calc(var(--spacing) * 6); } .me-6:dir(rtl) { margin-left: calc(var(--spacing) * 6); } .me-8:dir(ltr) { margin-right: calc(var(--spacing) * 8); } .me-8:dir(rtl) { margin-left: calc(var(--spacing) * 8); } .me-12:dir(ltr) { margin-right: calc(var(--spacing) * 12); } .me-12:dir(rtl) { margin-left: calc(var(--spacing) * 12); } .me-\[-4px\]:dir(ltr) { margin-right: -4px; } .me-\[-4px\]:dir(rtl) { margin-left: -4px; } .me-\[-8px\]:dir(ltr) { margin-right: -8px; } .me-\[-8px\]:dir(rtl) { margin-left: -8px; } .me-\[2px\]:dir(ltr) { margin-right: 2px; } .me-\[2px\]:dir(rtl) { margin-left: 2px; } .me-\[10px\]:dir(ltr) { margin-right: 10px; } .me-\[10px\]:dir(rtl) { margin-left: 10px; } .me-\[30px\]:dir(ltr) { margin-right: 30px; } .me-\[30px\]:dir(rtl) { margin-left: 30px; } .me-auto:dir(ltr) { margin-right: auto; } .me-auto:dir(rtl) { margin-left: auto; } .me-px:dir(ltr) { margin-right: 1px; } .me-px:dir(rtl) { margin-left: 1px; } .box-trim-0\.5 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .box-trim-0\.5:before { content: ''; margin-bottom: calc(0.5cap - 0.5lh); display: table; } .box-trim-0\.5:after { content: ''; margin-top: calc(0.5cap - 0.5lh); display: table; } } .box-trim-0\.25 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .box-trim-0\.25:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .box-trim-0\.25:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .box-trim-text-0\.25 { text-box: trim-both text; } @supports not (text-box: trim-both text) { .box-trim-text-0\.25:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .box-trim-text-0\.25:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .prose-sm { font-size: 0.875rem; line-height: 1.71429; } .prose-sm :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; } .prose-sm :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.11111em; } .prose-sm :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 1.11111em; } .prose-sm :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; margin-bottom: 0.8em; font-size: 2.14286em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.6em; margin-bottom: 0.8em; font-size: 1.42857em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.55556em; margin-bottom: 0.444444em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.42857em; margin-bottom: 0.571429em; line-height: 1.42857; } .prose-sm :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose-sm :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-radius: 0.3125rem; padding-top: 0.142857em; padding-bottom: 0.142857em; font-size: 0.857143em; } .prose-sm :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0.357143em; padding-right: 0.357143em; } .prose-sm :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 0.357143em; padding-right: 0.357143em; } .prose-sm :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.857143em; } .prose-sm :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.9em; } .prose-sm :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.888889em; } .prose-sm :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) { border-radius: 0.25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; padding-top: 0.666667em; padding-bottom: 0.666667em; font-size: 0.857143em; line-height: 1.66667; } .prose-sm :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1em; padding-right: 1em; } .prose-sm :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 1em; padding-right: 1em; } .prose-sm :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose-sm :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr), .prose-sm :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.57143em; } .prose-sm :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl), .prose-sm :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 1.57143em; } .prose-sm :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.285714em; margin-bottom: 0.285714em; } .prose-sm :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr), .prose-sm :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0.428571em; } .prose-sm :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl), .prose-sm :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 0.428571em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: 1.14286em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; } .prose-sm :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.14286em; } .prose-sm :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.285714em; } .prose-sm :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1.57143em; } .prose-sm :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 1.57143em; } .prose-sm :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; } .prose-sm :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose-sm :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose-sm :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose-sm :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 0.857143em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { padding-bottom: 0.666667em; } .prose-sm :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1em; padding-right: 1em; } .prose-sm :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 1em; padding-right: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 0; } .prose-sm :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-right: 0; } .prose-sm :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-right: 0; } .prose-sm :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) { padding-top: 0.666667em; padding-bottom: 0.666667em; } .prose-sm :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(ltr) { padding-left: 1em; padding-right: 1em; } .prose-sm :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir(rtl) { padding-left: 1em; padding-right: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( ltr ) { padding-left: 0; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( rtl ) { padding-right: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( ltr ) { padding-right: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)):dir( rtl ) { padding-left: 0; } .prose-sm :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0.666667em; font-size: 0.857143em; line-height: 1.33333; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: 0; } .offset-padding-top-4 { --offset-padding: calc(var(--spacing) * 4); margin-top: calc(var(--offset-padding) * -1); padding-top: var(--offset-padding); } .\!mt-0 { margin-top: calc(var(--spacing) * 0) !important; } .\!mt-\[24px\] { margin-top: 24px !important; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -0.5); } .-mt-0\.25 { margin-top: calc(var(--spacing) * -0.25); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-2\.5 { margin-top: calc(var(--spacing) * -2.5); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-5 { margin-top: calc(var(--spacing) * -5); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .-mt-6\.5 { margin-top: calc(var(--spacing) * -6.5); } .-mt-7 { margin-top: calc(var(--spacing) * -7); } .-mt-10 { margin-top: calc(var(--spacing) * -10); } .-mt-12 { margin-top: calc(var(--spacing) * -12); } .-mt-14 { margin-top: calc(var(--spacing) * -14); } .-mt-\[100px\] { margin-top: -100px; } .mt-\(--sidebar-section-first-margin-top\) { margin-top: var(--sidebar-section-first-margin-top); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\! { margin-top: calc(var(--spacing) * 0) !important; } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-0\.25 { margin-top: calc(var(--spacing) * 0.25); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-10\! { margin-top: calc(var(--spacing) * 10) !important; } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-13 { margin-top: calc(var(--spacing) * 13); } .mt-15 { margin-top: calc(var(--spacing) * 15); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-18 { margin-top: calc(var(--spacing) * 18); } .mt-22 { margin-top: calc(var(--spacing) * 22); } .mt-30 { margin-top: calc(var(--spacing) * 30); } .mt-36 { margin-top: calc(var(--spacing) * 36); } .mt-\[-1px\] { margin-top: -1px; } .mt-\[-2px\] { margin-top: -2px; } .mt-\[-4px\] { margin-top: -4px; } .mt-\[-8px\] { margin-top: -8px; } .mt-\[-10px\] { margin-top: -10px; } .mt-\[-32px\] { margin-top: -32px; } .mt-\[\.5px\], .mt-\[0\.5px\] { margin-top: 0.5px; } .mt-\[0\.225rem\] { margin-top: 0.225rem; } .mt-\[0\.425rem\] { margin-top: 0.425rem; } .mt-\[0\.0625em\] { margin-top: 0.0625em; } .mt-\[1px\] { margin-top: 1px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[12px\] { margin-top: 12px; } .mt-\[14px\] { margin-top: 14px; } .mt-\[17px\] { margin-top: 17px; } .mt-\[22px\] { margin-top: 22px; } .mt-\[24\.5px\] { margin-top: 24.5px; } .mt-\[30px\] { margin-top: 30px; } .mt-\[36px\] { margin-top: 36px; } .mt-\[calc\(-1rem-3px\)\] { margin-top: calc(-1rem - 3px); } .mt-\[calc\(var\(--header-height\,52px\)\*-1\)\] { margin-top: calc(var(--header-height, 52px) * -1); } .mt-\[calc\(var\(--threadFlyOut-leading-height\,53px\)\*-1\)\] { margin-top: calc(var(--threadFlyOut-leading-height, 53px) * -1); } .mt-\[calc\(var\(--threadFlyOut-leading-height\,57px\)\*-1\)\] { margin-top: calc(var(--threadFlyOut-leading-height, 57px) * -1); } .mt-\[calc\(var\(--threadFlyOut-leading-height\,var\(--header-height\)\)\*-1\)\] { margin-top: calc(var(--threadFlyOut-leading-height, var(--header-height)) * -1); } .mt-\[env\(safe-area-inset-top\,0px\)\] { margin-top: env(safe-area-inset-top, 0px); } .mt-\[min\(20svh\,150px\)\] { margin-top: min(20svh, 150px); } .mt-\[var\(--screen-optical-compact-offset-amount\)\] { margin-top: var(--screen-optical-compact-offset-amount); } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .mt-snc-1 { margin-top: var(--snc-1); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .-mb-\(--composer-overlap-px\) { margin-bottom: calc(var(--composer-overlap-px) * -1); } .-mb-0\.5 { margin-bottom: calc(var(--spacing) * -0.5); } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-1\.5 { margin-bottom: calc(var(--spacing) * -1.5); } .-mb-2 { margin-bottom: calc(var(--spacing) * -2); } .-mb-2\.5 { margin-bottom: calc(var(--spacing) * -2.5); } .-mb-3 { margin-bottom: calc(var(--spacing) * -3); } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-6 { margin-bottom: calc(var(--spacing) * -6); } .-mb-9 { margin-bottom: calc(var(--spacing) * -9); } .-mb-10 { margin-bottom: calc(var(--spacing) * -10); } .-mb-\[1px\], .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\! { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-4\.5 { margin-bottom: calc(var(--spacing) * 4.5); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-5\! { margin-bottom: calc(var(--spacing) * 5) !important; } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-6\.5 { margin-bottom: calc(var(--spacing) * 6.5); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-9 { margin-bottom: calc(var(--spacing) * 9); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-11 { margin-bottom: calc(var(--spacing) * 11); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-30 { margin-bottom: calc(var(--spacing) * 30); } .mb-36 { margin-bottom: calc(var(--spacing) * 36); } .mb-64 { margin-bottom: calc(var(--spacing) * 64); } .mb-\[-1px\] { margin-bottom: -1px; } .mb-\[-2px\] { margin-bottom: -2px; } .mb-\[-5px\] { margin-bottom: -5px; } .mb-\[-6px\] { margin-bottom: -6px; } .mb-\[-12px\] { margin-bottom: -12px; } .mb-\[0\.225rem\] { margin-bottom: 0.225rem; } .mb-\[0\.425rem\] { margin-bottom: 0.425rem; } .mb-\[0\.1875rem\] { margin-bottom: 0.1875rem; } .mb-\[0\.3125rem\] { margin-bottom: 0.3125rem; } .mb-\[1px\] { margin-bottom: 1px; } .mb-\[4px\] { margin-bottom: 4px; } .mb-\[8px\] { margin-bottom: 8px; } .mb-\[40px\] { margin-bottom: 40px; } .mb-\[60px\] { margin-bottom: 60px; } .mb-\[calc\(var\(--spacing\)\*1\)\] { margin-bottom: calc(var(--spacing) * 1); } .mb-\[calc\(var\(--spacing\)\*2\)\] { margin-bottom: calc(var(--spacing) * 2); } .mb-\[env\(safe-area-inset-bottom\,0px\)\] { margin-bottom: env(safe-area-inset-bottom, 0px); } .mb-\[var\(--sidebar-collapsed-section-margin-bottom\)\] { margin-bottom: var(--sidebar-collapsed-section-margin-bottom); } .mb-\[var\(--sidebar-expanded-section-margin-bottom\)\] { margin-bottom: var(--sidebar-expanded-section-margin-bottom); } .mb-\[var\(--thread-component-gap\,1rem\)\] { margin-bottom: var(--thread-component-gap, 1rem); } .mb-px { margin-bottom: 1px; } .mb-snc-1 { margin-bottom: var(--snc-1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .chevron-marker:first-of-type > summary { list-style: none; } .chevron-marker:first-of-type > summary:before { content: ''; vertical-align: -0.125em; background-color: var(--interactive-label-default-tertiary); width: 16px; height: 16px; display: inline-block; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAxNiAxNiIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIGRhdGEtcnRsLWZsaXA9IiIKPgo8cGF0aAogICAgZD0iTTYuMDI5MjUgMy4wMjkyOUM2LjI1NjUyIDIuODAyMDIgNi42MDgwMyAyLjc3MzgyIDYuODY2MTYgMi45NDQzM0w2Ljk3MDY1IDMuMDI5MjlMMTEuNDcwNyA3LjUyOTI5QzExLjczMDQgNy43ODg5OSAxMS43MzA0IDguMjExIDExLjQ3MDcgOC40NzA3TDYuOTcwNjUgMTIuOTcwN0M2LjcxMDk1IDEzLjIzMDQgNi4yODg5NSAxMy4yMzA0IDYuMDI5MjUgMTIuOTcwN0M1Ljc2OTU1IDEyLjcxMSA1Ljc2OTU1IDEyLjI4OSA2LjAyOTI1IDEyLjAyOTNMMTAuMDU4NSA3Ljk5OTk5TDYuMDI5MjUgMy45NzA3TDUuOTQ0MjkgMy44NjYyQzUuNzczNzggMy42MDgwNyA1LjgwMTk4IDMuMjU2NTYgNi4wMjkyNSAzLjAyOTI5WiIKICAvPgo8L3N2Zz4=) 50% / contain no-repeat; mask: url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAxNiAxNiIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIGRhdGEtcnRsLWZsaXA9IiIKPgo8cGF0aAogICAgZD0iTTYuMDI5MjUgMy4wMjkyOUM2LjI1NjUyIDIuODAyMDIgNi42MDgwMyAyLjc3MzgyIDYuODY2MTYgMi45NDQzM0w2Ljk3MDY1IDMuMDI5MjlMMTEuNDcwNyA3LjUyOTI5QzExLjczMDQgNy43ODg5OSAxMS43MzA0IDguMjExIDExLjQ3MDcgOC40NzA3TDYuOTcwNjUgMTIuOTcwN0M2LjcxMDk1IDEzLjIzMDQgNi4yODg5NSAxMy4yMzA0IDYuMDI5MjUgMTIuOTcwN0M1Ljc2OTU1IDEyLjcxMSA1Ljc2OTU1IDEyLjI4OSA2LjAyOTI1IDEyLjAyOTNMMTAuMDU4NSA3Ljk5OTk5TDYuMDI5MjUgMy45NzA3TDUuOTQ0MjkgMy44NjYyQzUuNzczNzggMy42MDgwNyA1LjgwMTk4IDMuMjU2NTYgNi4wMjkyNSAzLjAyOTI5WiIKICAvPgo8L3N2Zz4=) 50% / contain no-repeat; } @media (prefers-reduced-motion: no-preference) { .chevron-marker:first-of-type > summary:before { transition: rotate var(--easing-spring-elegant-duration, 0.2s) var(--easing-spring-elegant, linear); } } .chevron-marker[open]:first-of-type > summary:before { rotate: 90deg; } .form-input { -webkit-appearance: none; appearance: none; border-color: var(--gray-500); --tw-shadow: 0 0 transparent; background-color: #fff; border-width: 1px; border-radius: 0; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; } .form-input:focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty,); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--blue-600); --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); border-color: var(--blue-600); outline: 2px solid #0000; } .form-input::placeholder { color: var(--gray-500); opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper { padding: 0; } .form-input::-webkit-date-and-time-value { min-height: 1.5em; } .form-input::-webkit-date-and-time-value { text-align: inherit; } .form-input::-webkit-datetime-edit { display: inline-flex; } .form-input::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } .form-input::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } .grid-cols-auto { grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid; } .grid-cols-auto:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-auto:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-auto:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-12 { -webkit-line-clamp: 12; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .entity-underline { vertical-align: baseline; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); text-decoration-color: var(--text-tertiary); text-underline-offset: 2px; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-decoration-thickness: 1px; display: inline; } @media (hover: hover) { .entity-underline:hover { -webkit-text-decoration-color: inherit; -webkit-text-decoration-color: inherit; -webkit-text-decoration-color: inherit; -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } } .entity-underline { -webkit-text-decoration-skip-ink: auto; text-decoration-skip-ink: auto; text-underline-position: from-font; } .\[display\:var\(--display-hidden-until-loaded\,block\)\] { display: var(--display-hidden-until-loaded, block); } .\[display\:var\(--display-hidden-until-loaded\,flex\)\] { display: var(--display-hidden-until-loaded, flex); } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline\! { display: inline !important; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .list-item { display: list-item; } .table { display: table; } .table\! { display: table !important; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .aspect-2\/3 { aspect-ratio: 2/3; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-4\/7 { aspect-ratio: 4/7; } .aspect-7\/4 { aspect-ratio: 7/4; } .aspect-16\/9 { aspect-ratio: 16/9; } .aspect-\[1\.45\] { aspect-ratio: 1.45; } .aspect-\[2\.5\/1\] { aspect-ratio: 2.5; } .aspect-\[2\/1\] { aspect-ratio: 2; } .aspect-\[3\/1\] { aspect-ratio: 3; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-\[4\/5\] { aspect-ratio: 4/5; } .aspect-\[5\/4\] { aspect-ratio: 5/4; } .aspect-\[9\/16\] { aspect-ratio: 9/16; } .aspect-\[13\/16\] { aspect-ratio: 13/16; } .aspect-\[16\/9\] { aspect-ratio: 16/9; } .aspect-\[45\/32\] { aspect-ratio: 45/32; } .aspect-\[360\/272\] { aspect-ratio: 360/272; } .aspect-\[614\/493\] { aspect-ratio: 614/493; } .aspect-\[752\/244\] { aspect-ratio: 752/244; } .aspect-\[1024\/697\] { aspect-ratio: 1024/697; } .aspect-\[1024\/698\] { aspect-ratio: 1024/698; } .aspect-\[1024\/755\] { aspect-ratio: 1024/755; } .aspect-\[1024\/764\] { aspect-ratio: 1024/764; } .aspect-\[1024\/768\] { aspect-ratio: 1024/768; } .aspect-\[1024\/777\] { aspect-ratio: 1024/777; } .aspect-\[1200\/630\] { aspect-ratio: 1200/630; } .aspect-auto { aspect-ratio: auto; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .icon { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); flex-grow: 0; flex-shrink: 0; } .icon\! { height: calc(var(--spacing) * 5) !important; width: calc(var(--spacing) * 5) !important; flex-grow: 0 !important; flex-shrink: 0 !important; } .icon-sm { height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); flex-grow: 0; flex-shrink: 0; } .icon-xs { height: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3); flex-grow: 0; flex-shrink: 0; } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-3\.5\! { width: calc(var(--spacing) * 3.5) !important; height: calc(var(--spacing) * 3.5) !important; } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-5\.5 { width: calc(var(--spacing) * 5.5); height: calc(var(--spacing) * 5.5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-6\.5 { width: calc(var(--spacing) * 6.5); height: calc(var(--spacing) * 6.5); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-8\! { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-15 { width: calc(var(--spacing) * 15); height: calc(var(--spacing) * 15); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-\[1lh\] { width: 1lh; height: 1lh; } .size-\[10px\] { width: 10px; height: 10px; } .size-\[18px\] { width: 18px; height: 18px; } .size-\[76px\] { width: 76px; height: 76px; } .size-full { width: 100%; height: 100%; } .size-min { width: -webkit-min-content; width: min-content; height: -webkit-min-content; height: min-content; } .size-px { width: 1px; height: 1px; } .\!h-7 { height: calc(var(--spacing) * 7) !important; } .\!h-8 { height: calc(var(--spacing) * 8) !important; } .\!h-\[76px\] { height: 76px !important; } .\!h-full { height: 100% !important; } .h-\(--composer-container-height\,100\%\) { height: var(--composer-container-height, 100%); } .h-\(--control-size-lg\) { height: var(--control-size-lg); } .h-\(--header-height\) { height: var(--header-height); } .h-\(--sticky-spacer\) { height: var(--sticky-spacer); } .h-0 { height: calc(var(--spacing) * 0); } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\.75 { height: calc(var(--spacing) * 1.75); } .h-1\/3 { height: 33.3333%; } .h-1\/4 { height: 25%; } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-2\.75 { height: calc(var(--spacing) * 2.75); } .h-2\/3 { height: 66.6667%; } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-6\! { height: calc(var(--spacing) * 6) !important; } .h-6\.5 { height: calc(var(--spacing) * 6.5); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\! { height: calc(var(--spacing) * 7) !important; } .h-8 { height: calc(var(--spacing) * 8); } .h-8\! { height: calc(var(--spacing) * 8) !important; } .h-9 { height: calc(var(--spacing) * 9); } .h-9\! { height: calc(var(--spacing) * 9) !important; } .h-9\.5 { height: calc(var(--spacing) * 9.5); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-11\.5 { height: calc(var(--spacing) * 11.5); } .h-12 { height: calc(var(--spacing) * 12); } .h-12\! { height: calc(var(--spacing) * 12) !important; } .h-13 { height: calc(var(--spacing) * 13); } .h-13\! { height: calc(var(--spacing) * 13) !important; } .h-14 { height: calc(var(--spacing) * 14); } .h-15 { height: calc(var(--spacing) * 15); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-18\! { height: calc(var(--spacing) * 18) !important; } .h-20 { height: calc(var(--spacing) * 20); } .h-20\! { height: calc(var(--spacing) * 20) !important; } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-30 { height: calc(var(--spacing) * 30); } .h-32 { height: calc(var(--spacing) * 32); } .h-34 { height: calc(var(--spacing) * 34); } .h-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-42 { height: calc(var(--spacing) * 42); } .h-44 { height: calc(var(--spacing) * 44); } .h-45 { height: calc(var(--spacing) * 45); } .h-48 { height: calc(var(--spacing) * 48); } .h-50 { height: calc(var(--spacing) * 50); } .h-56 { height: calc(var(--spacing) * 56); } .h-60 { height: calc(var(--spacing) * 60); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-74 { height: calc(var(--spacing) * 74); } .h-84 { height: calc(var(--spacing) * 84); } .h-88 { height: calc(var(--spacing) * 88); } .h-92 { height: calc(var(--spacing) * 92); } .h-96 { height: calc(var(--spacing) * 96); } .h-105 { height: calc(var(--spacing) * 105); } .h-120 { height: calc(var(--spacing) * 120); } .h-\[0\.6rem\] { height: 0.6rem; } .h-\[0\.75em\] { height: 0.75em; } .h-\[0\.75rem\] { height: 0.75rem; } .h-\[1\.5px\] { height: 1.5px; } .h-\[1em\] { height: 1em; } .h-\[1lh\]\! { height: 1lh !important; } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[4px\] { height: 4px; } .h-\[6\.5px\] { height: 6.5px; } .h-\[6px\] { height: 6px; } .h-\[8px\] { height: 8px; } .h-\[9px\] { height: 9px; } .h-\[11px\] { height: 11px; } .h-\[12px\] { height: 12px; } .h-\[13\.333px\] { height: 13.333px; } .h-\[14px\] { height: 14px; } .h-\[15\.83px\] { height: 15.83px; } .h-\[15dvh\] { height: 15dvh; } .h-\[15px\] { height: 15px; } .h-\[16px\] { height: 16px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[18px\]\! { height: 18px !important; } .h-\[20px\] { height: 20px; } .h-\[21px\] { height: 21px; } .h-\[22px\] { height: 22px; } .h-\[22rem\] { height: 22rem; } .h-\[23px\] { height: 23px; } .h-\[24pt\] { height: 24pt; } .h-\[24px\] { height: 24px; } .h-\[24rem\] { height: 24rem; } .h-\[25px\] { height: 25px; } .h-\[26px\] { height: 26px; } .h-\[27px\] { height: 27px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[30vh\] { height: 30vh; } .h-\[31\.5px\] { height: 31.5px; } .h-\[32px\] { height: 32px; } .h-\[33px\] { height: 33px; } .h-\[34\.56px\] { height: 34.56px; } .h-\[34px\] { height: 34px; } .h-\[36px\] { height: 36px; } .h-\[38px\] { height: 38px; } .h-\[38px\]\! { height: 38px !important; } .h-\[40px\] { height: 40px; } .h-\[42px\] { height: 42px; } .h-\[44px\] { height: 44px; } .h-\[45px\] { height: 45px; } .h-\[48px\] { height: 48px; } .h-\[50\%\] { height: 50%; } .h-\[50dvh\] { height: 50dvh; } .h-\[50px\] { height: 50px; } .h-\[50vh\] { height: 50vh; } .h-\[54px\] { height: 54px; } .h-\[55px\] { height: 55px; } .h-\[56px\] { height: 56px; } .h-\[58px\] { height: 58px; } .h-\[60px\] { height: 60px; } .h-\[60vh\] { height: 60vh; } .h-\[62px\] { height: 62px; } .h-\[63px\] { height: 63px; } .h-\[64px\] { height: 64px; } .h-\[65px\] { height: 65px; } .h-\[66px\] { height: 66px; } .h-\[68px\] { height: 68px; } .h-\[68vh\] { height: 68vh; } .h-\[70\%\] { height: 70%; } .h-\[70px\] { height: 70px; } .h-\[70vh\] { height: 70vh; } .h-\[72px\] { height: 72px; } .h-\[76px\] { height: 76px; } .h-\[78px\] { height: 78px; } .h-\[80px\] { height: 80px; } .h-\[80vh\] { height: 80vh; } .h-\[80vh\]\! { height: 80vh !important; } .h-\[85vh\] { height: 85vh; } .h-\[86px\] { height: 86px; } .h-\[90px\] { height: 90px; } .h-\[90vh\] { height: 90vh; } .h-\[91px\] { height: 91px; } .h-\[92vh\] { height: 92vh; } .h-\[95dvh\] { height: 95dvh; } .h-\[96px\] { height: 96px; } .h-\[100\%\] { height: 100%; } .h-\[100cqh\] { height: 100cqh; } .h-\[100dvh\] { height: 100dvh; } .h-\[100px\] { height: 100px; } .h-\[100vh\] { height: 100vh; } .h-\[104\.65\%\] { height: 104.65%; } .h-\[104px\] { height: 104px; } .h-\[106\.19\%\] { height: 106.19%; } .h-\[116px\] { height: 116px; } .h-\[120px\] { height: 120px; } .h-\[122px\] { height: 122px; } .h-\[128px\] { height: 128px; } .h-\[132px\] { height: 132px; } .h-\[140px\] { height: 140px; } .h-\[144px\] { height: 144px; } .h-\[150px\] { height: 150px; } .h-\[157px\] { height: 157px; } .h-\[160\%\] { height: 160%; } .h-\[160px\] { height: 160px; } .h-\[168px\] { height: 168px; } .h-\[180px\] { height: 180px; } .h-\[184px\] { height: 184px; } .h-\[200\%\] { height: 200%; } .h-\[200px\] { height: 200px; } .h-\[213px\] { height: 213px; } .h-\[214px\] { height: 214px; } .h-\[220px\] { height: 220px; } .h-\[224px\] { height: 224px; } .h-\[225px\] { height: 225px; } .h-\[240px\] { height: 240px; } .h-\[244px\] { height: 244px; } .h-\[248px\] { height: 248px; } .h-\[249px\] { height: 249px; } .h-\[250px\] { height: 250px; } .h-\[280px\] { height: 280px; } .h-\[300px\] { height: 300px; } .h-\[320px\] { height: 320px; } .h-\[340px\] { height: 340px; } .h-\[350px\] { height: 350px; } .h-\[352px\] { height: 352px; } .h-\[375px\] { height: 375px; } .h-\[400\%\] { height: 400%; } .h-\[400px\] { height: 400px; } .h-\[420px\] { height: 420px; } .h-\[429px\] { height: 429px; } .h-\[440px\] { height: 440px; } .h-\[480px\] { height: 480px; } .h-\[500px\] { height: 500px; } .h-\[540px\] { height: 540px; } .h-\[550px\] { height: 550px; } .h-\[550px\]\! { height: 550px !important; } .h-\[572px\] { height: 572px; } .h-\[600px\] { height: 600px; } .h-\[640px\] { height: 640px; } .h-\[650px\] { height: 650px; } .h-\[700px\] { height: 700px; } .h-\[720px\] { height: 720px; } .h-\[860px\] { height: 860px; } .h-\[calc\(50vh-28px\)\] { height: calc(50vh - 28px); } .h-\[calc\(100\%\+2px\)\] { height: calc(100% + 2px); } .h-\[calc\(100\%\+var\(--snc-1\)\)\] { height: calc(100% + var(--snc-1)); } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem); } .h-\[calc\(100\%-48px\)\] { height: calc(100% - 48px); } .h-\[calc\(100\%-64px\)\] { height: calc(100% - 64px); } .h-\[calc\(100svh-max\(env\(safe-area-inset-bottom\)\,0px\)\)\] { height: calc(100svh - max(env(safe-area-inset-bottom), 0px)); } .h-\[calc\(100svh-max\(env\(safe-area-inset-bottom\)\,6px\)\)\] { height: calc(100svh - max(env(safe-area-inset-bottom), 6px)); } .h-\[calc\(100vh-2rem\)\] { height: calc(100vh - 2rem); } .h-\[calc\(100vh-25rem\)\] { height: calc(100vh - 25rem); } .h-\[calc\(100vh-72px\)\]\! { height: calc(100vh - 72px) !important; } .h-\[calc\(100vh-325px\)\] { height: calc(100vh - 325px); } .h-\[calc\(clamp\(150px\,1\/4\*var\(--thread-safe-area-height\,100lvh\)\,400px\)\)\] { height: calc(clamp(150px, 1/4 * var(--thread-safe-area-height, 100lvh), 400px)); } .h-\[calc\(var\(--cqh-full\)-32px\)\] { height: calc(var(--cqh-full) - 32px); } .h-\[calc\(var\(--header-height\)\+var\(--primary-items-height\,0\)\+4px\)\] { height: calc(var(--header-height) + var(--primary-items-height, 0) + 4px); } .h-\[calc\(var\(--header-height\,3\.5rem\)\+1px\)\] { height: calc(var(--header-height, 3.5rem) + 1px); } .h-\[inherit\] { height: inherit; } .h-\[max\(3rem\,18vh\)\] { height: max(3rem, 18vh); } .h-\[max\(20cqw\,100px\)\] { height: max(20cqw, 100px); } .h-\[max\(100dvh\,100\%\)\] { height: max(100dvh, 100%); } .h-\[max\(100svh\,100dvh\,100\%\)\] { height: max(100svh, 100dvh, 100%); } .h-\[max-content\] { height: -webkit-max-content; height: max-content; } .h-\[var\(--cqh-full\)\] { height: var(--cqh-full); } .h-\[var\(--header-height\,3\.5rem\)\] { height: var(--header-height, 3.5rem); } .h-\[var\(--screen-height-override\,calc\(var\(--cqh-full\)-var\(--screen-height-offset\,0px\)\)\)\] { height: var(--screen-height-override, calc(var(--cqh-full) - var(--screen-height-offset, 0px))); } .h-auto { height: auto; } .h-auto\! { height: auto !important; } .h-dvh { height: 100dvh; } .h-fit { height: -webkit-fit-content; height: fit-content; } .h-fit\! { height: -webkit-fit-content !important; height: fit-content !important; } .h-full { height: 100%; } .h-full\! { height: 100% !important; } .h-header-height { height: var(--header-height); } .h-max { height: -webkit-max-content; height: max-content; } .h-min { height: -webkit-min-content; height: min-content; } .h-mkt-header-height { height: var(--mkt-header-height); } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-snc-input-height { height: var(--snc-input-height); } .h-svh { height: 100svh; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-2\/3 { max-height: 66.6667%; } .max-h-6 { max-height: calc(var(--spacing) * 6); } .max-h-9 { max-height: calc(var(--spacing) * 9); } .max-h-16 { max-height: calc(var(--spacing) * 16); } .max-h-24 { max-height: calc(var(--spacing) * 24); } .max-h-28 { max-height: calc(var(--spacing) * 28); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-36 { max-height: calc(var(--spacing) * 36); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-52 { max-height: calc(var(--spacing) * 52); } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-84 { max-height: calc(var(--spacing) * 84); } .max-h-94 { max-height: calc(var(--spacing) * 94); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[2lh\] { max-height: 2lh; } .max-h-\[14rem\] { max-height: 14rem; } .max-h-\[16rem\] { max-height: 16rem; } .max-h-\[18rem\] { max-height: 18rem; } .max-h-\[20px\] { max-height: 20px; } .max-h-\[24rem\] { max-height: 24rem; } .max-h-\[25dvh\] { max-height: 25dvh; } .max-h-\[28rem\] { max-height: 28rem; } .max-h-\[28vh\] { max-height: 28vh; } .max-h-\[34rem\] { max-height: 34rem; } .max-h-\[36rem\] { max-height: 36rem; } .max-h-\[40vh\] { max-height: 40vh; } .max-h-\[48vh\] { max-height: 48vh; } .max-h-\[50\%\] { max-height: 50%; } .max-h-\[50dvh\] { max-height: 50dvh; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[60dvh\] { max-height: 60dvh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[64px\] { max-height: 64px; } .max-h-\[65vh\] { max-height: 65vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[72vh\] { max-height: 72vh; } .max-h-\[75vh\] { max-height: 75vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[95\%\] { max-height: 95%; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[100vh\]\! { max-height: 100vh !important; } .max-h-\[147px\] { max-height: 147px; } .max-h-\[180px\] { max-height: 180px; } .max-h-\[192px\] { max-height: 192px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[220px\] { max-height: 220px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[245px\] { max-height: 245px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[260px\] { max-height: 260px; } .max-h-\[272px\] { max-height: 272px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[294px\] { max-height: 294px; } .max-h-\[295px\] { max-height: 295px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[350px\] { max-height: 350px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[440px\] { max-height: 440px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[520px\] { max-height: 520px; } .max-h-\[550px\] { max-height: 550px; } .max-h-\[572px\] { max-height: 572px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[700px\] { max-height: 700px; } .max-h-\[724px\] { max-height: 724px; } .max-h-\[820px\] { max-height: 820px; } .max-h-\[900px\] { max-height: 900px; } .max-h-\[920px\] { max-height: 920px; } .max-h-\[1000px\] { max-height: 1000px; } .max-h-\[calc\(100\%-100px\)\] { max-height: calc(100% - 100px); } .max-h-\[calc\(100\%-max\(env\(safe-area-inset-top\)\,6px\)\)\] { max-height: calc(100% - max(env(safe-area-inset-top), 6px)); } .max-h-\[calc\(100\%-max\(env\(safe-area-inset-top\)\,36px\)\)\] { max-height: calc(100% - max(env(safe-area-inset-top), 36px)); } .max-h-\[calc\(100\%-max\(env\(safe-area-inset-top\)\,56px\)\)\] { max-height: calc(100% - max(env(safe-area-inset-top), 56px)); } .max-h-\[calc\(100vh-0px\)\] { max-height: 100vh; } .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(100vh - 2rem); } .max-h-\[calc\(100vh-46px\)\] { max-height: calc(100vh - 46px); } .max-h-\[calc\(100vh-80px\)\]\! { max-height: calc(100vh - 80px) !important; } .max-h-\[calc\(100vh-150px\)\] { max-height: calc(100vh - 150px); } .max-h-\[calc\(100vh-176px\)\] { max-height: calc(100vh - 176px); } .max-h-\[calc\(100vh-300px\)\] { max-height: calc(100vh - 300px); } .max-h-\[calc\(clamp\(20px\,1\/4\*var\(--thread-safe-area-height\,100lvh\)\,400px\)\)\] { max-height: calc(clamp(20px, 1/4 * var(--thread-safe-area-height, 100lvh), 400px)); } .max-h-\[calc\(clamp\(20px\,1\/8\*var\(--thread-safe-area-height\,100lvh\)\,200px\)\)\] { max-height: calc(clamp(20px, 1/8 * var(--thread-safe-area-height, 100lvh), 200px)); } .max-h-\[calc\(var\(--cqh-full\)-32px\)\] { max-height: calc(var(--cqh-full) - 32px); } .max-h-\[calc\(var\(--radix-popper-available-height\)-2rem\)\] { max-height: calc(var(--radix-popper-available-height) - 2rem); } .max-h-\[max\(10rem\,min\(calc\(100dvh-29rem\)\,10rem\)\)\] { max-height: max(10rem, min(100dvh - 29rem, 10rem)); } .max-h-\[max\(10rem\,min\(calc\(100dvh-29rem\)\,50dvh\)\)\] { max-height: max(10rem, min(100dvh - 29rem, 50dvh)); } .max-h-\[max\(30svh\,5rem\)\] { max-height: max(30svh, 5rem); } .max-h-\[min\(40vh\,360px\)\] { max-height: min(40vh, 360px); } .max-h-\[min\(40vh\,492px\)\] { max-height: min(40vh, 492px); } .max-h-\[min\(72vh\,760px\)\] { max-height: min(72vh, 760px); } .max-h-\[min\(80vh\,720px\)\] { max-height: min(80vh, 720px); } .max-h-\[min\(90vh\,900px\)\] { max-height: min(90vh, 900px); } .max-h-\[min\(360px\,50vh\)\] { max-height: min(360px, 50vh); } .max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\,50svh\)\,--spacing\(1\.5\)\+var\(--min-items\,6\.8\)\*var\(--menu-item-height\)\)\]\! { max-height: min( var(--radix-dropdown-menu-content-available-height, 50svh), calc(var(--spacing) * 1.5) + var(--min-items, 6.8) * var(--menu-item-height) ) !important; } .max-h-\[min\(var\(--radix-popper-available-height\,50svh\)\,--spacing\(1\.5\)\+5\*var\(--menu-item-height\)\)\] { max-height: min( var(--radix-popper-available-height, 50svh), calc(var(--spacing) * 1.5) + 5 * var(--menu-item-height) ); } .max-h-\[var\(--cqh-full\)\] { max-height: var(--cqh-full); } .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-\[var\(--radix-popper-available-height\,50svh\)\] { max-height: var(--radix-popper-available-height, 50svh); } .max-h-\[var\(--radix-select-content-available-height\)\] { max-height: var(--radix-select-content-available-height); } .max-h-dvh { max-height: 100dvh; } .max-h-fit { max-height: -webkit-fit-content; max-height: fit-content; } .max-h-full { max-height: 100%; } .max-h-none { max-height: none; } .max-h-none\! { max-height: none !important; } .max-h-svh { max-height: 100svh; } .btn-small { min-height: calc(var(--spacing) * 7); padding-inline: calc(var(--spacing) * 2.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .btn-large { min-height: calc(var(--spacing) * 11); padding-inline: calc(var(--spacing) * 4); } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-0\! { min-height: calc(var(--spacing) * 0) !important; } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-10\.5 { min-height: calc(var(--spacing) * 10.5); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-12\! { min-height: calc(var(--spacing) * 12) !important; } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-15 { min-height: calc(var(--spacing) * 15); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-18 { min-height: calc(var(--spacing) * 18); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-21 { min-height: calc(var(--spacing) * 21); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-28 { min-height: calc(var(--spacing) * 28); } .min-h-30 { min-height: calc(var(--spacing) * 30); } .min-h-32 { min-height: calc(var(--spacing) * 32); } .min-h-36 { min-height: calc(var(--spacing) * 36); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-44 { min-height: calc(var(--spacing) * 44); } .min-h-48 { min-height: calc(var(--spacing) * 48); } .min-h-56 { min-height: calc(var(--spacing) * 56); } .min-h-60 { min-height: calc(var(--spacing) * 60); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-72 { min-height: calc(var(--spacing) * 72); } .min-h-75 { min-height: calc(var(--spacing) * 75); } .min-h-80 { min-height: calc(var(--spacing) * 80); } .min-h-96 { min-height: calc(var(--spacing) * 96); } .min-h-\[1\.5rem\] { min-height: 1.5rem; } .min-h-\[1\.25rem\] { min-height: 1.25rem; } .min-h-\[1\.625rem\] { min-height: 1.625rem; } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-\[2\.75rem\] { min-height: 2.75rem; } .min-h-\[3\.5rem\] { min-height: 3.5rem; } .min-h-\[3\.25rem\] { min-height: 3.25rem; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[5rem\] { min-height: 5rem; } .min-h-\[6\.25rem\] { min-height: 6.25rem; } .min-h-\[6rem\] { min-height: 6rem; } .min-h-\[8rem\] { min-height: 8rem; } .min-h-\[12rem\] { min-height: 12rem; } .min-h-\[17rem\] { min-height: 17rem; } .min-h-\[18\.75rem\] { min-height: 18.75rem; } .min-h-\[18rem\] { min-height: 18rem; } .min-h-\[20px\] { min-height: 20px; } .min-h-\[20rem\] { min-height: 20rem; } .min-h-\[24rem\] { min-height: 24rem; } .min-h-\[30px\] { min-height: 30px; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[36px\] { min-height: 36px; } .min-h-\[36px\]\! { min-height: 36px !important; } .min-h-\[38px\] { min-height: 38px; } .min-h-\[38rem\] { min-height: 38rem; } .min-h-\[40\%\] { min-height: 40%; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[40px\]\! { min-height: 40px !important; } .min-h-\[40vh\] { min-height: 40vh; } .min-h-\[41px\] { min-height: 41px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[46px\] { min-height: 46px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[50dvh\] { min-height: 50dvh; } .min-h-\[50px\] { min-height: 50px; } .min-h-\[50vh\] { min-height: 50vh; } .min-h-\[52px\] { min-height: 52px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[57px\] { min-height: 57px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[62px\] { min-height: 62px; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[74px\] { min-height: 74px; } .min-h-\[75vh\] { min-height: 75vh; } .min-h-\[76px\] { min-height: 76px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[80vh\] { min-height: 80vh; } .min-h-\[84px\] { min-height: 84px; } .min-h-\[88px\] { min-height: 88px; } .min-h-\[90px\] { min-height: 90px; } .min-h-\[90vh\] { min-height: 90vh; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[104px\] { min-height: 104px; } .min-h-\[108px\] { min-height: 108px; } .min-h-\[112px\] { min-height: 112px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[120px\]\! { min-height: 120px !important; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[144px\] { min-height: 144px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[168px\] { min-height: 168px; } .min-h-\[170px\] { min-height: 170px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[192px\] { min-height: 192px; } .min-h-\[196px\] { min-height: 196px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[200vh\] { min-height: 200vh; } .min-h-\[208px\] { min-height: 208px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[221px\] { min-height: 221px; } .min-h-\[230px\] { min-height: 230px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[245px\] { min-height: 245px; } .min-h-\[248px\] { min-height: 248px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[260px\] { min-height: 260px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[321px\] { min-height: 321px; } .min-h-\[350px\] { min-height: 350px; } .min-h-\[360px\] { min-height: 360px; } .min-h-\[364px\] { min-height: 364px; } .min-h-\[380px\] { min-height: 380px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[429px\] { min-height: 429px; } .min-h-\[440px\] { min-height: 440px; } .min-h-\[460px\] { min-height: 460px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[500px\]\! { min-height: 500px !important; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[540px\] { min-height: 540px; } .min-h-\[560px\] { min-height: 560px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[640px\] { min-height: 640px; } .min-h-\[664px\] { min-height: 664px; } .min-h-\[680px\] { min-height: 680px; } .min-h-\[700px\] { min-height: 700px; } .min-h-\[755px\] { min-height: 755px; } .min-h-\[820px\] { min-height: 820px; } .min-h-\[900px\] { min-height: 900px; } .min-h-\[calc\(100dvh-var\(--header-height\)-88px\)\] { min-height: calc(100dvh - var(--header-height) - 88px); } .min-h-\[calc\(100vh-var\(--header-height\)-2rem\)\] { min-height: calc(100vh - var(--header-height) - 2rem); } .min-h-\[calc\(298px\*5\/4\)\] { min-height: 372.5px; } .min-h-\[calc\(var\(--header-height\,3\.5rem\)\+1px\)\] { min-height: calc(var(--header-height, 3.5rem) + 1px); } .min-h-\[max\(var\(--gutter-min-height\,0px\)\,var\(--gutter-remaining-height\,0px\)\)\] { min-height: max(var(--gutter-min-height, 0px), var(--gutter-remaining-height, 0px)); } .min-h-\[min\(1000px\,max\(0px\,calc\(100vh-var\(--mkt-header-height\)\)\)\)\] { min-height: min(1000px, max(0px, calc(100vh - var(--mkt-header-height)))); } .min-h-\[min\(calc\(80vh-4rem\)\,32rem\)\] { min-height: min(80vh - 4rem, 32rem); } .min-h-\[unset\] { min-height: unset; } .min-h-\[var\(--deep-research-composer-extra-height\,unset\)\] { min-height: var(--deep-research-composer-extra-height, unset); } .min-h-\[var\(--header-height\,3\.5rem\)\] { min-height: var(--header-height, 3.5rem); } .min-h-bloop { min-height: 227px; } .min-h-dvh { min-height: 100dvh; } .min-h-fit { min-height: -webkit-fit-content; min-height: fit-content; } .min-h-fit\! { min-height: -webkit-fit-content !important; min-height: fit-content !important; } .min-h-full { min-height: 100%; } .min-h-header-height { min-height: var(--header-height); } .min-h-px { min-height: 1px; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .\!w-7 { width: calc(var(--spacing) * 7) !important; } .\!w-8 { width: calc(var(--spacing) * 8) !important; } .\!w-full { width: 100% !important; } .\[width\:min\(90cqw\,var\(--thread-content-max-width\)\)\] { width: min(90cqw, var(--thread-content-max-width)); } .\[width\:var\(--stage-thread-flyout-override-width\,var\(--stage-thread-flyout-preset-width\,400px\)\)\] { width: var(--stage-thread-flyout-override-width, var(--stage-thread-flyout-preset-width, 400px)); } .w-\(--file-tile-action-size\) { width: var(--file-tile-action-size); } .w-\(--file-tile-width\) { width: var(--file-tile-width); } .w-\(--sidebar-rail-width\) { width: var(--sidebar-rail-width); } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: calc(var(--spacing) * 0); } .w-0\! { width: calc(var(--spacing) * 0) !important; } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\.75 { width: calc(var(--spacing) * 1.75); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-1\/4 { width: 25%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\.75 { width: calc(var(--spacing) * 2.75); } .w-2\/3 { width: 66.6667%; } .w-2\/5 { width: 40%; } .w-2xl { width: var(--container-2xl); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-4\/5 { width: 80%; } .w-4\/5\! { width: 80% !important; } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: 83.3333%; } .w-6 { width: calc(var(--spacing) * 6); } .w-6\! { width: calc(var(--spacing) * 6) !important; } .w-7 { width: calc(var(--spacing) * 7); } .w-7\! { width: calc(var(--spacing) * 7) !important; } .w-7\/8 { width: 87.5%; } .w-8 { width: calc(var(--spacing) * 8); } .w-8\! { width: calc(var(--spacing) * 8) !important; } .w-9 { width: calc(var(--spacing) * 9); } .w-9\! { width: calc(var(--spacing) * 9) !important; } .w-9\.5 { width: calc(var(--spacing) * 9.5); } .w-9\/12 { width: 75%; } .w-10 { width: calc(var(--spacing) * 10); } .w-10\/12 { width: 83.3333%; } .w-11 { width: calc(var(--spacing) * 11); } .w-11\/12 { width: 91.6667%; } .w-12 { width: calc(var(--spacing) * 12); } .w-12\.5 { width: calc(var(--spacing) * 12.5); } .w-14 { width: calc(var(--spacing) * 14); } .w-15 { width: calc(var(--spacing) * 15); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: calc(var(--spacing) * 18); } .w-20 { width: calc(var(--spacing) * 20); } .w-20\! { width: calc(var(--spacing) * 20) !important; } .w-22 { width: calc(var(--spacing) * 22); } .w-24 { width: calc(var(--spacing) * 24); } .w-25 { width: calc(var(--spacing) * 25); } .w-28 { width: calc(var(--spacing) * 28); } .w-30 { width: calc(var(--spacing) * 30); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-46 { width: calc(var(--spacing) * 46); } .w-48 { width: calc(var(--spacing) * 48); } .w-50 { width: calc(var(--spacing) * 50); } .w-52 { width: calc(var(--spacing) * 52); } .w-54 { width: calc(var(--spacing) * 54); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-66 { width: calc(var(--spacing) * 66); } .w-68 { width: calc(var(--spacing) * 68); } .w-70 { width: calc(var(--spacing) * 70); } .w-72 { width: calc(var(--spacing) * 72); } .w-74 { width: calc(var(--spacing) * 74); } .w-80 { width: calc(var(--spacing) * 80); } .w-84 { width: calc(var(--spacing) * 84); } .w-90 { width: calc(var(--spacing) * 90); } .w-96 { width: calc(var(--spacing) * 96); } .w-120 { width: calc(var(--spacing) * 120); } .w-\[0\.75em\] { width: 0.75em; } .w-\[0\.75rem\] { width: 0.75rem; } .w-\[1lh\]\! { width: 1lh !important; } .w-\[1px\] { width: 1px; } .w-\[2px\] { width: 2px; } .w-\[3px\] { width: 3px; } .w-\[4px\] { width: 4px; } .w-\[4rem\] { width: 4rem; } .w-\[6\.5px\] { width: 6.5px; } .w-\[6px\] { width: 6px; } .w-\[7\.5rem\] { width: 7.5rem; } .w-\[8px\] { width: 8px; } .w-\[8rem\] { width: 8rem; } .w-\[10\%\] { width: 10%; } .w-\[11px\] { width: 11px; } .w-\[11rem\] { width: 11rem; } .w-\[12px\] { width: 12px; } .w-\[13\.333px\] { width: 13.333px; } .w-\[14px\] { width: 14px; } .w-\[15\.83px\] { width: 15.83px; } .w-\[15px\] { width: 15px; } .w-\[16px\] { width: 16px; } .w-\[17px\] { width: 17px; } .w-\[18px\] { width: 18px; } .w-\[18px\]\! { width: 18px !important; } .w-\[19ch\] { width: 19ch; } .w-\[19px\] { width: 19px; } .w-\[20\%\] { width: 20%; } .w-\[20px\] { width: 20px; } .w-\[21px\] { width: 21px; } .w-\[22\%\] { width: 22%; } .w-\[22px\] { width: 22px; } .w-\[22rem\] { width: 22rem; } .w-\[23px\] { width: 23px; } .w-\[24px\] { width: 24px; } .w-\[24rem\] { width: 24rem; } .w-\[25\%\] { width: 25%; } .w-\[25vw\] { width: 25vw; } .w-\[27px\] { width: 27px; } .w-\[28px\] { width: 28px; } .w-\[28rem\] { width: 28rem; } .w-\[30\%\] { width: 30%; } .w-\[30px\] { width: 30px; } .w-\[31\.5px\] { width: 31.5px; } .w-\[33px\] { width: 33px; } .w-\[34\%\] { width: 34%; } .w-\[34\.56px\] { width: 34.56px; } .w-\[34px\] { width: 34px; } .w-\[35\%\] { width: 35%; } .w-\[36\%\] { width: 36%; } .w-\[36px\] { width: 36px; } .w-\[37\%\] { width: 37%; } .w-\[37px\] { width: 37px; } .w-\[38\%\] { width: 38%; } .w-\[40\%\] { width: 40%; } .w-\[40px\] { width: 40px; } .w-\[41\%\] { width: 41%; } .w-\[42\%\] { width: 42%; } .w-\[42px\] { width: 42px; } .w-\[43\%\] { width: 43%; } .w-\[44\%\] { width: 44%; } .w-\[45\%\] { width: 45%; } .w-\[45px\] { width: 45px; } .w-\[48px\] { width: 48px; } .w-\[50\%\] { width: 50%; } .w-\[50vw\] { width: 50vw; } .w-\[52px\] { width: 52px; } .w-\[54px\] { width: 54px; } .w-\[56px\] { width: 56px; } .w-\[58\%\] { width: 58%; } .w-\[58px\] { width: 58px; } .w-\[59px\] { width: 59px; } .w-\[60\%\] { width: 60%; } .w-\[60px\] { width: 60px; } .w-\[62\%\] { width: 62%; } .w-\[62px\] { width: 62px; } .w-\[64\%\] { width: 64%; } .w-\[64px\] { width: 64px; } .w-\[65px\] { width: 65px; } .w-\[66\%\] { width: 66%; } .w-\[70\%\] { width: 70%; } .w-\[70px\] { width: 70px; } .w-\[72\%\] { width: 72%; } .w-\[72px\] { width: 72px; } .w-\[74\%\] { width: 74%; } .w-\[75\%\] { width: 75%; } .w-\[75px\] { width: 75px; } .w-\[76\%\] { width: 76%; } .w-\[77\%\] { width: 77%; } .w-\[78\%\] { width: 78%; } .w-\[78px\] { width: 78px; } .w-\[80\%\] { width: 80%; } .w-\[80px\] { width: 80px; } .w-\[80vw\]\! { width: 80vw !important; } .w-\[81\%\] { width: 81%; } .w-\[82\%\] { width: 82%; } .w-\[82vw\] { width: 82vw; } .w-\[83\%\] { width: 83%; } .w-\[84\%\] { width: 84%; } .w-\[84px\] { width: 84px; } .w-\[85\%\] { width: 85%; } .w-\[86\%\] { width: 86%; } .w-\[88\%\] { width: 88%; } .w-\[88px\] { width: 88px; } .w-\[90\%\] { width: 90%; } .w-\[90px\] { width: 90px; } .w-\[90vw\] { width: 90vw; } .w-\[92\%\] { width: 92%; } .w-\[92px\] { width: 92px; } .w-\[92vw\] { width: 92vw; } .w-\[95vw\] { width: 95vw; } .w-\[96\%\] { width: 96%; } .w-\[96px\] { width: 96px; } .w-\[100\%\] { width: 100%; } .w-\[100cqw\] { width: 100cqw; } .w-\[100dvw\] { width: 100dvw; } .w-\[100px\] { width: 100px; } .w-\[104px\] { width: 104px; } .w-\[105px\] { width: 105px; } .w-\[113px\] { width: 113px; } .w-\[115px\] { width: 115px; } .w-\[116px\] { width: 116px; } .w-\[120px\] { width: 120px; } .w-\[125px\] { width: 125px; } .w-\[128px\] { width: 128px; } .w-\[140px\] { width: 140px; } .w-\[142px\] { width: 142px; } .w-\[160px\] { width: 160px; } .w-\[164px\] { width: 164px; } .w-\[170px\] { width: 170px; } .w-\[180px\] { width: 180px; } .w-\[190\%\] { width: 190%; } .w-\[200\%\] { width: 200%; } .w-\[200\.04\%\] { width: 200.04%; } .w-\[200px\] { width: 200px; } .w-\[201px\] { width: 201px; } .w-\[210px\] { width: 210px; } .w-\[220px\] { width: 220px; } .w-\[221px\] { width: 221px; } .w-\[222px\] { width: 222px; } .w-\[228px\] { width: 228px; } .w-\[230px\] { width: 230px; } .w-\[232px\] { width: 232px; } .w-\[240px\] { width: 240px; } .w-\[248px\] { width: 248px; } .w-\[250px\] { width: 250px; } .w-\[256px\] { width: 256px; } .w-\[258px\] { width: 258px; } .w-\[260px\] { width: 260px; } .w-\[268px\] { width: 268px; } .w-\[280px\] { width: 280px; } .w-\[286px\] { width: 286px; } .w-\[290px\] { width: 290px; } .w-\[294px\] { width: 294px; } .w-\[298px\] { width: 298px; } .w-\[300px\] { width: 300px; } .w-\[304px\] { width: 304px; } .w-\[320px\] { width: 320px; } .w-\[324px\] { width: 324px; } .w-\[340px\] { width: 340px; } .w-\[345px\] { width: 345px; } .w-\[350px\] { width: 350px; } .w-\[360px\] { width: 360px; } .w-\[380px\] { width: 380px; } .w-\[393px\] { width: 393px; } .w-\[400\%\] { width: 400%; } .w-\[400px\] { width: 400px; } .w-\[400px\]\! { width: 400px !important; } .w-\[416px\] { width: 416px; } .w-\[420px\]\! { width: 420px !important; } .w-\[430px\] { width: 430px; } .w-\[432px\] { width: 432px; } .w-\[440px\] { width: 440px; } .w-\[448px\] { width: 448px; } .w-\[450px\] { width: 450px; } .w-\[480px\] { width: 480px; } .w-\[500px\] { width: 500px; } .w-\[520px\] { width: 520px; } .w-\[540px\] { width: 540px; } .w-\[550px\] { width: 550px; } .w-\[600px\] { width: 600px; } .w-\[640px\] { width: 640px; } .w-\[680px\]\! { width: 680px !important; } .w-\[700px\] { width: 700px; } .w-\[720px\] { width: 720px; } .w-\[780px\] { width: 780px; } .w-\[800px\] { width: 800px; } .w-\[calc\(50\%-6px\)\] { width: calc(50% - 6px); } .w-\[calc\(100\%\+--spacing\(2\.5\)\)\] { width: calc(100% + calc(var(--spacing) * 2.5)); } .w-\[calc\(100\%\+2px\)\] { width: calc(100% + 2px); } .w-\[calc\(100\%\+2rem\)\] { width: calc(100% + 2rem); } .w-\[calc\(100\%\+32px\)\] { width: calc(100% + 32px); } .w-\[calc\(100\%\+40px\)\] { width: calc(100% + 40px); } .w-\[calc\(100\%---spacing\(3\)\)\] { width: calc(100% - calc(var(--spacing) * 3)); } .w-\[calc\(100\%-1\.5rem\)\] { width: calc(100% - 1.5rem); } .w-\[calc\(100\%-2\*1rem\)\], .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-\[calc\(100\%-16px\)\]\! { width: calc(100% - 16px) !important; } .w-\[calc\(100\%-32px\)\]\! { width: calc(100% - 32px) !important; } .w-\[calc\(100\%-var\(--sidebar-width\)\)\] { width: calc(100% - var(--sidebar-width)); } .w-\[calc\(100\%_-_32px\)\] { width: calc(100% - 32px); } .w-\[calc\(100vw-2\.5rem\)\] { width: calc(100vw - 2.5rem); } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-\[calc\(100vw-var\(--builder-sidebar-width\)-48px\)\] { width: calc(100vw - var(--builder-sidebar-width) - 48px); } .w-\[calc\(var\(--pricing-table-padding-inline\)\+var\(--pricing-table-label-min-width\)\)\] { width: calc(var(--pricing-table-padding-inline) + var(--pricing-table-label-min-width)); } .w-\[fit-content\] { width: -webkit-fit-content; width: fit-content; } .w-\[max\(20cqw\,100px\)\] { width: max(20cqw, 100px); } .w-\[max\(95vw\,300px\)\] { width: max(95vw, 300px); } .w-\[max-content\] { width: -webkit-max-content; width: max-content; } .w-\[min\(45\%\,10rem\)\] { width: min(45%, 10rem); } .w-\[min\(70\%\,16rem\)\] { width: min(70%, 16rem); } .w-\[min\(80vw\,22em\)\] { width: min(80vw, 22em); } .w-\[min\(90vw\,40rem\)\] { width: min(90vw, 40rem); } .w-\[min\(90vw\,600px\)\] { width: min(90vw, 600px); } .w-\[min\(92vw\,520px\)\] { width: min(92vw, 520px); } .w-\[min\(92vw\,680px\)\] { width: min(92vw, 680px); } .w-\[min\(94vw\,1100px\)\] { width: min(94vw, 1100px); } .w-\[min\(100\%\,40rem\)\] { width: min(100%, 40rem); } .w-\[min\(100cqw\,800px\)\] { width: min(100cqw, 800px); } .w-\[min\(100vw\,980px\)\] { width: min(100vw, 980px); } .w-\[min\(320px\,95vw\)\] { width: min(320px, 95vw); } .w-\[min\(360px\,calc\(100vw-2rem\)\)\] { width: min(360px, 100vw - 2rem); } .w-\[min\(400px\,100dvw\)\] { width: min(400px, 100dvw); } .w-\[min\(420px\,65\%\)\] { width: min(420px, 65%); } .w-\[min\(420px\,95dvw\)\] { width: min(420px, 95dvw); } .w-\[min\(480px\,calc\(100vw-16px\)\)\] { width: min(480px, 100vw - 16px); } .w-\[min\(560px\,85\%\)\] { width: min(560px, 85%); } .w-\[min\(620px\,90\%\)\] { width: min(620px, 90%); } .w-\[min\(680px\,40\%\)\] { width: min(680px, 40%); } .w-\[min\(720px\,calc\(100vw-16px\)\)\] { width: min(720px, 100vw - 16px); } .w-\[min\(820px\,68\%\)\] { width: min(820px, 68%); } .w-\[min\(855px\,calc\(100vw-64px\)\)\]\! { width: min(855px, 100vw - 64px) !important; } .w-\[min\(1800px\,100cqw\)\] { width: min(1800px, 100cqw); } .w-\[var\(--places-business-list-width\)\] { width: var(--places-business-list-width); } .w-\[var\(--pricing-table-padding-inline\)\] { width: var(--pricing-table-padding-inline); } .w-\[var\(--radix-dropdown-menu-trigger-width\)\] { width: var(--radix-dropdown-menu-trigger-width); } .w-\[var\(--radix-popper-anchor-width\)\] { width: var(--radix-popper-anchor-width); } .w-\[var\(--radix-select-trigger-width\)\] { width: var(--radix-select-trigger-width); } .w-\[var\(--sidebar-width\)\] { width: var(--sidebar-width); } .w-\[var\(--user-chat-width\,70\%\)\] { width: var(--user-chat-width, 70%); } .w-auto { width: auto; } .w-auto\! { width: auto !important; } .w-dvw { width: 100dvw; } .w-fit { width: -webkit-fit-content; width: fit-content; } .w-fit\! { width: -webkit-fit-content !important; width: fit-content !important; } .w-full { width: 100%; } .w-full\! { width: 100% !important; } .w-lg { width: var(--container-lg); } .w-max { width: -webkit-max-content; width: max-content; } .w-md { width: var(--container-md); } .w-min { width: -webkit-min-content; width: min-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .w-sm { width: var(--container-sm); } .w-xl { width: var(--container-xl); } .\!max-w-\[180px\] { max-width: 180px !important; } .\!max-w-none { max-width: none !important; } .max-w-\(--breakpoint-2xl\) { max-width: var(--breakpoint-2xl); } .max-w-\(--breakpoint-md\) { max-width: var(--breakpoint-md); } .max-w-\(--builder-content-width\) { max-width: var(--builder-content-width); } .max-w-\(--sidebar-width\) { max-width: var(--sidebar-width); } .max-w-\(--thread-content-max-width\) { max-width: var(--thread-content-max-width); } .max-w-\(--user-chat-width\,70\%\) { max-width: var(--user-chat-width, 70%); } .max-w-0 { max-width: calc(var(--spacing) * 0); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-2xs { max-width: 240px; } .max-w-2xs\! { max-width: 240px !important; } .max-w-3xl { max-width: var(--container-3xl); } .max-w-3xl\! { max-width: var(--container-3xl) !important; } .max-w-3xs { max-width: 256px; } .max-w-4\/5 { max-width: 80%; } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-8xl { max-width: 1408px; } .max-w-9 { max-width: calc(var(--spacing) * 9); } .max-w-9xl { max-width: 1536px; } .max-w-16 { max-width: calc(var(--spacing) * 16); } .max-w-20 { max-width: calc(var(--spacing) * 20); } .max-w-24 { max-width: calc(var(--spacing) * 24); } .max-w-28 { max-width: calc(var(--spacing) * 28); } .max-w-32 { max-width: calc(var(--spacing) * 32); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-50 { max-width: calc(var(--spacing) * 50); } .max-w-52 { max-width: calc(var(--spacing) * 52); } .max-w-56 { max-width: calc(var(--spacing) * 56); } .max-w-60 { max-width: calc(var(--spacing) * 60); } .max-w-62 { max-width: calc(var(--spacing) * 62); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-66 { max-width: calc(var(--spacing) * 66); } .max-w-72 { max-width: calc(var(--spacing) * 72); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-92 { max-width: calc(var(--spacing) * 92); } .max-w-96 { max-width: calc(var(--spacing) * 96); } .max-w-100 { max-width: 25rem; } .max-w-112\.5 { max-width: calc(var(--spacing) * 112.5); } .max-w-124 { max-width: calc(var(--spacing) * 124); } .max-w-170 { max-width: calc(var(--spacing) * 170); } .max-w-194 { max-width: calc(var(--spacing) * 194); } .max-w-250 { max-width: calc(var(--spacing) * 250); } .max-w-\[7\.5rem\] { max-width: 7.5rem; } .max-w-\[7rem\] { max-width: 7rem; } .max-w-\[8rem\] { max-width: 8rem; } .max-w-\[10rem\] { max-width: 10rem; } .max-w-\[12ch\] { max-width: 12ch; } .max-w-\[12rem\] { max-width: 12rem; } .max-w-\[15ch\] { max-width: 15ch; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[20ch\] { max-width: 20ch; } .max-w-\[20rem\] { max-width: 20rem; } .max-w-\[22\%\] { max-width: 22%; } .max-w-\[22rem\] { max-width: 22rem; } .max-w-\[24rem\] { max-width: 24rem; } .max-w-\[28ch\] { max-width: 28ch; } .max-w-\[28rem\] { max-width: 28rem; } .max-w-\[30rem\] { max-width: 30rem; } .max-w-\[36rem\] { max-width: 36rem; } .max-w-\[40vw\] { max-width: 40vw; } .max-w-\[42ch\] { max-width: 42ch; } .max-w-\[48rem\] { max-width: 48rem; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[50vw\] { max-width: 50vw; } .max-w-\[58vw\] { max-width: 58vw; } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[70dvw\] { max-width: 70dvw; } .max-w-\[75\%\] { max-width: 75%; } .max-w-\[75dvw\] { max-width: 75dvw; } .max-w-\[75vw\] { max-width: 75vw; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[80vw\] { max-width: 80vw; } .max-w-\[80vw\]\! { max-width: 80vw !important; } .max-w-\[86\%\] { max-width: 86%; } .max-w-\[88px\] { max-width: 88px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[94rem\] { max-width: 94rem; } .max-w-\[95\%\] { max-width: 95%; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-\[96rem\] { max-width: 96rem; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[100vw\] { max-width: 100vw; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[130px\] { max-width: 130px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[210px\] { max-width: 210px; } .max-w-\[212px\] { max-width: 212px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[248px\] { max-width: 248px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[264px\] { max-width: 264px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[286px\] { max-width: 286px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[310px\] { max-width: 310px; } .max-w-\[318px\] { max-width: 318px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[330px\] { max-width: 330px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[373px\] { max-width: 373px; } .max-w-\[390px\] { max-width: 390px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[404px\] { max-width: 404px; } .max-w-\[412px\] { max-width: 412px; } .max-w-\[416px\] { max-width: 416px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[428px\] { max-width: 428px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[443px\] { max-width: 443px; } .max-w-\[448px\] { max-width: 448px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[465px\] { max-width: 465px; } .max-w-\[468px\] { max-width: 468px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[512px\] { max-width: 512px; } .max-w-\[515px\] { max-width: 515px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[524px\]\! { max-width: 524px !important; } .max-w-\[525px\] { max-width: 525px; } .max-w-\[536px\] { max-width: 536px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[540px\]\! { max-width: 540px !important; } .max-w-\[544px\] { max-width: 544px; } .max-w-\[548px\] { max-width: 548px; } .max-w-\[550px\] { max-width: 550px; } .max-w-\[550px\]\! { max-width: 550px !important; } .max-w-\[552px\] { max-width: 552px; } .max-w-\[555px\] { max-width: 555px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[596px\] { max-width: 596px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[640px\]\! { max-width: 640px !important; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[664px\] { max-width: 664px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[680px\]\! { max-width: 680px !important; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[728px\] { max-width: 728px; } .max-w-\[748px\] { max-width: 748px; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[768px\] { max-width: 768px; } .max-w-\[780px\] { max-width: 780px; } .max-w-\[780px\]\! { max-width: 780px !important; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[820px\] { max-width: 820px; } .max-w-\[840px\] { max-width: 840px; } .max-w-\[896px\] { max-width: 896px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[905px\] { max-width: 905px; } .max-w-\[920px\] { max-width: 920px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[980px\] { max-width: 980px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1024px\] { max-width: 1024px; } .max-w-\[1040px\] { max-width: 1040px; } .max-w-\[1060px\] { max-width: 1060px; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[1180px\] { max-width: 1180px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1236px\] { max-width: 1236px; } .max-w-\[1240px\] { max-width: 1240px; } .max-w-\[1248px\] { max-width: 1248px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[1300px\] { max-width: 1300px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[1800px\] { max-width: 1800px; } .max-w-\[1900px\] { max-width: 1900px; } .max-w-\[calc\(\(100cqw-var\(--true-content-width\)\)\/2\)\] { max-width: calc((100cqw - var(--true-content-width)) / 2); } .max-w-\[calc\(0\.8\*var\(--thread-content-max-width\,40rem\)\)\] { max-width: calc(0.8 * var(--thread-content-max-width, 40rem)); } .max-w-\[calc\(2\*var\(--thread-content-max-width\)\)\] { max-width: calc(2 * var(--thread-content-max-width)); } .max-w-\[calc\(100\%-1rem\)\] { max-width: calc(100% - 1rem); } .max-w-\[calc\(100\%-30px\)\] { max-width: calc(100% - 30px); } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[calc\(100vw-16px\)\] { max-width: calc(100vw - 16px); } .max-w-\[calc\(100vw-20px\)\] { max-width: calc(100vw - 20px); } .max-w-\[calc\(100vw-24px\)\] { max-width: calc(100vw - 24px); } .max-w-\[calc\(100vw-32px\)\] { max-width: calc(100vw - 32px); } .max-w-\[calc\(100vw-48px\)\] { max-width: calc(100vw - 48px); } .max-w-\[calc\(100vw-64px\)\]\! { max-width: calc(100vw - 64px) !important; } .max-w-\[calc\(var\(--breakpoint-xl\)\*6\/12\)\] { max-width: calc(var(--breakpoint-xl) * 6 / 12); } .max-w-\[calc\(var\(--breakpoint-xl\)\*8\/12\)\] { max-width: calc(var(--breakpoint-xl) * 8 / 12); } .max-w-\[calc\(var\(--breakpoint-xl\)\*10\/12\)\] { max-width: calc(var(--breakpoint-xl) * 10 / 12); } .max-w-\[min\(32rem\,calc\(100vw-2\.5rem\)\)\] { max-width: min(32rem, 100vw - 2.5rem); } .max-w-\[min\(70vw\,520px\)\] { max-width: min(70vw, 520px); } .max-w-\[min\(420px\,95dvw\)\] { max-width: min(420px, 95dvw); } .max-w-\[min\(480px\,95dvw\)\] { max-width: min(480px, 95dvw); } .max-w-\[min\(780px\,95dvw\)\] { max-width: min(780px, 95dvw); } .max-w-\[min\(792px\,95dvw\)\] { max-width: min(792px, 95dvw); } .max-w-\[min\(var\(--radix-popper-available-width\,100vw\)\,--spacing\(100\)\)\] { max-width: min(var(--radix-popper-available-width, 100vw), calc(var(--spacing) * 100)); } .max-w-\[unset\]\! { max-width: unset !important; } .max-w-\[var\(--radix-dropdown-menu-trigger-width\)\] { max-width: var(--radix-dropdown-menu-trigger-width); } .max-w-\[var\(--thread-content-max-width\,40rem\)\] { max-width: var(--thread-content-max-width, 40rem); } .max-w-\[var\(--user-chat-width\,70\%\)\] { max-width: var(--user-chat-width, 70%); } .max-w-app-content { max-width: min(100cqw, 800px); } .max-w-fit { max-width: -webkit-fit-content; max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-max { max-width: -webkit-max-content; max-width: max-content; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-none\! { max-width: none !important; } .max-w-prose { max-width: 65ch; } .max-w-screen { max-width: 100vw; } .max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .max-w-screen-lg { max-width: var(--breakpoint-lg); } .max-w-screen-md { max-width: var(--breakpoint-md); } .max-w-screen-xl { max-width: var(--breakpoint-xl); } .max-w-screen-xs { max-width: 480px; } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .\!min-w-\[72px\] { min-width: 72px !important; } .\!min-w-\[84px\] { min-width: 84px !important; } .min-w-\(--file-tile-width\) { min-width: var(--file-tile-width); } .min-w-\(--sidebar-width\) { min-width: var(--sidebar-width); } .min-w-\(--thread-content-width\) { min-width: var(--thread-content-width); } .min-w-\(--trigger-width\) { min-width: var(--trigger-width); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-2 { min-width: calc(var(--spacing) * 2); } .min-w-2xl { min-width: var(--container-2xl); } .min-w-3 { min-width: calc(var(--spacing) * 3); } .min-w-3xl { min-width: var(--container-3xl); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-4\/5 { min-width: 80%; } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-7 { min-width: calc(var(--spacing) * 7); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-8\! { min-width: calc(var(--spacing) * 8) !important; } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-11 { min-width: calc(var(--spacing) * 11); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-25 { min-width: calc(var(--spacing) * 25); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-30 { min-width: calc(var(--spacing) * 30); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-44 { min-width: calc(var(--spacing) * 44); } .min-w-45 { min-width: calc(var(--spacing) * 45); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-60 { min-width: calc(var(--spacing) * 60); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-66 { min-width: calc(var(--spacing) * 66); } .min-w-80 { min-width: calc(var(--spacing) * 80); } .min-w-96 { min-width: calc(var(--spacing) * 96); } .min-w-100 { min-width: 25rem; } .min-w-\[1\.5rem\] { min-width: 1.5rem; } .min-w-\[1em\] { min-width: 1em; } .min-w-\[2\.75rem\] { min-width: 2.75rem; } .min-w-\[2ch\] { min-width: 2ch; } .min-w-\[2em\] { min-width: 2em; } .min-w-\[4\.5rem\] { min-width: 4.5rem; } .min-w-\[4rem\] { min-width: 4rem; } .min-w-\[6rem\] { min-width: 6rem; } .min-w-\[7\.5rem\] { min-width: 7.5rem; } .min-w-\[9\.5rem\] { min-width: 9.5rem; } .min-w-\[11rem\] { min-width: 11rem; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[16rem\] { min-width: 16rem; } .min-w-\[25vw\] { min-width: 25vw; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[50\%\] { min-width: 50%; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[56px\] { min-width: 56px; } .min-w-\[56rem\] { min-width: 56rem; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[62px\] { min-width: 62px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[78px\] { min-width: 78px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[84px\] { min-width: 84px; } .min-w-\[88px\] { min-width: 88px; } .min-w-\[88px\]\! { min-width: 88px !important; } .min-w-\[92px\] { min-width: 92px; } .min-w-\[96px\] { min-width: 96px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[108px\] { min-width: 108px; } .min-w-\[110px\] { min-width: 110px; } .min-w-\[114px\] { min-width: 114px; } .min-w-\[116px\] { min-width: 116px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[136px\] { min-width: 136px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[155px\] { min-width: 155px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[165px\] { min-width: 165px; } .min-w-\[170px\] { min-width: 170px; } .min-w-\[174px\] { min-width: 174px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[190px\] { min-width: 190px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[210px\] { min-width: 210px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[224px\] { min-width: 224px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[284px\] { min-width: 284px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[300px\]\! { min-width: 300px !important; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[360px\] { min-width: 360px; } .min-w-\[400px\] { min-width: 400px; } .min-w-\[420px\] { min-width: 420px; } .min-w-\[520px\] { min-width: 520px; } .min-w-\[640px\] { min-width: 640px; } .min-w-\[680px\] { min-width: 680px; } .min-w-\[720px\] { min-width: 720px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[920px\] { min-width: 920px; } .min-w-\[calc\(100\%\/3\)\] { min-width: 33.3333%; } .min-w-\[calc\(var\(--sidebar-width\)-12px\)\] { min-width: calc(var(--sidebar-width) - 12px); } .min-w-\[calc\(var\(--sidebar-width\)-14px\)\] { min-width: calc(var(--sidebar-width) - 14px); } .min-w-\[max\(var\(--trigger-width\)\,min\(125px\,95vw\)\)\] { min-width: max(var(--trigger-width), min(125px, 95vw)); } .min-w-\[max\(var\(--trigger-width\)\,min\(200px\,95vw\)\)\] { min-width: max(var(--trigger-width), min(200px, 95vw)); } .min-w-\[max\(var\(--trigger-width\)\,min\(280px\,95vw\)\)\] { min-width: max(var(--trigger-width), min(280px, 95vw)); } .min-w-\[max\(var\(--trigger-width\)\,min\(350px\,95vw\)\)\] { min-width: max(var(--trigger-width), min(350px, 95vw)); } .min-w-\[min\(12rem\,100\%\)\] { min-width: min(12rem, 100%); } .min-w-\[min\(36rem\,calc\(0\.8\*var\(--thread-content-max-width\,40rem\)\)\)\] { min-width: min(36rem, calc(0.8 * var(--thread-content-max-width, 40rem))); } .min-w-\[min\(360px\,94\%\)\] { min-width: min(360px, 94%); } .min-w-\[min\(450px\,80cqw\,80vw\)\] { min-width: min(450px, 80cqw, 80vw); } .min-w-\[var\(--radix-dropdown-menu-trigger-width\)\] { min-width: var(--radix-dropdown-menu-trigger-width); } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-\[var\(--radix-select-trigger-width\)\]\! { min-width: var(--radix-select-trigger-width) !important; } .min-w-bloop { min-width: 227px; } .min-w-fit { min-width: -webkit-fit-content; min-width: fit-content; } .min-w-full { min-width: 100%; } .min-w-max { min-width: -webkit-max-content; min-width: max-content; } .min-w-min { min-width: -webkit-min-content; min-width: min-content; } .min-w-px { min-width: 1px; } .min-w-sm { min-width: var(--container-sm); } .min-w-xs { min-width: var(--container-xs); } .flex-\(--composer-container-flex\,1\) { flex: var(--composer-container-flex, 1); } .flex-0 { flex: 0; } .flex-1 { flex: 1; } .flex-\[0_0_100\%\] { flex: 0 0 100%; } .flex-\[0_1_140px\] { flex: 0 140px; } .flex-\[1_0_0\] { flex: 1 0 0; } .flex-\[2\] { flex: 2; } .flex-auto { flex: auto; } .flex-initial { flex: 0 auto; } .flex-none { flex: none; } .badge-base { border-radius: var(--radius-3xl); padding-inline: calc(var(--spacing) * 2); --tw-leading: 15px; --tw-font-weight: var(--font-weight-semibold); font-size: 10px; line-height: 15px; font-weight: var(--font-weight-semibold); text-transform: uppercase; flex-shrink: 0; padding-top: 1px; padding-bottom: 1px; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1, .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .shrink-1 { flex-shrink: 1; } .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1, .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-0 { flex-basis: calc(var(--spacing) * 0); } .basis-\[32px\] { flex-basis: 32px; } .basis-\[calc\(\(100\%-2rem\)\/2\)\] { flex-basis: calc(50% - 1rem); } .basis-\[calc\(\(100\%-2rem\)\/3\)\] { flex-basis: calc(33.3333% - 0.666667rem); } .basis-\[calc\(\(100\%-3rem\)\/3\.5\)\] { flex-basis: calc(28.5714% - 0.857143rem); } .basis-\[calc\(\(100\%-3rem\)\/4\)\] { flex-basis: calc(25% - 0.75rem); } .basis-\[calc\(\(100\%-4rem\)\/4\.5\)\] { flex-basis: calc(22.2222% - 0.888889rem); } .basis-\[calc\(\(100\%-4rem\)\/5\)\] { flex-basis: calc(20% - 0.8rem); } .basis-\[calc\(50\%-0\.375rem\)\] { flex-basis: calc(50% - 0.375rem); } .basis-auto { flex-basis: auto; } .basis-full { flex-basis: 100%; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .border-spacing-4 { --tw-border-spacing-x: calc(var(--spacing) * 4); --tw-border-spacing-y: calc(var(--spacing) * 4); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .border-spacing-y-2 { --tw-border-spacing-y: calc(var(--spacing) * 2); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .flip { transform-origin: 50%; --tw-scale-x: -1; scale: var(--tw-scale-x) var(--tw-scale-y); } .flip\! { transform-origin: 50% !important; --tw-scale-x: -1 !important; scale: var(--tw-scale-x) var(--tw-scale-y) !important; } .origin-\[14px_50\%\] { transform-origin: 14px; } .origin-\[50\%_50\%\] { transform-origin: 50%; } .origin-\[bottom_var\(--start\)\] { transform-origin: bottom var(--start); } .origin-bottom { transform-origin: bottom; } .origin-center { transform-origin: 50%; } .origin-right { transform-origin: 100%; } .origin-start { transform-origin: var(--start); } .origin-top-left { transform-origin: 0 0; } .translate-\[-50\%\] { --tw-translate-x: -50%; --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1 { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\.5 { --tw-translate-x: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/3 { --tw-translate-x: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-2 { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-3 { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-52 { --tw-translate-x: calc(var(--spacing) * -52); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-96 { --tw-translate-x: calc(var(--spacing) * -96); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[0\.16px\] { --tw-translate-x: calc(0.16px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[30\%\] { --tw-translate-x: calc(30% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[200vw\] { --tw-translate-x: calc(200vw * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-3 { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-52 { --tw-translate-x: calc(var(--spacing) * 52); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-96 { --tw-translate-x: calc(var(--spacing) * 96); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[1px\] { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[4\%\] { --tw-translate-x: 4%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[50\%\] { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(-50\%-125px\)\] { --tw-translate-x: calc(-50% - 125px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(-50\%-135px\)\] { --tw-translate-x: calc(-50% - 135px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/3 { --tw-translate-y: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-3 { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-9 { --tw-translate-y: calc(var(--spacing) * -9); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-12 { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[0\.1px\] { --tw-translate-y: calc(0.1px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[2\.5rem\] { --tw-translate-y: calc(2.5rem * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[6px\] { --tw-translate-y: calc(6px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[50\%\] { --tw-translate-y: calc(50% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[55\%\] { --tw-translate-y: calc(55% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[200\%\] { --tw-translate-y: calc(200% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[calc\(env\(safe-area-inset-bottom\,0px\)\/2\)\] { --tw-translate-y: calc(calc(env(safe-area-inset-bottom, 0px) / 2) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1 { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-10 { --tw-translate-y: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-85\%\] { --tw-translate-y: -85%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-100\%\] { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-135\%\] { --tw-translate-y: -135%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[0\.5px\] { --tw-translate-y: 0.5px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[1px\] { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[2\.5rem\] { --tw-translate-y: 2.5rem; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[2\.25px\] { --tw-translate-y: 2.25px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[2px\] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[4\%\] { --tw-translate-y: 4%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[4px\] { --tw-translate-y: 4px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[6px\] { --tw-translate-y: 6px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[20px\] { --tw-translate-y: 20px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[100\%\] { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%\+70px\)\] { --tw-translate-y: calc(-50% + 70px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%\+75px\)\] { --tw-translate-y: calc(-50% + 75px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%-50px\)\] { --tw-translate-y: calc(-50% - 50px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%-60px\)\] { --tw-translate-y: calc(-50% - 60px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-px { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-80 { --tw-scale-x: 80%; --tw-scale-y: 80%; --tw-scale-z: 80%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-scale-x-100 { --tw-scale-x: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-0 { --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-75 { --tw-scale-x: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-100 { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-\[0\.5\] { --tw-scale-x: 0.5; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[0\.9\] { scale: 0.9; } .scale-\[0\.85\] { scale: 0.85; } .scale-\[0\.92\] { scale: 0.92; } .scale-\[0\.98\] { scale: 0.98; } .scale-\[1\.01\] { scale: 1.01; } .-rotate-3 { rotate: -3deg; } .-rotate-4 { rotate: -4deg; } .-rotate-5 { rotate: -5deg; } .-rotate-13 { rotate: -13deg; } .-rotate-15 { rotate: -15deg; } .-rotate-90 { rotate: -90deg; } .-rotate-180 { rotate: -180deg; } .-rotate-\[1deg\] { rotate: -1deg; } .-rotate-\[2deg\] { rotate: -2deg; } .-rotate-\[4deg\] { rotate: -4deg; } .-rotate-\[5deg\] { rotate: -5deg; } .-rotate-\[6\.5deg\] { rotate: -6.5deg; } .-rotate-\[7deg\] { rotate: -7deg; } .-rotate-\[12deg\] { rotate: -12deg; } .rotate-0 { rotate: none; } .rotate-4 { rotate: 4deg; } .rotate-5 { rotate: 5deg; } .rotate-7 { rotate: 7deg; } .rotate-10 { rotate: 10deg; } .rotate-15 { rotate: 15deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-1deg\] { rotate: -1deg; } .rotate-\[-5deg\] { rotate: -5deg; } .rotate-\[-10deg\] { rotate: -10deg; } .rotate-\[-11\.67deg\] { rotate: -11.67deg; } .rotate-\[-90deg\] { rotate: -90deg; } .rotate-\[1deg\] { rotate: 1deg; } .rotate-\[3\.61deg\] { rotate: 3.61deg; } .rotate-\[3deg\] { rotate: 3deg; } .rotate-\[5deg\] { rotate: 5deg; } .rotate-\[9\.42deg\] { rotate: 9.42deg; } .rotate-\[9deg\] { rotate: 9deg; } .-skew-x-12 { --tw-skew-x: skewX(calc(12deg * -1)); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .\[transform\:translateZ\(0\)\] { transform: translateZ(0); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform\! { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important; } .transform-\[translate3d\(0\,0\,0\)\] { transform: translate(0); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .\[animation\:pulseSize_1\.25s_infinite_ease-in-out\] { animation: 1.25s ease-in-out infinite pulseSize; } .animate-\[hive-log-fadeout_0\.3s_1\.5s_forwards\] { animation: 0.3s 1.5s forwards hive-log-fadeout; } .animate-\[show_150ms_ease-in\] { animation: 0.15s ease-in show; } .animate-\[slide-in-left_0\.2s_forwards\] { animation: 0.2s forwards slide-in-left; } .animate-\[slide-in-right_0\.2s_forwards\] { animation: 0.2s forwards slide-in-right; } .animate-\[slide-out-left_0\.2s_forwards\] { animation: 0.2s forwards slide-out-left; } .animate-\[slide-out-right_0\.2s_forwards\] { animation: 0.2s forwards slide-out-right; } .animate-bounce { animation: var(--animate-bounce); } .animate-none { animation: none; } .animate-pulse { animation: var(--animate-pulse); } .animate-pulsing { animation: 2s ease-in-out infinite forwards pulsing; } .animate-show { animation: 0.1s cubic-bezier(0.16, 1, 0.3, 1) show; } .animate-slideLeftAndFade { animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) slideLeftAndFade; } .animate-spin { animation: var(--animate-spin); } .sdtrn-root { font-family: Segoe UI Variable Text, 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } .sdtrn-root .text-xs { font-family: Segoe UI Variable Small, 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; font-size: 12px; line-height: 16px; } .sdtrn-root .text-sm, .sdtrn-root .text-base, .sdtrn-root .text-body { font-family: Segoe UI Variable Text, 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; font-size: 14px; line-height: 20px; } .sdtrn-root .text-lg { font-family: Segoe UI Variable Text, 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } .sdtrn-root .text-xl, .sdtrn-root .text-2xl, .sdtrn-root .text-3xl { font-family: Segoe UI Variable Display, 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } .sdtrn-root .cursor-pointer { cursor: default; -webkit-user-select: none; user-select: none; } .cursor-auto { cursor: auto; } .cursor-col-resize { cursor: col-resize; } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-default\! { cursor: default !important; } .cursor-e-resize { cursor: e-resize; } .cursor-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-move { cursor: move; } .cursor-none { cursor: none; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .cursor-row-resize { cursor: row-resize; } .cursor-text { cursor: text; } .cursor-text\! { cursor: text !important; } .cursor-w-resize { cursor: w-resize; } .cursor-wait { cursor: wait; } .cursor-zoom-in { cursor: zoom-in; } .cursor-zoom-out { cursor: zoom-out; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-proximity { --tw-scroll-snap-strictness: proximity; } .snap-center { scroll-snap-align: center; } .snap-end { scroll-snap-align: end; } .snap-start { scroll-snap-align: start; } .\[scroll-snap-stop\:always\], .snap-always { scroll-snap-stop: always; } .scroll-m-4 { scroll-margin: calc(var(--spacing) * 4); } .scroll-m-5 { scroll-margin: calc(var(--spacing) * 5); } .scroll-m-mkt-header-height { scroll-margin: var(--mkt-header-height); } .scroll-mx-5 { scroll-margin-inline: calc(var(--spacing) * 5); } .scroll-mt-\(--header-height\) { scroll-margin-top: var(--header-height); } .scroll-mt-2 { scroll-margin-top: calc(var(--spacing) * 2); } .scroll-mt-6 { scroll-margin-top: calc(var(--spacing) * 6); } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scroll-mt-28 { scroll-margin-top: calc(var(--spacing) * 28); } .scroll-mt-\[calc\(var\(--header-height\)\+min\(200px\,max\(70px\,20svh\)\)\)\] { scroll-margin-top: calc(var(--header-height) + min(200px, max(70px, 20svh))); } .scroll-mt-mkt-header-height { scroll-margin-top: var(--mkt-header-height); } .scroll-mb-4 { scroll-margin-bottom: calc(var(--spacing) * 4); } .scroll-mb-25 { scroll-margin-bottom: calc(var(--spacing) * 25); } .scroll-ps-4 { scroll-padding-inline-start: calc(var(--spacing) * 4); } .scroll-ps-5 { scroll-padding-inline-start: calc(var(--spacing) * 5); } .scroll-pe-5 { scroll-padding-inline-end: calc(var(--spacing) * 5); } .scroll-pt-\(--header-height\) { scroll-padding-top: var(--header-height); } .scroll-pt-3 { scroll-padding-top: calc(var(--spacing) * 3); } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .form-textarea { -webkit-appearance: none; appearance: none; border-color: var(--gray-500); --tw-shadow: 0 0 transparent; background-color: #fff; border-width: 1px; border-radius: 0; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; } .form-textarea:focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty,); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--blue-600); --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); border-color: var(--blue-600); outline: 2px solid #0000; } .form-textarea::placeholder { color: var(--gray-500); opacity: 1; } .\[appearance\:none\] { -webkit-appearance: none; appearance: none; } .\[appearance\:textfield\] { -webkit-appearance: textfield; appearance: textfield; } .appearance-none { -webkit-appearance: none; appearance: none; } .columns-1 { columns: 1; } .columns-2 { columns: 2; } .break-inside-avoid { break-inside: avoid; } .auto-cols-\[50\%\] { grid-auto-columns: 50%; } .auto-cols-fr { grid-auto-columns: minmax(0, 1fr); } .grid-flow-col { grid-auto-flow: column; } .grid-flow-dense { grid-auto-flow: dense; } .grid-flow-row { grid-auto-flow: row; } .\[grid-auto-rows\:1fr\] { grid-auto-rows: 1fr; } .\[grid-auto-rows\:minmax\(min-content\,auto\)\] { grid-auto-rows: minmax(min-content, auto); } .auto-rows-fr { grid-auto-rows: minmax(0, 1fr); } .auto-rows-min { grid-auto-rows: min-content; } .\!grid-cols-\[0px_1fr_0px\] { grid-template-columns: 0 1fr 0 !important; } .\!grid-cols-\[28px_1fr_28px\] { grid-template-columns: 28px 1fr 28px !important; } .\[grid-template-columns\:minmax\(0\,1fr\)_max-content\] { grid-template-columns: minmax(0, 1fr) max-content; } .\[grid-template-columns\:var\(--paragen-cols\)\] { grid-template-columns: var(--paragen-cols); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[0px_1fr_0px\] { grid-template-columns: 0 1fr 0; } .grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-cols-\[1fr_max-content_1fr\] { grid-template-columns: 1fr max-content 1fr; } .grid-cols-\[1fr_min-content\] { grid-template-columns: 1fr min-content; } .grid-cols-\[4ch_1fr\] { grid-template-columns: 4ch 1fr; } .grid-cols-\[5fr_1fr\] { grid-template-columns: 5fr 1fr; } .grid-cols-\[7rem_minmax\(0\,1fr\)\] { grid-template-columns: 7rem minmax(0, 1fr); } .grid-cols-\[10px_1fr_10px\] { grid-template-columns: 10px 1fr 10px; } .grid-cols-\[20px_1fr\] { grid-template-columns: 20px 1fr; } .grid-cols-\[50\%_50\%\] { grid-template-columns: 50% 50%; } .grid-cols-\[76px_minmax\(0\,1fr\)_76px\] { grid-template-columns: 76px minmax(0, 1fr) 76px; } .grid-cols-\[80px_180px_1fr\] { grid-template-columns: 80px 180px 1fr; } .grid-cols-\[80px_180px_180px_1fr\] { grid-template-columns: 80px 180px 180px 1fr; } .grid-cols-\[80px_220px_1fr\] { grid-template-columns: 80px 220px 1fr; } .grid-cols-\[180px_1fr_32px\] { grid-template-columns: 180px 1fr 32px; } .grid-cols-\[180px_160px_220px_1fr\] { grid-template-columns: 180px 160px 220px 1fr; } .grid-cols-\[180px_180px_1fr\] { grid-template-columns: 180px 180px 1fr; } .grid-cols-\[200px_1fr_1fr\] { grid-template-columns: 200px 1fr 1fr; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .grid-cols-\[auto_2fr_3fr_1fr\] { grid-template-columns: auto 2fr 3fr 1fr; } .grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .grid-cols-\[auto_auto_1fr\] { grid-template-columns: auto auto 1fr; } .grid-cols-\[auto_auto_1fr_auto\] { grid-template-columns: auto auto 1fr auto; } .grid-cols-\[auto_auto_auto_1fr\] { grid-template-columns: auto auto auto 1fr; } .grid-cols-\[auto_auto_auto_1fr_auto\] { grid-template-columns: auto auto auto 1fr auto; } .grid-cols-\[auto_max-content\] { grid-template-columns: auto max-content; } .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0, 1fr); } .grid-cols-\[auto_minmax\(0\,1fr\)_72px_auto\] { grid-template-columns: auto minmax(0, 1fr) 72px auto; } .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0, 1fr) auto; } .grid-cols-\[max-content_minmax\(0\,1fr\)\] { grid-template-columns: max-content minmax(0, 1fr); } .grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr); } .grid-cols-\[minmax\(0\,1fr\)_5\.75rem\] { grid-template-columns: minmax(0, 1fr) 5.75rem; } .grid-cols-\[minmax\(0\,1fr\)_92px_auto\] { grid-template-columns: minmax(0, 1fr) 92px auto; } .grid-cols-\[minmax\(0\,1fr\)_120px\] { grid-template-columns: minmax(0, 1fr) 120px; } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: minmax(0, 1fr) auto auto; } .grid-cols-\[minmax\(0\,1fr\)_max-content\] { grid-template-columns: minmax(0, 1fr) max-content; } .grid-cols-\[minmax\(0\,1fr\)_max-content_max-content_max-content\] { grid-template-columns: minmax(0, 1fr) max-content max-content max-content; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_36px\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,96px\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 96px); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,112px\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 112px); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,160px\)_minmax\(0\,88px\)_64px\] { grid-template-columns: minmax(0, 1fr) minmax(0, 160px) minmax(0, 88px) 64px; } .grid-cols-\[minmax\(0\,124px\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 124px) minmax(0, 1fr) auto; } .grid-cols-\[minmax\(0\,160px\)_1fr\] { grid-template-columns: minmax(0, 160px) 1fr; } .grid-cols-\[minmax\(0\,184px\)_1fr\] { grid-template-columns: minmax(0, 184px) 1fr; } .grid-cols-\[minmax\(180px\,1\.2fr\)_minmax\(180px\,1fr\)_minmax\(180px\,1fr\)\] { grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) minmax(180px, 1fr); } .grid-cols-\[repeat\(2\,minmax\(0\,8\.5rem\)\)\] { grid-template-columns: repeat(2, minmax(0, 8.5rem)); } .grid-cols-\[repeat\(4\,max-content\)\] { grid-template-columns: repeat(4, max-content); } .grid-cols-\[repeat\(6\,36px\)\] { grid-template-columns: repeat(6, 36px); } .grid-cols-\[repeat\(auto-fit\,minmax\(100px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(120px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(150px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(180px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .grid-cols-subgrid { grid-template-columns: subgrid; } .\!grid-rows-\[28px_1fr\] { grid-template-rows: 28px 1fr !important; } .\!grid-rows-\[32px_minmax\(0\,1fr\)_0px\] { grid-template-rows: 32px minmax(0, 1fr) 0 !important; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[0px_auto_0px\] { grid-template-rows: 0 auto 0; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[1fr_0\] { grid-template-rows: 1fr 0; } .grid-rows-\[1fr_1fr\] { grid-template-rows: 1fr 1fr; } .grid-rows-\[1fr_auto\] { grid-template-rows: 1fr auto; } .grid-rows-\[1fr_auto_1fr\] { grid-template-rows: 1fr auto 1fr; } .grid-rows-\[1fr_min-content\]\! { grid-template-rows: 1fr min-content !important; } .grid-rows-\[1fr_minmax\(0\,180px\)\] { grid-template-rows: 1fr minmax(0, 180px); } .grid-rows-\[10px_auto_minmax\(10px\,1fr\)\] { grid-template-rows: 10px auto minmax(10px, 1fr); } .grid-rows-\[36px_auto_minmax\(36px\,1fr\)\] { grid-template-rows: 36px auto minmax(36px, 1fr); } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr; } .grid-rows-\[auto_1fr_24px\] { grid-template-rows: auto 1fr 24px; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .grid-rows-\[auto_auto_auto\] { grid-template-rows: auto auto auto; } .grid-rows-\[auto_min-content_min-content\] { grid-template-rows: auto min-content min-content; } .grid-rows-\[auto_minmax\(0\,1fr\)\] { grid-template-rows: auto minmax(0, 1fr); } .grid-rows-\[min-content_1fr_min-content\] { grid-template-rows: min-content 1fr min-content; } .grid-rows-\[min-content_min-content_1fr\] { grid-template-rows: min-content min-content 1fr; } .grid-rows-\[min-content_min-content_1fr_min-content\] { grid-template-rows: min-content min-content 1fr min-content; } .grid-rows-\[minmax\(0\,0fr\)\] { grid-template-rows: minmax(0, 0fr); } .grid-rows-\[minmax\(0\,1fr\)\] { grid-template-rows: minmax(0, 1fr); } .grid-rows-\[minmax\(0\,1fr\)_auto\] { grid-template-rows: minmax(0, 1fr) auto; } .grid-rows-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] { grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr); } .grid-rows-\[minmax\(0\,min-content\)_minmax\(0\,1fr\)_minmax\(0\,min-content\)\] { grid-template-rows: minmax(0, min-content) minmax(0, 1fr) minmax(0, min-content); } .grid-rows-\[minmax\(10px\,1fr\)_auto_10px\] { grid-template-rows: minmax(10px, 1fr) auto 10px; } .grid-rows-\[minmax\(10px\,1fr\)_auto_minmax\(10px\,1fr\)\] { grid-template-rows: minmax(10px, 1fr) auto minmax(10px, 1fr); } .grid-rows-\[minmax\(10px\,auto\)_minmax\(200px\,1fr\)_minmax\(0\,auto\)_minmax\(min-content\,86px\)_minmax\(10px\,auto\)\] { grid-template-rows: minmax(10px, auto) minmax(200px, 1fr) minmax(0, auto) minmax(min-content, 86px) minmax( 10px, auto ); } .grid-rows-\[var\(--header-height\)_minmax\(0\,1fr\)\] { grid-template-rows: var(--header-height) minmax(0, 1fr); } .grid-rows-subgrid { grid-template-rows: subgrid; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-content-center-safe { place-content: safe center; } .place-items-center { place-items: center; } .place-items-start { place-items: start; } .content-center { align-content: center; } .\!items-center { align-items: center !important; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-center\! { align-items: center !important; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-start\! { align-items: flex-start !important; } .items-stretch { align-items: stretch; } .\!justify-between { justify-content: space-between !important; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-between\! { justify-content: space-between !important; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-end\! { justify-content: flex-end !important; } .justify-evenly { justify-content: space-evenly; } .justify-start { justify-content: flex-start; } .justify-stretch { justify-content: stretch; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: end; } .justify-items-start { justify-items: start; } .gap-\(--image-page-spacing\) { gap: var(--image-page-spacing); } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\! { gap: calc(var(--spacing) * 0) !important; } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-0\.25 { gap: calc(var(--spacing) * 0.25); } .gap-0\.75 { gap: calc(var(--spacing) * 0.75); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\! { gap: calc(var(--spacing) * 1) !important; } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\! { gap: calc(var(--spacing) * 2) !important; } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-2\.5\! { gap: calc(var(--spacing) * 2.5) !important; } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\! { gap: calc(var(--spacing) * 3) !important; } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-9 { gap: calc(var(--spacing) * 9); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-20 { gap: calc(var(--spacing) * 20); } .gap-28 { gap: calc(var(--spacing) * 28); } .gap-\[0\.3em\] { gap: 0.3em; } .gap-\[2px\] { gap: 2px; } .gap-\[2rem\] { gap: 2rem; } .gap-\[3px\] { gap: 3px; } .gap-\[4px\] { gap: 4px; } .gap-\[5px\] { gap: 5px; } .gap-\[6px\] { gap: 6px; } .gap-\[9px\] { gap: 9px; } .gap-\[10px\] { gap: 10px; } .gap-\[12px\] { gap: 12px; } .gap-\[15px\] { gap: 15px; } .gap-\[16px\] { gap: 16px; } .gap-\[18px\] { gap: 18px; } .gap-\[22px\] { gap: 22px; } .gap-\[26px\] { gap: 26px; } .gap-\[28px\] { gap: 28px; } .gap-\[30px\] { gap: 30px; } .gap-\[32px\] { gap: 32px; } .gap-\[34px\] { gap: 34px; } .gap-\[42px\] { gap: 42px; } .gap-\[calc\(0\.3em\+4px\)\] { gap: calc(0.3em + 4px); } .gap-\[min\(10dvw\,_200px\)\] { gap: min(10dvw, 200px); } .gap-bar { gap: var(--bar-gap, 0.25rem); } .gap-px { gap: 1px; } .gap-snc-1 { gap: var(--snc-1); } .gap-snc-results-padding { gap: var(--snc-results-padding); } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[2px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(2px * var(--tw-space-y-reverse)); margin-bottom: calc(2px * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-reverse > :not(:last-child)) { --tw-space-y-reverse: 1; } .gap-x-0 { column-gap: calc(var(--spacing) * 0); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-9 { column-gap: calc(var(--spacing) * 9); } .gap-x-10 { column-gap: calc(var(--spacing) * 10); } .gap-x-12 { column-gap: calc(var(--spacing) * 12); } .gap-x-\[4rem\] { column-gap: 4rem; } .gap-x-\[var\(--input-tag-spacing\)\] { column-gap: var(--input-tag-spacing); } :where(.-space-x-1\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.-space-x-1\.5 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-1\.5 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.-space-x-2 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-2 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.space-x-1 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-1 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.space-x-2 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.space-x-3 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.space-x-4 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-12 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.space-x-12 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-12 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-14 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.space-x-14 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 14) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-14 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 14) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-7 { row-gap: calc(var(--spacing) * 7); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-11 { row-gap: calc(var(--spacing) * 11); } .gap-y-\[var\(--input-tag-spacing\)\] { row-gap: var(--input-tag-spacing); } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); } :where(.divide-x > :not(:last-child)):dir(ltr) { border-left-width: calc(1px * var(--tw-divide-x-reverse)); border-right-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-x > :not(:last-child)):dir(rtl) { border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-\[0\.5px\] > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0.5px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0.5px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-\[1px\] > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-black\/5 > :not(:last-child)) { border-color: #0000000d; border-color: lab(0% 0 0/0.05); } :where(.divide-black\/15 > :not(:last-child)) { border-color: #00000026; border-color: lab(0% 0 0/0.15); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--gray-200); } :where(.divide-token-bg-tertiary > :not(:last-child)) { border-color: var(--bg-tertiary); } :where(.divide-token-border-default > :not(:last-child)) { border-color: var(--border-default); } :where(.divide-token-border-light > :not(:last-child)), :where(.divide-token-border-light\/60 > :not(:last-child)) { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-token-border-light\/60 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border-light) 60%, transparent); } } :where(.divide-token-border-light\/80 > :not(:last-child)) { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-token-border-light\/80 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border-light) 80%, transparent); } } :where(.divide-white\/10 > :not(:last-child)) { border-color: #ffffff1a; border-color: lab(100% -0.0000298023 0.0000119209/.1); } .place-self-center { place-self: center; } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .justify-self-start { justify-self: flex-start; } .justify-self-start\! { justify-self: flex-start !important; } .justify-self-stretch { justify-self: stretch; } .\!truncate { text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden !important; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\!overflow-hidden { overflow: hidden !important; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-visible\! { overflow: visible !important; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-visible { overflow-x: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-y-clip { overflow-y: clip; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overflow-y-scroll\! { overflow-y: scroll !important; } .overflow-y-visible { overflow-y: visible; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-x-none { overscroll-behavior-x: none; } .overscroll-y-contain { overscroll-behavior-y: contain; } .scroll-smooth { scroll-behavior: smooth; } .\!rounded-full { border-radius: 3.40282e38px !important; } .\!rounded-none { border-radius: 0 !important; } .rounded { border-radius: 0.25rem; } .rounded-\(--sheet-radius\,var\(--sheet-radius-amount\)\) { border-radius: var(--sheet-radius, var(--sheet-radius-amount)); } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-2xl\! { border-radius: var(--radius-2xl) !important; } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-3xl\! { border-radius: var(--radius-3xl) !important; } .rounded-4xl { border-radius: var(--radius-4xl); } .rounded-4xl\! { border-radius: var(--radius-4xl) !important; } .rounded-\[0\.25em\] { border-radius: 0.25em; } .rounded-\[0\.25rem\] { border-radius: 0.25rem; } .rounded-\[1\.5rem\] { border-radius: 1.5rem; } .rounded-\[1\.25rem\] { border-radius: 1.25rem; } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4\.5px\] { border-radius: 4.5px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[4px\]\! { border-radius: 4px !important; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[6\.667px\] { border-radius: 6.667px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[7px\] { border-radius: 7px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[9px\] { border-radius: 9px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[16px_16px_0_0\] { border-radius: 16px 16px 0 0; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[18px\]\! { border-radius: 18px !important; } .rounded-\[19px\] { border-radius: 19px; } .rounded-\[20\.636px\] { border-radius: 20.636px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[20px\]\! { border-radius: 20px !important; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24\%\] { border-radius: 24%; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[24px\]\! { border-radius: 24px !important; } .rounded-\[25px\] { border-radius: 25px; } .rounded-\[26px\] { border-radius: 26px; } .rounded-\[27px\] { border-radius: 27px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[34px\] { border-radius: 34px; } .rounded-\[36px\] { border-radius: 36px; } .rounded-\[38px\] { border-radius: 38px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-\[64px\] { border-radius: 64px; } .rounded-\[100px\] { border-radius: 100px; } .rounded-\[999px\] { border-radius: 999px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 3.40282e38px; } .rounded-full\! { border-radius: 3.40282e38px !important; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-lg\! { border-radius: var(--radius-lg) !important; } .rounded-md { border-radius: var(--radius-md); } .rounded-md\! { border-radius: var(--radius-md) !important; } .rounded-none { border-radius: 0; } .rounded-none\! { border-radius: 0 !important; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-sm\! { border-radius: var(--radius-sm) !important; } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xl\! { border-radius: var(--radius-xl) !important; } .rounded-xs { border-radius: var(--radius-xs); } .rounded-s:dir(ltr) { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-s:dir(rtl) { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-s-2xl:dir(ltr) { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-s-2xl:dir(rtl) { border-top-right-radius: var(--radius-2xl); border-bottom-right-radius: var(--radius-2xl); } .rounded-s-full:dir(ltr) { border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; } .rounded-s-full:dir(rtl) { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .rounded-s-lg\!:dir(ltr) { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-s-lg\!:dir(rtl) { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-s-none:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-s-none:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-s-none\!:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-s-none\!:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-s-xl:dir(ltr) { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-s-xl:dir(rtl) { border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); } .rounded-ss-2xl:dir(ltr) { border-top-left-radius: var(--radius-2xl); } .rounded-ss-2xl:dir(rtl) { border-top-right-radius: var(--radius-2xl); } .rounded-ss-3xl:dir(ltr) { border-top-left-radius: var(--radius-3xl); } .rounded-ss-3xl:dir(rtl) { border-top-right-radius: var(--radius-3xl); } .rounded-ss-md:dir(ltr) { border-top-left-radius: var(--radius-md); } .rounded-ss-md:dir(rtl) { border-top-right-radius: var(--radius-md); } .rounded-ss-xl:dir(ltr) { border-top-left-radius: var(--radius-xl); } .rounded-ss-xl:dir(rtl) { border-top-right-radius: var(--radius-xl); } .rounded-e:dir(ltr) { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-e:dir(rtl) { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-e-full:dir(ltr) { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .rounded-e-full:dir(rtl) { border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; } .rounded-e-lg:dir(ltr) { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-e-lg:dir(rtl) { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-e-lg\!:dir(ltr) { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-e-lg\!:dir(rtl) { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-e-md:dir(ltr) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-e-md:dir(rtl) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-e-none:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-e-none:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-e-none\!:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-e-none\!:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-e-xl:dir(ltr) { border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); } .rounded-e-xl:dir(rtl) { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-se-2xl:dir(ltr) { border-top-right-radius: var(--radius-2xl); } .rounded-se-2xl:dir(rtl) { border-top-left-radius: var(--radius-2xl); } .rounded-se-3xl:dir(ltr) { border-top-right-radius: var(--radius-3xl); } .rounded-se-3xl:dir(rtl) { border-top-left-radius: var(--radius-3xl); } .rounded-se-full:dir(ltr) { border-top-right-radius: 3.40282e38px; } .rounded-se-full:dir(rtl) { border-top-left-radius: 3.40282e38px; } .rounded-se-lg:dir(ltr) { border-top-right-radius: var(--radius-lg); } .rounded-se-lg:dir(rtl) { border-top-left-radius: var(--radius-lg); } .rounded-se-md:dir(ltr) { border-top-right-radius: var(--radius-md); } .rounded-se-md:dir(rtl) { border-top-left-radius: var(--radius-md); } .rounded-se-xl:dir(ltr) { border-top-right-radius: var(--radius-xl); } .rounded-se-xl:dir(rtl) { border-top-left-radius: var(--radius-xl); } .rounded-ee-2xl:dir(ltr) { border-bottom-right-radius: var(--radius-2xl); } .rounded-ee-2xl:dir(rtl) { border-bottom-left-radius: var(--radius-2xl); } .rounded-ee-\[50\%\]:dir(ltr) { border-bottom-right-radius: 50%; } .rounded-ee-\[50\%\]:dir(rtl) { border-bottom-left-radius: 50%; } .rounded-ee-full:dir(ltr) { border-bottom-right-radius: 3.40282e38px; } .rounded-ee-full:dir(rtl) { border-bottom-left-radius: 3.40282e38px; } .rounded-ee-md:dir(ltr) { border-bottom-right-radius: var(--radius-md); } .rounded-ee-md:dir(rtl) { border-bottom-left-radius: var(--radius-md); } .rounded-ee-sm:dir(ltr) { border-bottom-right-radius: var(--radius-sm); } .rounded-ee-sm:dir(rtl) { border-bottom-left-radius: var(--radius-sm); } .rounded-ee-xl:dir(ltr) { border-bottom-right-radius: var(--radius-xl); } .rounded-ee-xl:dir(rtl) { border-bottom-left-radius: var(--radius-xl); } .rounded-es-2xl:dir(ltr) { border-bottom-left-radius: var(--radius-2xl); } .rounded-es-2xl:dir(rtl) { border-bottom-right-radius: var(--radius-2xl); } .rounded-es-\[50\%\]:dir(ltr) { border-bottom-left-radius: 50%; } .rounded-es-\[50\%\]:dir(rtl) { border-bottom-right-radius: 50%; } .rounded-es-md:dir(ltr) { border-bottom-left-radius: var(--radius-md); } .rounded-es-md:dir(rtl) { border-bottom-right-radius: var(--radius-md); } .rounded-es-xl:dir(ltr) { border-bottom-left-radius: var(--radius-xl); } .rounded-es-xl:dir(rtl) { border-bottom-right-radius: var(--radius-xl); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-\(--sheet-radius-amount\) { border-top-left-radius: var(--sheet-radius-amount); border-top-right-radius: var(--sheet-radius-amount); } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); } .rounded-t-\[4px\] { border-top-left-radius: 4px; border-top-right-radius: 4px; } .rounded-t-\[5px\] { border-top-left-radius: 5px; border-top-right-radius: 5px; } .rounded-t-\[16px\] { border-top-left-radius: 16px; border-top-right-radius: 16px; } .rounded-t-\[24px\] { border-top-left-radius: 24px; border-top-right-radius: 24px; } .rounded-t-\[28px\] { border-top-left-radius: 28px; border-top-right-radius: 28px; } .rounded-t-\[32px\] { border-top-left-radius: 32px; border-top-right-radius: 32px; } .rounded-t-\[36px\] { border-top-left-radius: 36px; border-top-right-radius: 36px; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-tl-\[13px\] { border-top-left-radius: 13px; } .rounded-r-full { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-tr-\[13px\] { border-top-right-radius: 13px; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-b-3xl { border-bottom-right-radius: var(--radius-3xl); border-bottom-left-radius: var(--radius-3xl); } .rounded-b-full { border-bottom-right-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-br-\[13px\] { border-bottom-right-radius: 13px; } .rounded-bl-\[13px\] { border-bottom-left-radius: 13px; } .btn-danger-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--red-600); background-color: var(--main-surface-primary); color: var(--red-600); } @media (hover: hover) { .btn-danger-outline:not(:disabled):not([data-disabled]):hover { background-color: var(--main-surface-secondary); } } .btn-secondary { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border-medium); background-color: var(--main-surface-primary); color: var(--text-primary); } @media (hover: hover) { .btn-secondary:not(:disabled):not([data-disabled]):hover { background-color: var(--main-surface-secondary); } } .border-thin { border-style: var(--tw-border-style); border-width: 1px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .border-thin { border-style: var(--tw-border-style); border-width: 0.5px; } } .\!border { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border\! { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[\.5px\], .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: 0.5px; } .border-\[0\.96px\] { border-style: var(--tw-border-style); border-width: 0.96px; } .border-\[1px\] { border-style: var(--tw-border-style); border-width: 1px; } .border-\[2\.5px\] { border-style: var(--tw-border-style); border-width: 2.5px; } .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; } .border-\[4px\] { border-style: var(--tw-border-style); border-width: 4px; } .border-x { border-inline-style: var(--tw-border-style); border-left-width: 1px; border-right-width: 1px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-left-width: 0; border-right-width: 0; } .\[border-inline-width\:1px\] { border-left-width: 1px; border-right-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-top-width: 1px; border-bottom-width: 1px; } .border-y-0 { border-block-style: var(--tw-border-style); border-top-width: 0; border-bottom-width: 0; } .border-s-thin:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-s-thin:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 1px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .border-s-thin:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 0.5px; } .border-s-thin:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 0.5px; } } .border-s:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-s:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-s-0:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 0; } .border-s-0:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-s-0\!:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 0; } .border-s-0\!:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-s-2:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-s-2:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-s-3:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-s-3:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 3px; } .border-s-4:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-s-4:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 4px; } .border-s-\[0\.5px\]:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 0.5px; } .border-s-\[0\.5px\]:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 0.5px; } .border-e:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-e:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-e-0:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-e-0:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 0; } .border-e-0\!:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-e-0\!:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 0; } .border-e-2:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-e-2:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-e-4:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 4px; } .border-e-4:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-e-\[1px\]:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-e-\[1px\]:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t\! { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-t-0\! { border-top-style: var(--tw-border-style) !important; border-top-width: 0 !important; } .border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-3 { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-t-\[0\.5px\] { border-top-style: var(--tw-border-style); border-top-width: 0.5px; } .border-t-\[1px\] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .sheet-border { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--border-light); } .border-b-thin { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .border-b-thin { border-bottom-style: var(--tw-border-style); border-bottom-width: 0.5px; } } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-\[0\.5px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 0.5px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\!border-none { --tw-border-style: none !important; border-style: none !important; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-double { --tw-border-style: double; border-style: double; } .border-none { --tw-border-style: none; border-style: none; } .border-none\! { --tw-border-style: none !important; border-style: none !important; } .border-solid { --tw-border-style: solid; border-style: solid; } .interactive-border-secondary { border-color: var(--interactive-border-default-secondary); } @media (hover: hover) { .interactive-border-secondary:hover { border-color: var(--interactive-border-hover-secondary); } } .interactive-border-secondary:focus-visible { border-color: var(--interactive-border-focus); } .interactive-border-secondary:disabled, .interactive-border-secondary:where([data-visually-disabled]) { border-color: var(--interactive-border-inactive-secondary); } .interactive-border-secondary:checked { border-color: var(--interactive-border-selected-secondary); } .interactive-border-secondary:active { border-color: var(--interactive-border-press-secondary); } .\!border-\[rgba\(13\,13\,13\,0\.15\)\] { border-color: #0d0d0d26 !important; } .\!border-gray-200 { border-color: var(--gray-200) !important; } .border-\(--bento-border-color\) { border-color: var(--bento-border-color); } .border-\[\#0D0D0D1A\] { border-color: #0d0d0d1a; } .border-\[\#0FA968\]\/30 { border-color: #0fa9684d; border-color: lab(61.1228% -49.5053 22.9273/0.3); } .border-\[\#0c8b6b\]\/40 { border-color: #0c8b6b66; border-color: lab(51.2463% -38.7928 7.89099/0.4); } .border-\[\#0c8b6b\]\/60 { border-color: #0c8b6b99; border-color: lab(51.2463% -38.7928 7.89099/0.6); } .border-\[\#007aff29\] { border-color: #007aff29; } .border-\[\#0285FF\] { border-color: #0285ff; } .border-\[\#0285FF\]\/30 { border-color: #0285ff4d; border-color: lab(54.959% 5.86918 -70.2582/0.3); } .border-\[\#5856D6\] { border-color: #5856d6; } .border-\[\#7496FD\] { border-color: #7496fd; } .border-\[\#AF52DE\] { border-color: #af52de; } .border-\[\#B3DBFF\] { border-color: #b3dbff; } .border-\[\#C5CEFF\] { border-color: #c5ceff; } .border-\[\#CFCEFC\] { border-color: #cfcefc; } .border-\[\#D0D5DD\]\! { border-color: #d0d5dd !important; } .border-\[\#D9D7F8\]\! { border-color: #d9d7f8 !important; } .border-\[\#E25507\] { border-color: #e25507; } .border-\[\#df1b41\] { border-color: #df1b41; } .border-\[\#e3e6e8\] { border-color: #e3e6e8; } .border-\[\#e7c85f\] { border-color: #e7c85f; } .border-\[\#f0d2a9\] { border-color: #f0d2a9; } .border-\[\#f4f4f4\] { border-color: #f4f4f4; } .border-\[\#f7f7f7\] { border-color: #f7f7f7; } .border-\[color-mix\(in_srgb\,var\(--border-default\)_78\%\,black\)\] { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .border-\[color-mix\(in_srgb\,var\(--border-default\)_78\%\,black\)\] { border-color: color-mix(in srgb, var(--border-default) 78%, black); } } .border-\[color\:var\(--border-light\,rgba\(0\,0\,0\,0\.10\)\)\] { border-color: var(--border-light, #0000001a); } .border-\[rgba\(0\,0\,0\,0\.10\)\] { border-color: #0000001a; } .border-\[rgba\(0\,0\,0\,0\.18\)\] { border-color: #0000002e; } .border-\[rgba\(13\,13\,13\,0\.05\)\] { border-color: #0d0d0d0d; } .border-\[rgba\(13\,163\,110\,0\.16\)\] { border-color: #0da36e29; } .border-\[rgba\(47\,124\,245\,0\.2\)\] { border-color: #2f7cf533; } .border-\[rgba\(97\,87\,255\,0\.25\)\] { border-color: #6157ff40; } .border-\[rgba\(185\,200\,246\,0\.6\)\] { border-color: #b9c8f699; } .border-\[var\(--border-default\)\] { border-color: var(--border-default); } .border-\[var\(--border-heavy\)\] { border-color: var(--border-heavy); } .border-\[var\(--border-light\)\] { border-color: var(--border-light); } .border-\[var\(--border-subtle\)\] { border-color: var(--border-subtle); } .border-\[var\(--theme-user-msg-text\)\] { border-color: var(--theme-user-msg-text); } .border-black { border-color: #000; } .border-black\! { border-color: #000 !important; } .border-black\/5 { border-color: #0000000d; border-color: lab(0% 0 0/0.05); } .border-black\/10 { border-color: #0000001a; border-color: lab(0% 0 0/0.1); } .border-black\/20 { border-color: #0003; border-color: lab(0% 0 0/0.2); } .border-black\/25 { border-color: #00000040; border-color: lab(0% 0 0/0.25); } .border-black\/\[0\.03\] { border-color: #00000008; border-color: lab(0% 0 0/0.03); } .border-black\/\[0\.12\] { border-color: #0000001f; border-color: lab(0% 0 0/0.12); } .border-black\/\[0\.075\] { border-color: #00000013; border-color: lab(0% 0 0/0.075); } .border-blue-100 { border-color: var(--blue-100); } .border-blue-200 { border-color: var(--blue-200); } .border-blue-300 { border-color: var(--blue-300); } .border-blue-400 { border-color: var(--blue-400); } .border-blue-400\! { border-color: var(--blue-400) !important; } .border-blue-400\/\[\.3\] { border-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/\[\.3\] { border-color: color-mix(in oklab, var(--blue-400) 30%, transparent); } } .border-blue-500, .border-blue-500\/20 { border-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/20 { border-color: color-mix(in oklab, var(--blue-500) 20%, transparent); } } .border-blue-500\/40 { border-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/40 { border-color: color-mix(in oklab, var(--blue-500) 40%, transparent); } } .border-blue-600 { border-color: var(--blue-600); } .border-brand-green-800 { border-color: #05a746; } .border-brand-purple { border-color: #ab68ff; } .border-current, .border-current\/30 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/30 { border-color: color-mix(in oklab, currentcolor 30%, transparent); } } .border-gray-100 { border-color: var(--gray-100); } .border-gray-200 { border-color: var(--gray-200); } .border-gray-300 { border-color: var(--gray-300); } .border-gray-400 { border-color: var(--gray-400); } .border-gray-500 { border-color: var(--gray-500); } .border-gray-700 { border-color: var(--gray-700); } .border-gray-800 { border-color: var(--gray-800); } .border-green-200 { border-color: var(--green-200); } .border-green-300\/70 { border-color: var(--green-300); } @supports (color: color-mix(in lab, red, red)) { .border-green-300\/70 { border-color: color-mix(in oklab, var(--green-300) 70%, transparent); } } .border-green-500, .border-green-500\/30 { border-color: var(--green-500); } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/30 { border-color: color-mix(in oklab, var(--green-500) 30%, transparent); } } .border-green-600 { border-color: var(--green-600); } .border-orange-50 { border-color: var(--orange-50); } .border-orange-400, .border-orange-400\/15 { border-color: var(--orange-400); } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/15 { border-color: color-mix(in oklab, var(--orange-400) 15%, transparent); } } .border-orange-500, .border-orange-500\/30 { border-color: var(--orange-500); } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/30 { border-color: color-mix(in oklab, var(--orange-500) 30%, transparent); } } .border-red-200 { border-color: var(--red-200); } .border-red-300, .border-red-300\/70 { border-color: var(--red-300); } @supports (color: color-mix(in lab, red, red)) { .border-red-300\/70 { border-color: color-mix(in oklab, var(--red-300) 70%, transparent); } } .border-red-400, .border-red-400\/40 { border-color: var(--red-400); } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/40 { border-color: color-mix(in oklab, var(--red-400) 40%, transparent); } } .border-red-500 { border-color: var(--red-500); } .border-red-500\! { border-color: var(--red-500) !important; } .border-red-500\/30 { border-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/30 { border-color: color-mix(in oklab, var(--red-500) 30%, transparent); } } .border-red-500\/40 { border-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/40 { border-color: color-mix(in oklab, var(--red-500) 40%, transparent); } } .border-red-500\/50 { border-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/50 { border-color: color-mix(in oklab, var(--red-500) 50%, transparent); } } .border-red-600 { border-color: var(--red-600); } .border-red-700 { border-color: var(--red-700); } .border-token-bg-primary { border-color: var(--bg-primary); } .border-token-bg-secondary { border-color: var(--bg-secondary); } .border-token-bg-tertiary { border-color: var(--bg-tertiary); } .border-token-border-default { border-color: var(--border-default); } .border-token-border-default\! { border-color: var(--border-default) !important; } .border-token-border-default\/40 { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-default\/40 { border-color: color-mix(in oklab, var(--border-default) 40%, transparent); } } .border-token-border-default\/60 { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-default\/60 { border-color: color-mix(in oklab, var(--border-default) 60%, transparent); } } .border-token-border-default\/70 { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-default\/70 { border-color: color-mix(in oklab, var(--border-default) 70%, transparent); } } .border-token-border-default\/80 { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-default\/80 { border-color: color-mix(in oklab, var(--border-default) 80%, transparent); } } .border-token-border-heavy { border-color: var(--border-heavy); } .border-token-border-heavy\! { border-color: var(--border-heavy) !important; } .border-token-border-light { border-color: var(--border-light); } .border-token-border-light\! { border-color: var(--border-light) !important; } .border-token-border-light\/30 { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-light\/30 { border-color: color-mix(in oklab, var(--border-light) 30%, transparent); } } .border-token-border-light\/40 { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-light\/40 { border-color: color-mix(in oklab, var(--border-light) 40%, transparent); } } .border-token-border-light\/60 { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-light\/60 { border-color: color-mix(in oklab, var(--border-light) 60%, transparent); } } .border-token-border-light\/70 { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-light\/70 { border-color: color-mix(in oklab, var(--border-light) 70%, transparent); } } .border-token-border-light\/80 { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .border-token-border-light\/80 { border-color: color-mix(in oklab, var(--border-light) 80%, transparent); } } .border-token-border-medium { border-color: var(--border-medium); } .border-token-border-medium\! { border-color: var(--border-medium) !important; } .border-token-border-sharp { border-color: var(--border-sharp); } .border-token-border-status-error { border-color: var(--border-status-error); } .border-token-border-status-warning { border-color: var(--border-status-warning); } .border-token-border-xheavy { border-color: var(--border-xheavy); } .border-token-border-xlight { border-color: var(--border-xlight); } .border-token-border-xlight\! { border-color: var(--border-xlight) !important; } .border-token-interactive-border-danger-secondary-default { border-color: var(--interactive-border-danger-secondary-default); } .border-token-interactive-border-secondary-default { border-color: var(--interactive-border-secondary-default); } .border-token-interactive-border-tertiary-default { border-color: var(--interactive-border-tertiary-default); } .border-token-interactive-label-danger-secondary-default { border-color: var(--interactive-label-danger-secondary-default); } .border-token-main-surface-primary { border-color: var(--main-surface-primary); } .border-token-main-surface-secondary { border-color: var(--main-surface-secondary); } .border-token-main-surface-tertiary { border-color: var(--main-surface-tertiary); } .border-token-surface-error\/5 { border-color: rgb(var(--surface-error) / 1); } @supports (color: color-mix(in lab, red, red)) { .border-token-surface-error\/5 { border-color: color-mix(in oklab, rgb(var(--surface-error) / 1) 5%, transparent); } } .border-token-surface-error\/15 { border-color: rgb(var(--surface-error) / 1); } @supports (color: color-mix(in lab, red, red)) { .border-token-surface-error\/15 { border-color: color-mix(in oklab, rgb(var(--surface-error) / 1) 15%, transparent); } } .border-token-text-accent { border-color: var(--text-accent); } .border-token-text-error { border-color: var(--text-error); } .border-token-text-primary { border-color: var(--text-primary); } .border-token-text-primary\! { border-color: var(--text-primary) !important; } .border-token-text-primary\/12 { border-color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .border-token-text-primary\/12 { border-color: color-mix(in oklab, var(--text-primary) 12%, transparent); } } .border-token-text-primary\/44 { border-color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .border-token-text-primary\/44 { border-color: color-mix(in oklab, var(--text-primary) 44%, transparent); } } .border-token-text-quaternary { border-color: var(--text-quaternary); } .border-token-text-secondary { border-color: var(--text-secondary); } .border-token-text-status-error { border-color: var(--text-status-error); } .border-token-text-tertiary { border-color: var(--text-tertiary); } .border-transparent { border-color: #0000; } .border-transparent\! { border-color: #0000 !important; } .border-white { border-color: #fff; } .border-white\! { border-color: #fff !important; } .border-white\/5 { border-color: #ffffff0d; border-color: lab(100% -0.0000298023 0.0000119209/.05); } .border-white\/10 { border-color: #ffffff1a; border-color: lab(100% -0.0000298023 0.0000119209/.1); } .border-white\/10\! { border-color: #ffffff1a !important; border-color: lab(100% -0.0000298023 0.0000119209/.1) !important; } .border-white\/15 { border-color: #ffffff26; border-color: lab(100% -0.0000298023 0.0000119209/.15); } .border-white\/20 { border-color: #fff3; border-color: lab(100% -0.0000298023 0.0000119209/.2); } .border-white\/25 { border-color: #ffffff40; border-color: lab(100% -0.0000298023 0.0000119209/.25); } .border-white\/30 { border-color: #ffffff4d; border-color: lab(100% -0.0000298023 0.0000119209/.3); } .border-white\/35 { border-color: #ffffff59; border-color: lab(100% -0.0000298023 0.0000119209/.35); } .border-white\/40 { border-color: #fff6; border-color: lab(100% -0.0000298023 0.0000119209/.4); } .border-white\/50 { border-color: #ffffff80; border-color: lab(100% -0.0000298023 0.0000119209/.5); } .border-white\/60 { border-color: #fff9; border-color: lab(100% -0.0000298023 0.0000119209/.6); } .border-white\/80 { border-color: #fffc; border-color: lab(100% -0.0000298023 0.0000119209/.8); } .border-yellow-200 { border-color: var(--yellow-200); } .border-yellow-300\/80 { border-color: var(--yellow-300); } @supports (color: color-mix(in lab, red, red)) { .border-yellow-300\/80 { border-color: color-mix(in oklab, var(--yellow-300) 80%, transparent); } } .border-yellow-500\/30 { border-color: var(--yellow-500); } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/30 { border-color: color-mix(in oklab, var(--yellow-500) 30%, transparent); } } .border-y-token-border-heavy { border-block-color: var(--border-heavy); } .border-s-token-border-sharp:dir(ltr) { border-left-color: var(--border-sharp); } .border-s-token-border-sharp:dir(rtl) { border-right-color: var(--border-sharp); } .border-s-token-sidebar-surface-secondary:dir(ltr) { border-left-color: var(--sidebar-surface-secondary); } .border-s-token-sidebar-surface-secondary:dir(rtl) { border-right-color: var(--sidebar-surface-secondary); } .border-s-transparent:dir(ltr) { border-left-color: #0000; } .border-s-transparent:dir(rtl) { border-right-color: #0000; } .border-e-transparent:dir(ltr) { border-right-color: #0000; } .border-e-transparent:dir(rtl) { border-left-color: #0000; } .border-t-black\/\[0\.075\] { border-top-color: #00000013; border-top-color: lab(0% 0 0/0.075); } .border-t-current { border-top-color: currentColor; } .border-t-token-border-default { border-top-color: var(--border-default); } .border-t-token-border-xlight { border-top-color: var(--border-xlight); } .border-t-token-text-primary { border-top-color: var(--text-primary); } .border-t-transparent { border-top-color: #0000; } .border-t-white { border-top-color: #fff; } .border-b-\[rgba\(0\,0\,0\,0\.10\)\] { border-bottom-color: #0000001a; } .border-b-black { border-bottom-color: #000; } .border-b-token-bg-secondary { border-bottom-color: var(--bg-secondary); } .border-b-token-border-default { border-bottom-color: var(--border-default); } .border-b-transparent { border-bottom-color: #0000; } .btn-primary { background-color: var(--gray-950); color: #fff; background-clip: padding-box; } .btn-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-50); color: var(--gray-950); } @media (hover: hover) { .btn-primary:not(:disabled):not([data-disabled]):hover { background-color: var(--gray-800); } .btn-primary:not(:disabled):not([data-disabled]):where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: var(--gray-100); } } .btn-primary[data-visually-disabled] { background-color: var(--gray-950); } @supports (color: color-mix(in lab, red, red)) { .btn-primary[data-visually-disabled] { background-color: color-mix(in oklab, var(--gray-950) 50%, transparent); } } .btn-primary[data-visually-disabled] { color: var(--text-inverted-static); } .btn-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *))[data-visually-disabled] { background-color: var(--gray-50); } @supports (color: color-mix(in lab, red, red)) { .btn-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *))[data-visually-disabled] { background-color: color-mix(in oklab, var(--gray-50) 50%, transparent); } } .btn-accent { background-color: var(--bg-accent-static); color: #fff; background-clip: padding-box; } @media (hover: hover) { .btn-accent:not(:disabled):not([data-disabled]):hover { background-color: var(--bg-accent-static); } @supports (color: color-mix(in lab, red, red)) { .btn-accent:not(:disabled):not([data-disabled]):hover { background-color: color-mix(in oklab, var(--bg-accent-static) 90%, transparent); } } } .btn-blue { color: #fff; background-color: #0066de; background-clip: padding-box; } @media (hover: hover) { .btn-blue:not(:disabled):not([data-disabled]):hover { background-color: var(--blue-700); } } .btn-custom { background-color: unset; color: unset; background-clip: padding-box; } @media (hover: hover) { .btn-custom:not(:disabled):not([data-disabled]):hover { background-color: unset; } } .btn-danger { background-color: var(--red-500); color: #fff; background-clip: padding-box; } @media (hover: hover) { .btn-danger:not(:disabled):not([data-disabled]):hover { background-color: var(--red-700); } } .btn-green { background-color: var(--green-600); color: #fff; background-clip: padding-box; } @media (hover: hover) { .btn-green:not(:disabled):not([data-disabled]):hover { background-color: var(--green-700); } } .btn-purple { color: #fff; background-color: #615eeb; background-clip: padding-box; } @media (hover: hover) { .btn-purple:not(:disabled):not([data-disabled]):hover { background-color: #6353c3; } } .btn-primary-inverse { background-color: var(--gray-50); color: var(--gray-950); } .btn-primary-inverse:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-950); color: #fff; } @media (hover: hover) { .btn-primary-inverse:not(:disabled):not([data-disabled]):hover { background-color: var(--gray-100); } .btn-primary-inverse:not(:disabled):not([data-disabled]):where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: var(--gray-800); } } .composer-secondary-button-color { background-color: var(--theme-secondary-btn-bg); color: var(--theme-secondary-btn-text); } .composer-submit-button-color { background-color: var(--theme-submit-btn-bg); color: var(--theme-submit-btn-text); } .user-message-bubble-color { background-color: var(--theme-user-msg-bg); color: var(--theme-user-msg-text); } .interactive-bg-accent { background-color: var(--interactive-bg-default-accent); } @media (hover: hover) { .interactive-bg-accent:hover { background-color: var(--interactive-bg-hover-accent); } } .interactive-bg-accent:focus-visible { background-color: var(--interactive-bg-hover-accent); } .interactive-bg-accent:disabled, .interactive-bg-accent:where([data-visually-disabled]) { background-color: var(--interactive-bg-inactive-accent); } .interactive-bg-accent:checked { background-color: var(--interactive-bg-selected-accent); } .interactive-bg-accent:active { background-color: var(--interactive-bg-press-accent); } .interactive-bg-danger-primary { background-color: var(--interactive-bg-default-danger-primary); } @media (hover: hover) { .interactive-bg-danger-primary:hover { background-color: var(--interactive-bg-hover-danger-primary); } } .interactive-bg-danger-primary:focus-visible { background-color: var(--interactive-bg-hover-danger-primary); } .interactive-bg-danger-primary:disabled, .interactive-bg-danger-primary:where([data-visually-disabled]) { background-color: var(--interactive-bg-inactive-danger-primary); } .interactive-bg-danger-primary:checked { background-color: var(--interactive-bg-selected-danger-primary); } .interactive-bg-danger-primary:active { background-color: var(--interactive-bg-press-danger-primary); } .interactive-bg-primary { background-color: var(--interactive-bg-default-primary); } @media (hover: hover) { .interactive-bg-primary:hover { background-color: var(--interactive-bg-hover-primary); } } .interactive-bg-primary:focus-visible { background-color: var(--interactive-bg-hover-primary); } .interactive-bg-primary:disabled, .interactive-bg-primary:where([data-visually-disabled]) { background-color: var(--interactive-bg-inactive-primary); } .interactive-bg-primary:checked { background-color: var(--interactive-bg-selected-primary); } .interactive-bg-primary:active { background-color: var(--interactive-bg-press-primary); } .interactive-bg-secondary { background-color: var(--interactive-bg-default-secondary); } @media (hover: hover) { .interactive-bg-secondary:hover { background-color: var(--interactive-bg-hover-secondary); } } .interactive-bg-secondary:focus-visible { background-color: var(--interactive-bg-hover-secondary); } .interactive-bg-secondary:disabled, .interactive-bg-secondary:where([data-visually-disabled]) { background-color: var(--interactive-bg-inactive-secondary); } .interactive-bg-secondary:checked { background-color: var(--interactive-bg-selected-secondary); } .interactive-bg-secondary:active { background-color: var(--interactive-bg-press-secondary); } @media (hover: hover) { .btn-ghost:not(:disabled):not([data-disabled]):hover { background-color: #0000000d; background-color: lab(0% 0 0/0.05); } .btn-ghost:not(:disabled):not([data-disabled]):where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } } .\!bg-\[\#0D0D0D\] { background-color: #0d0d0d !important; } .\!bg-\[\#F3F3F3\] { background-color: #f3f3f3 !important; } .\!bg-token-bg-primary { background-color: var(--bg-primary) !important; } .\!bg-token-bg-tertiary { background-color: var(--bg-tertiary) !important; } .\!bg-white { background-color: #fff !important; } .attribution-highlight-bg { background-color: var(--theme-attribution-highlight-bg); } .bg-\(--bg-quaternary\) { background-color: var(--bg-quaternary); } .bg-\(--sidebar-bg\,var\(--bg-elevated-secondary\)\) { background-color: var(--sidebar-bg, var(--bg-elevated-secondary)); } .bg-\(--sidebar-mask-bg\) { background-color: var(--sidebar-mask-bg); } .bg-\(--sidebar-mask-bg\,var\(--bg-elevated-secondary\)\) { background-color: var(--sidebar-mask-bg, var(--bg-elevated-secondary)); } .bg-\(--sidebar-moweb-bg\,var\(--sidebar-surface-primary\)\) { background-color: var(--sidebar-moweb-bg, var(--sidebar-surface-primary)); } .bg-\(--theme-submit-btn-bg\) { background-color: var(--theme-submit-btn-bg); } .bg-\(--theme-user-msg-text\)\/10 { background-color: var(--theme-user-msg-text); } @supports (color: color-mix(in lab, red, red)) { .bg-\(--theme-user-msg-text\)\/10 { background-color: color-mix(in oklab, var(--theme-user-msg-text) 10%, transparent); } } .bg-\[\#0D0D0D66\] { background-color: #0d0d0d66; } .bg-\[\#0FA968\]\/10 { background-color: #0fa9681a; background-color: lab(61.1228% -49.5052 22.9274/0.1); } .bg-\[\#0d0d0d\] { background-color: #0d0d0d; } .bg-\[\#0e1630\] { background-color: #0e1630; } .bg-\[\#0f0f0f\] { background-color: #0f0f0f; } .bg-\[\#0000000f\] { background-color: #0000000f; } .bg-\[\#3a3a3a\] { background-color: #3a3a3a; } .bg-\[\#04b84c\] { background-color: #04b84c; } .bg-\[\#5B8AF0\] { background-color: #5b8af0; } .bg-\[\#5B8DEF\] { background-color: #5b8def; } .bg-\[\#5f4f37\] { background-color: #5f4f37; } .bg-\[\#6B91F1\] { background-color: #6b91f1; } .bg-\[\#007afd0d\] { background-color: #007afd0d; } .bg-\[\#8C43A00D\] { background-color: #8c43a00d; } .bg-\[\#8E3CF320\] { background-color: #8e3cf320; } .bg-\[\#8F8F8F\] { background-color: #8f8f8f; } .bg-\[\#10A37F\], .bg-\[\#10a37f\] { background-color: #10a37f; } .bg-\[\#10a37f\]\/15 { background-color: #10a37f26; background-color: lab(59.5786% -43.3964 8.32964/0.15); } .bg-\[\#14A27F\] { background-color: #14a27f; } .bg-\[\#22c55e\] { background-color: #22c55e; } .bg-\[\#34A853\] { background-color: #34a853; } .bg-\[\#78C6F0\] { background-color: #78c6f0; } .bg-\[\#0088FF\] { background-color: #08f; } .bg-\[\#282C34\] { background-color: #282c34; } .bg-\[\#0285FF21\] { background-color: #0285ff21; } .bg-\[\#0285FF\] { background-color: #0285ff; } .bg-\[\#0285FF\]\/10 { background-color: #0285ff1a; background-color: lab(54.959% 5.86918 -70.2582/0.1); } .bg-\[\#4243DB\]\/40 { background-color: #4243db66; background-color: lab(36.9855% 38.5486 -79.2408/0.4); } .bg-\[\#4285F4\] { background-color: #4285f4; } .bg-\[\#5856D6\] { background-color: #5856d6; } .bg-\[\#5856D612\] { background-color: #5856d612; } .bg-\[\#7496FD\] { background-color: #7496fd; } .bg-\[\#7496FD\]\/20 { background-color: #7496fd33; background-color: lab(63.0977% 10.2599 -55.9278/0.2); } .bg-\[\#59636E20\] { background-color: #59636e20; } .bg-\[\#131314\] { background-color: #131314; } .bg-\[\#303030\] { background-color: #303030; } .bg-\[\#303030\]\! { background-color: #303030 !important; } .bg-\[\#AF52DE\] { background-color: #af52de; } .bg-\[\#C3DEC780\] { background-color: #c3dec780; } .bg-\[\#CEDFFE\] { background-color: #cedffe; } .bg-\[\#D6303D20\] { background-color: #d6303d20; } .bg-\[\#DCDBFF\] { background-color: #dcdbff; } .bg-\[\#DFEFFF\] { background-color: #dfefff; } .bg-\[\#E0FFE7\] { background-color: #e0ffe7; } .bg-\[\#E5F3FF\] { background-color: #e5f3ff; } .bg-\[\#E6F0FF\] { background-color: #e6f0ff; } .bg-\[\#E8EBFF\] { background-color: #e8ebff; } .bg-\[\#E8F6EC\] { background-color: #e8f6ec; } .bg-\[\#ECF0FF\] { background-color: #ecf0ff; } .bg-\[\#EDF7FF\] { background-color: #edf7ff; } .bg-\[\#F1F1F1\] { background-color: #f1f1f1; } .bg-\[\#F1F1FB\] { background-color: #f1f1fb; } .bg-\[\#F2FBF4\] { background-color: #f2fbf4; } .bg-\[\#F3F3F3\] { background-color: #f3f3f3; } .bg-\[\#F3F4F6\] { background-color: #f3f4f6; } .bg-\[\#F4F4F4\] { background-color: #f4f4f4; } .bg-\[\#F4F4F4\]\! { background-color: #f4f4f4 !important; } .bg-\[\#F5F4FF\]\! { background-color: #f5f4ff !important; } .bg-\[\#F5F5FF\] { background-color: #f5f5ff; } .bg-\[\#F7F7F7\] { background-color: #f7f7f7; } .bg-\[\#FB6A2229\] { background-color: #fb6a2229; } .bg-\[\#FCEBEC\] { background-color: #fcebec; } .bg-\[\#FCF2F3\] { background-color: #fcf2f3; } .bg-\[\#FCFCFC\] { background-color: #fcfcfc; } .bg-\[\#FF3B30\] { background-color: #ff3b30; } .bg-\[\#FF6E3D\] { background-color: #ff6e3d; } .bg-\[\#FF5488\] { background-color: #ff5488; } .bg-\[\#FFFFFF44\] { background-color: #fff4; } .bg-\[\#d9f4e4\] { background-color: #d9f4e4; } .bg-\[\#e2c541\] { background-color: #e2c541; } .bg-\[\#e8e8e8\] { background-color: #e8e8e8; } .bg-\[\#ebebf0\] { background-color: #ebebf0; } .bg-\[\#f2f4f8\] { background-color: #f2f4f8; } .bg-\[\#f4f4f4\] { background-color: #f4f4f4; } .bg-\[\#f5f5f5\] { background-color: #f5f5f5; } .bg-\[\#f5f5f7\] { background-color: #f5f5f7; } .bg-\[\#f6f6f6\]\/40 { background-color: #f6f6f666; background-color: lab(96.8849% 0 0/0.4); } .bg-\[\#f7f7f7\] { background-color: #f7f7f7; } .bg-\[\#f7f7f7\]\! { background-color: #f7f7f7 !important; } .bg-\[\#f8f8f8\] { background-color: #f8f8f8; } .bg-\[\#f8fafd\] { background-color: #f8fafd; } .bg-\[\#f87171\] { background-color: #f87171; } .bg-\[\#fae271\] { background-color: #fae271; } .bg-\[\#fff0f0\] { background-color: #fff0f0; } .bg-\[\#fff5f7\] { background-color: #fff5f7; } .bg-\[\#fff7e6\] { background-color: #fff7e6; } .bg-\[\#fff8eb\] { background-color: #fff8eb; } .bg-\[Highlight\] { background-color: highlight; } .bg-\[Highlight\]\! { background-color: highlight !important; } .bg-\[color-mix\(in_srgb\,\#000_42\%\,transparent\)\] { background-color: #0000006b; } .bg-\[color-mix\(in_srgb\,var\(--bg-primary\)_74\%\,black\)\] { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--bg-primary\)_74\%\,black\)\] { background-color: color-mix(in srgb, var(--bg-primary) 74%, black); } } .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_54\%\,transparent\)\] { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_54\%\,transparent\)\] { background-color: color-mix(in srgb, var(--main-surface-secondary) 54%, transparent); } } .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_84\%\,transparent\)\] { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_84\%\,transparent\)\] { background-color: color-mix(in srgb, var(--main-surface-secondary) 84%, transparent); } } .bg-\[rgb\(34_197_94_\/_1\)\] { background-color: #22c55e; } .bg-\[rgb\(239_68_68_\/_1\)\] { background-color: #ef4444; } .bg-\[rgb\(242_242_242\/0\.72\)\] { background-color: #f2f2f2b8; } .bg-\[rgba\(0\,0\,0\,0\.03\)\] { background-color: #00000008; } .bg-\[rgba\(0\,0\,0\,0\.04\)\] { background-color: #0000000a; } .bg-\[rgba\(0\,0\,0\,0\.05\)\] { background-color: #0000000d; } .bg-\[rgba\(0\,0\,0\,0\.5\)\] { background-color: #00000080; } .bg-\[rgba\(0\,0\,0\,0\.16\)\] { background-color: #00000029; } .bg-\[rgba\(0\,0\,0\,0\.024\)\] { background-color: #00000006; } .bg-\[rgba\(0\,0\,0\,0\.34\)\] { background-color: #00000057; } .bg-\[rgba\(13\,13\,13\,0\.90\)\]\! { background-color: #0d0d0de6 !important; } .bg-\[rgba\(13\,163\,110\,0\.08\)\] { background-color: #0da36e14; } .bg-\[rgba\(13\,163\,110\,0\.12\)\] { background-color: #0da36e1f; } .bg-\[rgba\(29\,155\,209\,0\.1\)\] { background-color: #1d9bd11a; } .bg-\[rgba\(47\,124\,245\,0\.08\)\] { background-color: #2f7cf514; } .bg-\[rgba\(88\,86\,214\,0\.15\)\]\! { background-color: #5856d626 !important; } .bg-\[rgba\(88\,86\,214\,0\.25\)\]\! { background-color: #5856d640 !important; } .bg-\[rgba\(97\,87\,255\,0\.05\)\] { background-color: #6157ff0d; } .bg-\[rgba\(122\,92\,255\,0\.04\)\] { background-color: #7a5cff0a; } .bg-\[rgba\(244\,240\,239\,0\.5\)\] { background-color: #f4f0ef80; } .bg-\[rgba\(245\,245\,245\,1\)\] { background-color: #f5f5f5; } .bg-\[rgba\(249\,249\,249\,1\)\] { background-color: #f9f9f9; } .bg-\[rgba\(255\,214\,10\,0\.1\)\] { background-color: #ffd60a1a; } .bg-\[rgba\(255\,255\,255\,0\.3\)\] { background-color: #ffffff4d; } .bg-\[var\(--bg-quaternary\)\] { background-color: var(--bg-quaternary); } .bg-\[var\(--bg-secondary\)\] { background-color: var(--bg-secondary); } .bg-\[var\(--bg-tertiary\)\] { background-color: var(--bg-tertiary); } .bg-\[var\(--bg-tertiary\,\#F3F3F3\)\] { background-color: var(--bg-tertiary, #f3f3f3); } .bg-\[var\(--border-heavy\)\] { background-color: var(--border-heavy); } .bg-\[var\(--canvas-bg\,var\(--bg-primary\)\)\] { background-color: var(--canvas-bg, var(--bg-primary)); } .bg-\[var\(--constant-background\)\] { background-color: var(--constant-background); } .bg-\[var\(--gray-950\)\] { background-color: var(--gray-950); } .bg-\[var\(--green-25\)\] { background-color: var(--green-25); } .bg-\[var\(--main-surface-primary\)\] { background-color: var(--main-surface-primary); } .bg-\[var\(--prompt-icon-bg\)\] { background-color: var(--prompt-icon-bg); } .bg-\[var\(--right-bg\)\] { background-color: var(--right-bg); } .bg-\[var\(--scrollbar-color\)\] { background-color: var(--scrollbar-color); } .bg-\[var\(--theme-user-msg-bg\)\] { background-color: var(--theme-user-msg-bg); } .bg-black { background-color: #000; } .bg-black\! { background-color: #000 !important; } .bg-black\/3 { background-color: #00000008; background-color: lab(0% 0 0/0.03); } .bg-black\/5 { background-color: #0000000d; background-color: lab(0% 0 0/0.05); } .bg-black\/5\! { background-color: #0000000d !important; background-color: lab(0% 0 0/0.05) !important; } .bg-black\/7 { background-color: #00000012; background-color: lab(0% 0 0/0.07); } .bg-black\/8 { background-color: #00000014; background-color: lab(0% 0 0/0.08); } .bg-black\/10 { background-color: #0000001a; background-color: lab(0% 0 0/0.1); } .bg-black\/15 { background-color: #00000026; background-color: lab(0% 0 0/0.15); } .bg-black\/20 { background-color: #0003; background-color: lab(0% 0 0/0.2); } .bg-black\/25 { background-color: #00000040; background-color: lab(0% 0 0/0.25); } .bg-black\/30 { background-color: #0000004d; background-color: lab(0% 0 0/0.3); } .bg-black\/35 { background-color: #00000059; background-color: lab(0% 0 0/0.35); } .bg-black\/40 { background-color: #0006; background-color: lab(0% 0 0/0.4); } .bg-black\/45 { background-color: #00000073; background-color: lab(0% 0 0/0.45); } .bg-black\/50 { background-color: #00000080; background-color: lab(0% 0 0/0.5); } .bg-black\/60 { background-color: #0009; background-color: lab(0% 0 0/0.6); } .bg-black\/70 { background-color: #000000b3; background-color: lab(0% 0 0/0.7); } .bg-black\/75 { background-color: #000000bf; background-color: lab(0% 0 0/0.75); } .bg-black\/80 { background-color: #000c; background-color: lab(0% 0 0/0.8); } .bg-black\/90 { background-color: #000000e6; background-color: lab(0% 0 0/0.9); } .bg-black\/95 { background-color: #000000f2; background-color: lab(0% 0 0/0.95); } .bg-black\/\[0\.075\] { background-color: #00000013; background-color: lab(0% 0 0/0.075); } .bg-blue-25 { background-color: var(--blue-25); } .bg-blue-50 { background-color: var(--blue-50); } .bg-blue-75 { background-color: var(--blue-75); } .bg-blue-100, .bg-blue-100\/45 { background-color: var(--blue-100); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-100\/45 { background-color: color-mix(in oklab, var(--blue-100) 45%, transparent); } } .bg-blue-100\/50 { background-color: var(--blue-100); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-100\/50 { background-color: color-mix(in oklab, var(--blue-100) 50%, transparent); } } .bg-blue-200 { background-color: var(--blue-200); } .bg-blue-300 { background-color: var(--blue-300); } .bg-blue-400, .bg-blue-400\/10 { background-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/10 { background-color: color-mix(in oklab, var(--blue-400) 10%, transparent); } } .bg-blue-400\/10\! { background-color: var(--blue-400) !important; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/10\! { background-color: color-mix(in oklab, var(--blue-400) 10%, transparent) !important; } } .bg-blue-400\/15 { background-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/15 { background-color: color-mix(in oklab, var(--blue-400) 15%, transparent); } } .bg-blue-400\/\[\.08\] { background-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/\[\.08\] { background-color: color-mix(in oklab, var(--blue-400) 8%, transparent); } } .bg-blue-400\/\[0\.1\] { background-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/\[0\.1\] { background-color: color-mix(in oklab, var(--blue-400) 10%, transparent); } } .bg-blue-500, .bg-blue-500\/10 { background-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--blue-500) 10%, transparent); } } .bg-blue-500\/15 { background-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/15 { background-color: color-mix(in oklab, var(--blue-500) 15%, transparent); } } .bg-blue-500\/30 { background-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/30 { background-color: color-mix(in oklab, var(--blue-500) 30%, transparent); } } .bg-blue-600 { background-color: var(--blue-600); } .bg-blue-700 { background-color: var(--blue-700); } .bg-blue-800 { background-color: var(--blue-800); } .bg-blue-900 { background-color: var(--blue-900); } .bg-blue-950 { background-color: var(--blue-950); } .bg-blue-1000 { background-color: var(--blue-1000); } .bg-blue-a25 { background-color: var(--blue-a25); } .bg-blue-a50 { background-color: var(--blue-a50); } .bg-blue-a75 { background-color: var(--blue-a75); } .bg-blue-a100 { background-color: var(--blue-a100); } .bg-blue-a200 { background-color: var(--blue-a200); } .bg-blue-a300 { background-color: var(--blue-a300); } .bg-brand-blue-800 { background-color: #0066de; } .bg-brand-blue-800\/20 { background-color: #0066de33; background-color: lab(44.1658% 12.9254 -69.32/0.2); } .bg-brand-green { background-color: #19c37d; } .bg-brand-purple { background-color: #ab68ff; } .bg-brand-purple-600 { background-color: #715fde; } .bg-brand-purple-800 { background-color: #5400de; } .bg-current, .bg-current\/20 { background-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .bg-current\/20 { background-color: color-mix(in oklab, currentcolor 20%, transparent); } } .bg-gray-50, .bg-gray-50\/50 { background-color: var(--gray-50); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/50 { background-color: color-mix(in oklab, var(--gray-50) 50%, transparent); } } .bg-gray-50\/75 { background-color: var(--gray-50); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/75 { background-color: color-mix(in oklab, var(--gray-50) 75%, transparent); } } .bg-gray-100, .bg-gray-100\/50 { background-color: var(--gray-100); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-100\/50 { background-color: color-mix(in oklab, var(--gray-100) 50%, transparent); } } .bg-gray-200 { background-color: var(--gray-200); } .bg-gray-200\! { background-color: var(--gray-200) !important; } .bg-gray-300 { background-color: var(--gray-300); } .bg-gray-300\! { background-color: var(--gray-300) !important; } .bg-gray-300\/60 { background-color: var(--gray-300); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-300\/60 { background-color: color-mix(in oklab, var(--gray-300) 60%, transparent); } } .bg-gray-400 { background-color: var(--gray-400); } .bg-gray-500, .bg-gray-500\/15 { background-color: var(--gray-500); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/15 { background-color: color-mix(in oklab, var(--gray-500) 15%, transparent); } } .bg-gray-500\/20 { background-color: var(--gray-500); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/20 { background-color: color-mix(in oklab, var(--gray-500) 20%, transparent); } } .bg-gray-500\/30 { background-color: var(--gray-500); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/30 { background-color: color-mix(in oklab, var(--gray-500) 30%, transparent); } } .bg-gray-600 { background-color: var(--gray-600); } .bg-gray-700 { background-color: var(--gray-700); } .bg-gray-800, .bg-gray-800\/60 { background-color: var(--gray-800); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-800\/60 { background-color: color-mix(in oklab, var(--gray-800) 60%, transparent); } } .bg-gray-900, .bg-gray-900\/20 { background-color: var(--gray-900); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/20 { background-color: color-mix(in oklab, var(--gray-900) 20%, transparent); } } .bg-gray-900\/70 { background-color: var(--gray-900); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/70 { background-color: color-mix(in oklab, var(--gray-900) 70%, transparent); } } .bg-gray-950, .bg-gray-950\/5 { background-color: var(--gray-950); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-950\/5 { background-color: color-mix(in oklab, var(--gray-950) 5%, transparent); } } .bg-gray-solid-0 { background-color: #fff; } .bg-gray-solid-25 { background-color: #fcfcfc; } .bg-gray-solid-50 { background-color: #f9f9f9; } .bg-gray-solid-75 { background-color: #f3f3f3; } .bg-gray-solid-75\! { background-color: #f3f3f3 !important; } .bg-gray-solid-100 { background-color: #e8e8e8; } .bg-gray-solid-150 { background-color: #dfdfdf; } .bg-gray-solid-200 { background-color: #cdcdcd; } .bg-gray-solid-250 { background-color: #b9b9b9; } .bg-gray-solid-300 { background-color: #afafaf; } .bg-gray-solid-350 { background-color: #9f9f9f; } .bg-gray-solid-400 { background-color: #8f8f8f; } .bg-gray-solid-450 { background-color: #767676; } .bg-gray-solid-500 { background-color: #5d5d5d; } .bg-gray-solid-550 { background-color: #4f4f4f; } .bg-gray-solid-600 { background-color: #414141; } .bg-gray-solid-650 { background-color: #393939; } .bg-gray-solid-700 { background-color: #303030; } .bg-gray-solid-750 { background-color: #282828; } .bg-gray-solid-800 { background-color: #212121; } .bg-gray-solid-850 { background-color: #1c1c1c; } .bg-gray-solid-900 { background-color: #181818; } .bg-gray-solid-925 { background-color: #161616; } .bg-gray-solid-950 { background-color: #131313; } .bg-gray-solid-975 { background-color: #101010; } .bg-gray-solid-1000 { background-color: #0d0d0d; } .bg-gray-solid-1000\/10 { background-color: #0d0d0d1a; background-color: lab(3.63549% -0.00000745058 0.00000298023/.1); } .bg-green-25 { background-color: var(--green-25); } .bg-green-50, .bg-green-50\/60 { background-color: var(--green-50); } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/60 { background-color: color-mix(in oklab, var(--green-50) 60%, transparent); } } .bg-green-75 { background-color: var(--green-75); } .bg-green-100 { background-color: var(--green-100); } .bg-green-100\! { background-color: var(--green-100) !important; } .bg-green-100\/80 { background-color: var(--green-100); } @supports (color: color-mix(in lab, red, red)) { .bg-green-100\/80 { background-color: color-mix(in oklab, var(--green-100) 80%, transparent); } } .bg-green-200 { background-color: var(--green-200); } .bg-green-300 { background-color: var(--green-300); } .bg-green-400 { background-color: var(--green-400); } .bg-green-400\! { background-color: var(--green-400) !important; } .bg-green-500, .bg-green-500\/10 { background-color: var(--green-500); } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/10 { background-color: color-mix(in oklab, var(--green-500) 10%, transparent); } } .bg-green-500\/15 { background-color: var(--green-500); } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/15 { background-color: color-mix(in oklab, var(--green-500) 15%, transparent); } } .bg-green-500\/20 { background-color: var(--green-500); } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/20 { background-color: color-mix(in oklab, var(--green-500) 20%, transparent); } } .bg-green-500\/30 { background-color: var(--green-500); } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/30 { background-color: color-mix(in oklab, var(--green-500) 30%, transparent); } } .bg-green-600, .bg-green-600\/10 { background-color: var(--green-600); } @supports (color: color-mix(in lab, red, red)) { .bg-green-600\/10 { background-color: color-mix(in oklab, var(--green-600) 10%, transparent); } } .bg-green-600\/30 { background-color: var(--green-600); } @supports (color: color-mix(in lab, red, red)) { .bg-green-600\/30 { background-color: color-mix(in oklab, var(--green-600) 30%, transparent); } } .bg-green-700, .bg-green-700\/15 { background-color: var(--green-700); } @supports (color: color-mix(in lab, red, red)) { .bg-green-700\/15 { background-color: color-mix(in oklab, var(--green-700) 15%, transparent); } } .bg-green-800 { background-color: var(--green-800); } .bg-green-900 { background-color: var(--green-900); } .bg-green-950 { background-color: var(--green-950); } .bg-green-1000 { background-color: var(--green-1000); } .bg-green-a25 { background-color: var(--green-a25); } .bg-green-a50 { background-color: var(--green-a50); } .bg-green-a75 { background-color: var(--green-a75); } .bg-green-a100 { background-color: var(--green-a100); } .bg-green-a200 { background-color: var(--green-a200); } .bg-green-a300 { background-color: var(--green-a300); } .bg-inherit { background-color: inherit; } .bg-orange-25 { background-color: var(--orange-25); } .bg-orange-50 { background-color: var(--orange-50); } .bg-orange-75 { background-color: var(--orange-75); } .bg-orange-100 { background-color: var(--orange-100); } .bg-orange-200 { background-color: var(--orange-200); } .bg-orange-300 { background-color: var(--orange-300); } .bg-orange-400, .bg-orange-400\/5 { background-color: var(--orange-400); } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/5 { background-color: color-mix(in oklab, var(--orange-400) 5%, transparent); } } .bg-orange-400\/10 { background-color: var(--orange-400); } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/10 { background-color: color-mix(in oklab, var(--orange-400) 10%, transparent); } } .bg-orange-500, .bg-orange-500\/10 { background-color: var(--orange-500); } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/10 { background-color: color-mix(in oklab, var(--orange-500) 10%, transparent); } } .bg-orange-600, .bg-orange-600\/10 { background-color: var(--orange-600); } @supports (color: color-mix(in lab, red, red)) { .bg-orange-600\/10 { background-color: color-mix(in oklab, var(--orange-600) 10%, transparent); } } .bg-orange-700 { background-color: var(--orange-700); } .bg-orange-800 { background-color: var(--orange-800); } .bg-orange-900 { background-color: var(--orange-900); } .bg-orange-950 { background-color: var(--orange-950); } .bg-orange-1000 { background-color: var(--orange-1000); } .bg-orange-a25 { background-color: var(--orange-a25); } .bg-orange-a50 { background-color: var(--orange-a50); } .bg-orange-a75 { background-color: var(--orange-a75); } .bg-orange-a100 { background-color: var(--orange-a100); } .bg-orange-a200 { background-color: var(--orange-a200); } .bg-orange-a300 { background-color: var(--orange-a300); } .bg-pink-25 { background-color: var(--pink-25); } .bg-pink-50 { background-color: var(--pink-50); } .bg-pink-75 { background-color: var(--pink-75); } .bg-pink-100 { background-color: var(--pink-100); } .bg-pink-200 { background-color: var(--pink-200); } .bg-pink-300 { background-color: var(--pink-300); } .bg-pink-400 { background-color: var(--pink-400); } .bg-pink-500 { background-color: var(--pink-500); } .bg-pink-600 { background-color: var(--pink-600); } .bg-pink-700 { background-color: var(--pink-700); } .bg-pink-800 { background-color: var(--pink-800); } .bg-pink-900 { background-color: var(--pink-900); } .bg-pink-950 { background-color: var(--pink-950); } .bg-pink-1000 { background-color: var(--pink-1000); } .bg-pink-a25 { background-color: var(--pink-a25); } .bg-pink-a50 { background-color: var(--pink-a50); } .bg-pink-a75 { background-color: var(--pink-a75); } .bg-pink-a100 { background-color: var(--pink-a100); } .bg-pink-a200 { background-color: var(--pink-a200); } .bg-pink-a300 { background-color: var(--pink-a300); } .bg-purple-25 { background-color: var(--purple-25); } .bg-purple-50 { background-color: var(--purple-50); } .bg-purple-75 { background-color: var(--purple-75); } .bg-purple-100 { background-color: var(--purple-100); } .bg-purple-200 { background-color: var(--purple-200); } .bg-purple-300 { background-color: var(--purple-300); } .bg-purple-400, .bg-purple-400\/10 { background-color: var(--purple-400); } @supports (color: color-mix(in lab, red, red)) { .bg-purple-400\/10 { background-color: color-mix(in oklab, var(--purple-400) 10%, transparent); } } .bg-purple-400\/15 { background-color: var(--purple-400); } @supports (color: color-mix(in lab, red, red)) { .bg-purple-400\/15 { background-color: color-mix(in oklab, var(--purple-400) 15%, transparent); } } .bg-purple-500 { background-color: var(--purple-500); } .bg-purple-600 { background-color: var(--purple-600); } .bg-purple-700 { background-color: var(--purple-700); } .bg-purple-800 { background-color: var(--purple-800); } .bg-purple-900 { background-color: var(--purple-900); } .bg-purple-950 { background-color: var(--purple-950); } .bg-purple-1000 { background-color: var(--purple-1000); } .bg-purple-a25 { background-color: var(--purple-a25); } .bg-purple-a50 { background-color: var(--purple-a50); } .bg-purple-a75 { background-color: var(--purple-a75); } .bg-purple-a100 { background-color: var(--purple-a100); } .bg-purple-a200 { background-color: var(--purple-a200); } .bg-purple-a300 { background-color: var(--purple-a300); } .bg-red-25 { background-color: var(--red-25); } .bg-red-50, .bg-red-50\/60 { background-color: var(--red-50); } @supports (color: color-mix(in lab, red, red)) { .bg-red-50\/60 { background-color: color-mix(in oklab, var(--red-50) 60%, transparent); } } .bg-red-75 { background-color: var(--red-75); } .bg-red-100 { background-color: var(--red-100); } .bg-red-100\! { background-color: var(--red-100) !important; } .bg-red-100\/80 { background-color: var(--red-100); } @supports (color: color-mix(in lab, red, red)) { .bg-red-100\/80 { background-color: color-mix(in oklab, var(--red-100) 80%, transparent); } } .bg-red-200, .bg-red-200\/70 { background-color: var(--red-200); } @supports (color: color-mix(in lab, red, red)) { .bg-red-200\/70 { background-color: color-mix(in oklab, var(--red-200) 70%, transparent); } } .bg-red-300 { background-color: var(--red-300); } .bg-red-400 { background-color: var(--red-400); } .bg-red-400\! { background-color: var(--red-400) !important; } .bg-red-500, .bg-red-500\/5 { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/5 { background-color: color-mix(in oklab, var(--red-500) 5%, transparent); } } .bg-red-500\/10 { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/10 { background-color: color-mix(in oklab, var(--red-500) 10%, transparent); } } .bg-red-500\/15 { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/15 { background-color: color-mix(in oklab, var(--red-500) 15%, transparent); } } .bg-red-500\/20 { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/20 { background-color: color-mix(in oklab, var(--red-500) 20%, transparent); } } .bg-red-500\/30 { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/30 { background-color: color-mix(in oklab, var(--red-500) 30%, transparent); } } .bg-red-600 { background-color: var(--red-600); } .bg-red-700, .bg-red-700\/15 { background-color: var(--red-700); } @supports (color: color-mix(in lab, red, red)) { .bg-red-700\/15 { background-color: color-mix(in oklab, var(--red-700) 15%, transparent); } } .bg-red-800 { background-color: var(--red-800); } .bg-red-900, .bg-red-900\/20 { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/20 { background-color: color-mix(in oklab, var(--red-900) 20%, transparent); } } .bg-red-900\/40 { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/40 { background-color: color-mix(in oklab, var(--red-900) 40%, transparent); } } .bg-red-950 { background-color: var(--red-950); } .bg-red-1000 { background-color: var(--red-1000); } .bg-red-a25 { background-color: var(--red-a25); } .bg-red-a50 { background-color: var(--red-a50); } .bg-red-a75 { background-color: var(--red-a75); } .bg-red-a100 { background-color: var(--red-a100); } .bg-red-a200 { background-color: var(--red-a200); } .bg-red-a300 { background-color: var(--red-a300); } .bg-token-bg-accent-static { background-color: var(--bg-accent-static); } .bg-token-bg-elevated-primary { background-color: var(--bg-elevated-primary); } .bg-token-bg-elevated-secondary { background-color: var(--bg-elevated-secondary); } .bg-token-bg-elevated-secondary\! { background-color: var(--bg-elevated-secondary) !important; } .bg-token-bg-elevated-secondary\/50 { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-elevated-secondary\/50 { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 50%, transparent); } } .bg-token-bg-elevated-secondary\/60 { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-elevated-secondary\/60 { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 60%, transparent); } } .bg-token-bg-elevated-secondary\/90 { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-elevated-secondary\/90 { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 90%, transparent); } } .bg-token-bg-primary { background-color: var(--bg-primary); } .bg-token-bg-primary\! { background-color: var(--bg-primary) !important; } .bg-token-bg-primary-inverted { background-color: var(--bg-primary-inverted); } .bg-token-bg-primary\/0 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/0 { background-color: color-mix(in oklab, var(--bg-primary) 0%, transparent); } } .bg-token-bg-primary\/10 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/10 { background-color: color-mix(in oklab, var(--bg-primary) 10%, transparent); } } .bg-token-bg-primary\/40\! { background-color: var(--bg-primary) !important; } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/40\! { background-color: color-mix(in oklab, var(--bg-primary) 40%, transparent) !important; } } .bg-token-bg-primary\/50 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/50 { background-color: color-mix(in oklab, var(--bg-primary) 50%, transparent); } } .bg-token-bg-primary\/52 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/52 { background-color: color-mix(in oklab, var(--bg-primary) 52%, transparent); } } .bg-token-bg-primary\/55 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/55 { background-color: color-mix(in oklab, var(--bg-primary) 55%, transparent); } } .bg-token-bg-primary\/60 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/60 { background-color: color-mix(in oklab, var(--bg-primary) 60%, transparent); } } .bg-token-bg-primary\/70 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/70 { background-color: color-mix(in oklab, var(--bg-primary) 70%, transparent); } } .bg-token-bg-primary\/80 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/80 { background-color: color-mix(in oklab, var(--bg-primary) 80%, transparent); } } .bg-token-bg-primary\/85 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/85 { background-color: color-mix(in oklab, var(--bg-primary) 85%, transparent); } } .bg-token-bg-primary\/90 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/90 { background-color: color-mix(in oklab, var(--bg-primary) 90%, transparent); } } .bg-token-bg-primary\/95 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/95 { background-color: color-mix(in oklab, var(--bg-primary) 95%, transparent); } } .bg-token-bg-primary\/98 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-primary\/98 { background-color: color-mix(in oklab, var(--bg-primary) 98%, transparent); } } .bg-token-bg-scrim { background-color: var(--bg-scrim); } .bg-token-bg-secondary { background-color: var(--bg-secondary); } .bg-token-bg-secondary\! { background-color: var(--bg-secondary) !important; } .bg-token-bg-secondary\/10 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/10 { background-color: color-mix(in oklab, var(--bg-secondary) 10%, transparent); } } .bg-token-bg-secondary\/20 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/20 { background-color: color-mix(in oklab, var(--bg-secondary) 20%, transparent); } } .bg-token-bg-secondary\/30 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/30 { background-color: color-mix(in oklab, var(--bg-secondary) 30%, transparent); } } .bg-token-bg-secondary\/40 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/40 { background-color: color-mix(in oklab, var(--bg-secondary) 40%, transparent); } } .bg-token-bg-secondary\/50 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/50 { background-color: color-mix(in oklab, var(--bg-secondary) 50%, transparent); } } .bg-token-bg-secondary\/60 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/60 { background-color: color-mix(in oklab, var(--bg-secondary) 60%, transparent); } } .bg-token-bg-secondary\/70 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/70 { background-color: color-mix(in oklab, var(--bg-secondary) 70%, transparent); } } .bg-token-bg-secondary\/75 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/75 { background-color: color-mix(in oklab, var(--bg-secondary) 75%, transparent); } } .bg-token-bg-secondary\/80 { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-secondary\/80 { background-color: color-mix(in oklab, var(--bg-secondary) 80%, transparent); } } .bg-token-bg-status-error, .bg-token-bg-status-error\/10 { background-color: var(--bg-status-error); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-status-error\/10 { background-color: color-mix(in oklab, var(--bg-status-error) 10%, transparent); } } .bg-token-bg-status-warning { background-color: var(--bg-status-warning); } .bg-token-bg-tertiary { background-color: var(--bg-tertiary); } .bg-token-bg-tertiary\! { background-color: var(--bg-tertiary) !important; } .bg-token-bg-tertiary\/20 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/20 { background-color: color-mix(in oklab, var(--bg-tertiary) 20%, transparent); } } .bg-token-bg-tertiary\/40 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/40 { background-color: color-mix(in oklab, var(--bg-tertiary) 40%, transparent); } } .bg-token-bg-tertiary\/50 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/50 { background-color: color-mix(in oklab, var(--bg-tertiary) 50%, transparent); } } .bg-token-bg-tertiary\/60 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/60 { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .bg-token-bg-tertiary\/70 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/70 { background-color: color-mix(in oklab, var(--bg-tertiary) 70%, transparent); } } .bg-token-bg-tertiary\/75 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/75 { background-color: color-mix(in oklab, var(--bg-tertiary) 75%, transparent); } } .bg-token-bg-tertiary\/80 { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-bg-tertiary\/80 { background-color: color-mix(in oklab, var(--bg-tertiary) 80%, transparent); } } .bg-token-border-default { background-color: var(--border-default); } .bg-token-border-heavy { background-color: var(--border-heavy); } .bg-token-border-light, .bg-token-border-light\/40 { background-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .bg-token-border-light\/40 { background-color: color-mix(in oklab, var(--border-light) 40%, transparent); } } .bg-token-border-medium { background-color: var(--border-medium); } .bg-token-border-sharp { background-color: var(--border-sharp); } .bg-token-border-status-error { background-color: var(--border-status-error); } .bg-token-border-status-warning { background-color: var(--border-status-warning); } .bg-token-border-xlight { background-color: var(--border-xlight); } .bg-token-composer-blue-bg { background-color: var(--composer-blue-bg); } .bg-token-composer-surface { background-color: var(--composer-surface); } .bg-token-hint-bg { background-color: var(--hint-bg); } .bg-token-icon-accent, .bg-token-icon-accent\/50 { background-color: var(--icon-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-token-icon-accent\/50 { background-color: color-mix(in oklab, var(--icon-accent) 50%, transparent); } } .bg-token-icon-inverted { background-color: var(--icon-inverted); } .bg-token-icon-inverted-static { background-color: var(--icon-inverted-static); } .bg-token-icon-primary { background-color: var(--icon-primary); } .bg-token-icon-secondary { background-color: var(--icon-secondary); } .bg-token-icon-status-error { background-color: var(--icon-status-error); } .bg-token-icon-status-warning { background-color: var(--icon-status-warning); } .bg-token-icon-tertiary { background-color: var(--icon-tertiary); } .bg-token-interactive-bg-accent-default { background-color: var(--interactive-bg-accent-default); } .bg-token-interactive-bg-accent-hover { background-color: var(--interactive-bg-accent-hover); } .bg-token-interactive-bg-accent-inactive { background-color: var(--interactive-bg-accent-inactive); } .bg-token-interactive-bg-accent-muted-context, .bg-token-interactive-bg-accent-muted-context\/50 { background-color: var(--interactive-bg-accent-muted-context); } @supports (color: color-mix(in lab, red, red)) { .bg-token-interactive-bg-accent-muted-context\/50 { background-color: color-mix(in oklab, var(--interactive-bg-accent-muted-context) 50%, transparent); } } .bg-token-interactive-bg-accent-muted-hover { background-color: var(--interactive-bg-accent-muted-hover); } .bg-token-interactive-bg-accent-muted-press { background-color: var(--interactive-bg-accent-muted-press); } .bg-token-interactive-bg-accent-press { background-color: var(--interactive-bg-accent-press); } .bg-token-interactive-bg-danger-primary-default { background-color: var(--interactive-bg-danger-primary-default); } .bg-token-interactive-bg-danger-primary-hover { background-color: var(--interactive-bg-danger-primary-hover); } .bg-token-interactive-bg-danger-primary-inactive { background-color: var(--interactive-bg-danger-primary-inactive); } .bg-token-interactive-bg-danger-primary-press { background-color: var(--interactive-bg-danger-primary-press); } .bg-token-interactive-bg-danger-secondary-default { background-color: var(--interactive-bg-danger-secondary-default); } .bg-token-interactive-bg-danger-secondary-hover { background-color: var(--interactive-bg-danger-secondary-hover); } .bg-token-interactive-bg-danger-secondary-inactive { background-color: var(--interactive-bg-danger-secondary-inactive); } .bg-token-interactive-bg-danger-secondary-press { background-color: var(--interactive-bg-danger-secondary-press); } .bg-token-interactive-bg-primary-default { background-color: var(--interactive-bg-primary-default); } .bg-token-interactive-bg-primary-hover { background-color: var(--interactive-bg-primary-hover); } .bg-token-interactive-bg-primary-inactive { background-color: var(--interactive-bg-primary-inactive); } .bg-token-interactive-bg-primary-press { background-color: var(--interactive-bg-primary-press); } .bg-token-interactive-bg-primary-selected { background-color: var(--interactive-bg-primary-selected); } .bg-token-interactive-bg-secondary-default { background-color: var(--interactive-bg-secondary-default); } .bg-token-interactive-bg-secondary-hover { background-color: var(--interactive-bg-secondary-hover); } .bg-token-interactive-bg-secondary-inactive { background-color: var(--interactive-bg-secondary-inactive); } .bg-token-interactive-bg-secondary-press { background-color: var(--interactive-bg-secondary-press); } .bg-token-interactive-bg-secondary-selected { background-color: var(--interactive-bg-secondary-selected); } .bg-token-interactive-bg-tertiary-default { background-color: var(--interactive-bg-tertiary-default); } .bg-token-interactive-bg-tertiary-hover { background-color: var(--interactive-bg-tertiary-hover); } .bg-token-interactive-bg-tertiary-inactive { background-color: var(--interactive-bg-tertiary-inactive); } .bg-token-interactive-bg-tertiary-press { background-color: var(--interactive-bg-tertiary-press); } .bg-token-interactive-bg-tertiary-selected { background-color: var(--interactive-bg-tertiary-selected); } .bg-token-interactive-border-danger-secondary-default { background-color: var(--interactive-border-danger-secondary-default); } .bg-token-interactive-border-danger-secondary-hover { background-color: var(--interactive-border-danger-secondary-hover); } .bg-token-interactive-border-danger-secondary-inactive { background-color: var(--interactive-border-danger-secondary-inactive); } .bg-token-interactive-border-danger-secondary-press { background-color: var(--interactive-border-danger-secondary-press); } .bg-token-interactive-border-focus { background-color: var(--interactive-border-focus); } .bg-token-interactive-border-secondary-default { background-color: var(--interactive-border-secondary-default); } .bg-token-interactive-border-secondary-hover { background-color: var(--interactive-border-secondary-hover); } .bg-token-interactive-border-secondary-inactive { background-color: var(--interactive-border-secondary-inactive); } .bg-token-interactive-border-secondary-press { background-color: var(--interactive-border-secondary-press); } .bg-token-interactive-border-tertiary-default { background-color: var(--interactive-border-tertiary-default); } .bg-token-interactive-border-tertiary-hover { background-color: var(--interactive-border-tertiary-hover); } .bg-token-interactive-border-tertiary-inactive { background-color: var(--interactive-border-tertiary-inactive); } .bg-token-interactive-border-tertiary-press { background-color: var(--interactive-border-tertiary-press); } .bg-token-interactive-icon-accent-default { background-color: var(--interactive-icon-accent-default); } .bg-token-interactive-icon-accent-hover { background-color: var(--interactive-icon-accent-hover); } .bg-token-interactive-icon-accent-inactive { background-color: var(--interactive-icon-accent-inactive); } .bg-token-interactive-icon-accent-press { background-color: var(--interactive-icon-accent-press); } .bg-token-interactive-icon-accent-selected { background-color: var(--interactive-icon-accent-selected); } .bg-token-interactive-icon-danger-primary-default { background-color: var(--interactive-icon-danger-primary-default); } .bg-token-interactive-icon-danger-primary-hover { background-color: var(--interactive-icon-danger-primary-hover); } .bg-token-interactive-icon-danger-primary-inactive { background-color: var(--interactive-icon-danger-primary-inactive); } .bg-token-interactive-icon-danger-primary-press { background-color: var(--interactive-icon-danger-primary-press); } .bg-token-interactive-icon-danger-secondary-default { background-color: var(--interactive-icon-danger-secondary-default); } .bg-token-interactive-icon-danger-secondary-hover { background-color: var(--interactive-icon-danger-secondary-hover); } .bg-token-interactive-icon-danger-secondary-inactive { background-color: var(--interactive-icon-danger-secondary-inactive); } .bg-token-interactive-icon-danger-secondary-press { background-color: var(--interactive-icon-danger-secondary-press); } .bg-token-interactive-icon-primary-default { background-color: var(--interactive-icon-primary-default); } .bg-token-interactive-icon-primary-hover { background-color: var(--interactive-icon-primary-hover); } .bg-token-interactive-icon-primary-inactive { background-color: var(--interactive-icon-primary-inactive); } .bg-token-interactive-icon-primary-press { background-color: var(--interactive-icon-primary-press); } .bg-token-interactive-icon-primary-selected { background-color: var(--interactive-icon-primary-selected); } .bg-token-interactive-icon-secondary-default { background-color: var(--interactive-icon-secondary-default); } .bg-token-interactive-icon-secondary-hover { background-color: var(--interactive-icon-secondary-hover); } .bg-token-interactive-icon-secondary-inactive { background-color: var(--interactive-icon-secondary-inactive); } .bg-token-interactive-icon-secondary-press { background-color: var(--interactive-icon-secondary-press); } .bg-token-interactive-icon-secondary-selected { background-color: var(--interactive-icon-secondary-selected); } .bg-token-interactive-icon-tertiary-default { background-color: var(--interactive-icon-tertiary-default); } .bg-token-interactive-icon-tertiary-hover { background-color: var(--interactive-icon-tertiary-hover); } .bg-token-interactive-icon-tertiary-inactive { background-color: var(--interactive-icon-tertiary-inactive); } .bg-token-interactive-icon-tertiary-press { background-color: var(--interactive-icon-tertiary-press); } .bg-token-interactive-icon-tertiary-selected { background-color: var(--interactive-icon-tertiary-selected); } .bg-token-interactive-label-accent-default { background-color: var(--interactive-label-accent-default); } .bg-token-interactive-label-accent-hover { background-color: var(--interactive-label-accent-hover); } .bg-token-interactive-label-accent-inactive { background-color: var(--interactive-label-accent-inactive); } .bg-token-interactive-label-accent-press { background-color: var(--interactive-label-accent-press); } .bg-token-interactive-label-accent-selected { background-color: var(--interactive-label-accent-selected); } .bg-token-interactive-label-danger-primary-default { background-color: var(--interactive-label-danger-primary-default); } .bg-token-interactive-label-danger-primary-hover { background-color: var(--interactive-label-danger-primary-hover); } .bg-token-interactive-label-danger-primary-inactive { background-color: var(--interactive-label-danger-primary-inactive); } .bg-token-interactive-label-danger-primary-press { background-color: var(--interactive-label-danger-primary-press); } .bg-token-interactive-label-danger-secondary-default { background-color: var(--interactive-label-danger-secondary-default); } .bg-token-interactive-label-danger-secondary-hover { background-color: var(--interactive-label-danger-secondary-hover); } .bg-token-interactive-label-danger-secondary-inactive { background-color: var(--interactive-label-danger-secondary-inactive); } .bg-token-interactive-label-danger-secondary-press { background-color: var(--interactive-label-danger-secondary-press); } .bg-token-interactive-label-primary-default { background-color: var(--interactive-label-primary-default); } .bg-token-interactive-label-primary-hover { background-color: var(--interactive-label-primary-hover); } .bg-token-interactive-label-primary-inactive { background-color: var(--interactive-label-primary-inactive); } .bg-token-interactive-label-primary-press { background-color: var(--interactive-label-primary-press); } .bg-token-interactive-label-primary-selected { background-color: var(--interactive-label-primary-selected); } .bg-token-interactive-label-secondary-default { background-color: var(--interactive-label-secondary-default); } .bg-token-interactive-label-secondary-hover { background-color: var(--interactive-label-secondary-hover); } .bg-token-interactive-label-secondary-inactive { background-color: var(--interactive-label-secondary-inactive); } .bg-token-interactive-label-secondary-press { background-color: var(--interactive-label-secondary-press); } .bg-token-interactive-label-secondary-selected { background-color: var(--interactive-label-secondary-selected); } .bg-token-interactive-label-tertiary-default { background-color: var(--interactive-label-tertiary-default); } .bg-token-interactive-label-tertiary-hover { background-color: var(--interactive-label-tertiary-hover); } .bg-token-interactive-label-tertiary-inactive { background-color: var(--interactive-label-tertiary-inactive); } .bg-token-interactive-label-tertiary-press { background-color: var(--interactive-label-tertiary-press); } .bg-token-interactive-label-tertiary-selected { background-color: var(--interactive-label-tertiary-selected); } .bg-token-main-surface-primary { background-color: var(--main-surface-primary); } .bg-token-main-surface-primary\! { background-color: var(--main-surface-primary) !important; } .bg-token-main-surface-primary-inverse { background-color: var(--main-surface-primary-inverse); } .bg-token-main-surface-primary\/10 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/10 { background-color: color-mix(in oklab, var(--main-surface-primary) 10%, transparent); } } .bg-token-main-surface-primary\/20\! { background-color: var(--main-surface-primary) !important; } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/20\! { background-color: color-mix(in oklab, var(--main-surface-primary) 20%, transparent) !important; } } .bg-token-main-surface-primary\/40 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/40 { background-color: color-mix(in oklab, var(--main-surface-primary) 40%, transparent); } } .bg-token-main-surface-primary\/60 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/60 { background-color: color-mix(in oklab, var(--main-surface-primary) 60%, transparent); } } .bg-token-main-surface-primary\/70 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/70 { background-color: color-mix(in oklab, var(--main-surface-primary) 70%, transparent); } } .bg-token-main-surface-primary\/80 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/80 { background-color: color-mix(in oklab, var(--main-surface-primary) 80%, transparent); } } .bg-token-main-surface-primary\/90 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/90 { background-color: color-mix(in oklab, var(--main-surface-primary) 90%, transparent); } } .bg-token-main-surface-primary\/95 { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-primary\/95 { background-color: color-mix(in oklab, var(--main-surface-primary) 95%, transparent); } } .bg-token-main-surface-secondary { background-color: var(--main-surface-secondary); } .bg-token-main-surface-secondary\! { background-color: var(--main-surface-secondary) !important; } .bg-token-main-surface-secondary-selected { background-color: var(--main-surface-secondary-selected); } .bg-token-main-surface-secondary\/40 { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-secondary\/40 { background-color: color-mix(in oklab, var(--main-surface-secondary) 40%, transparent); } } .bg-token-main-surface-secondary\/50 { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-secondary\/50 { background-color: color-mix(in oklab, var(--main-surface-secondary) 50%, transparent); } } .bg-token-main-surface-secondary\/60 { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-secondary\/60 { background-color: color-mix(in oklab, var(--main-surface-secondary) 60%, transparent); } } .bg-token-main-surface-secondary\/70 { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-secondary\/70 { background-color: color-mix(in oklab, var(--main-surface-secondary) 70%, transparent); } } .bg-token-main-surface-secondary\/80 { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-secondary\/80 { background-color: color-mix(in oklab, var(--main-surface-secondary) 80%, transparent); } } .bg-token-main-surface-tertiary { background-color: var(--main-surface-tertiary); } .bg-token-main-surface-tertiary\! { background-color: var(--main-surface-tertiary) !important; } .bg-token-main-surface-tertiary\/60 { background-color: var(--main-surface-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-tertiary\/60 { background-color: color-mix(in oklab, var(--main-surface-tertiary) 60%, transparent); } } .bg-token-main-surface-tertiary\/70 { background-color: var(--main-surface-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-main-surface-tertiary\/70 { background-color: color-mix(in oklab, var(--main-surface-tertiary) 70%, transparent); } } .bg-token-message-surface { background-color: var(--message-surface); } .bg-token-sidebar-surface { background-color: var(--sidebar-surface); } .bg-token-sidebar-surface-primary { background-color: var(--sidebar-surface-primary); } .bg-token-sidebar-surface-secondary { background-color: var(--sidebar-surface-secondary); } .bg-token-sidebar-surface-tertiary { background-color: var(--sidebar-surface-tertiary); } .bg-token-surface-error, .bg-token-surface-error\/5 { background-color: rgb(var(--surface-error) / 1); } @supports (color: color-mix(in lab, red, red)) { .bg-token-surface-error\/5 { background-color: color-mix(in oklab, rgb(var(--surface-error) / 1) 5%, transparent); } } .bg-token-surface-hover { background-color: var(--surface-hover); } .bg-token-text-accent { background-color: var(--text-accent); } .bg-token-text-inverted { background-color: var(--text-inverted); } .bg-token-text-inverted-static { background-color: var(--text-inverted-static); } .bg-token-text-inverted\/20 { background-color: var(--text-inverted); } @supports (color: color-mix(in lab, red, red)) { .bg-token-text-inverted\/20 { background-color: color-mix(in oklab, var(--text-inverted) 20%, transparent); } } .bg-token-text-primary { background-color: var(--text-primary); } .bg-token-text-primary\! { background-color: var(--text-primary) !important; } .bg-token-text-primary\/4 { background-color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-text-primary\/4 { background-color: color-mix(in oklab, var(--text-primary) 4%, transparent); } } .bg-token-text-quaternary { background-color: var(--text-quaternary); } .bg-token-text-secondary { background-color: var(--text-secondary); } .bg-token-text-status-error, .bg-token-text-status-error\/15 { background-color: var(--text-status-error); } @supports (color: color-mix(in lab, red, red)) { .bg-token-text-status-error\/15 { background-color: color-mix(in oklab, var(--text-status-error) 15%, transparent); } } .bg-token-text-status-warning, .bg-token-text-status-warning\/15 { background-color: var(--text-status-warning); } @supports (color: color-mix(in lab, red, red)) { .bg-token-text-status-warning\/15 { background-color: color-mix(in oklab, var(--text-status-warning) 15%, transparent); } } .bg-token-text-tertiary, .bg-token-text-tertiary\/50 { background-color: var(--text-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-text-tertiary\/50 { background-color: color-mix(in oklab, var(--text-tertiary) 50%, transparent); } } .bg-token-text-tertiary\/60 { background-color: var(--text-tertiary); } @supports (color: color-mix(in lab, red, red)) { .bg-token-text-tertiary\/60 { background-color: color-mix(in oklab, var(--text-tertiary) 60%, transparent); } } .bg-token-utility-scrollbar { background-color: var(--utility-scrollbar); } .bg-transparent { background-color: #0000; } .bg-transparent\! { background-color: #0000 !important; } .bg-white { background-color: #fff; } .bg-white\! { background-color: #fff !important; } .bg-white\/5 { background-color: #ffffff0d; background-color: lab(100% -0.0000298023 0.0000119209/.05); } .bg-white\/10 { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } .bg-white\/12 { background-color: #ffffff1f; background-color: lab(100% -0.0000298023 0.0000119209/.12); } .bg-white\/15 { background-color: #ffffff26; background-color: lab(100% -0.0000298023 0.0000119209/.15); } .bg-white\/18 { background-color: #ffffff2e; background-color: lab(100% -0.0000298023 0.0000119209/.18); } .bg-white\/20 { background-color: #fff3; background-color: lab(100% -0.0000298023 0.0000119209/.2); } .bg-white\/20\! { background-color: #fff3 !important; background-color: lab(100% -0.0000298023 0.0000119209/.2) !important; } .bg-white\/25 { background-color: #ffffff40; background-color: lab(100% -0.0000298023 0.0000119209/.25); } .bg-white\/30 { background-color: #ffffff4d; background-color: lab(100% -0.0000298023 0.0000119209/.3); } .bg-white\/30\! { background-color: #ffffff4d !important; background-color: lab(100% -0.0000298023 0.0000119209/.3) !important; } .bg-white\/40 { background-color: #fff6; background-color: lab(100% -0.0000298023 0.0000119209/.4); } .bg-white\/60 { background-color: #fff9; background-color: lab(100% -0.0000298023 0.0000119209/.6); } .bg-white\/70 { background-color: #ffffffb3; background-color: lab(100% -0.0000298023 0.0000119209/.7); } .bg-white\/75 { background-color: #ffffffbf; background-color: lab(100% -0.0000298023 0.0000119209/.75); } .bg-white\/80 { background-color: #fffc; background-color: lab(100% -0.0000298023 0.0000119209/.8); } .bg-white\/90 { background-color: #ffffffe6; background-color: lab(100% -0.0000298023 0.0000119209/.9); } .bg-white\/92 { background-color: #ffffffeb; background-color: lab(100% -0.0000298023 0.0000119209/.92); } .bg-white\/95 { background-color: #fffffff2; background-color: lab(100% -0.0000298023 0.0000119209/.95); } .bg-white\/\[0\.02\] { background-color: #ffffff05; background-color: lab(100% -0.0000298023 0.0000119209/.02); } .bg-white\/\[0\.03\] { background-color: #ffffff08; background-color: lab(100% -0.0000298023 0.0000119209/.03); } .bg-yellow-25 { background-color: var(--yellow-25); } .bg-yellow-50, .bg-yellow-50\/60 { background-color: var(--yellow-50); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-50\/60 { background-color: color-mix(in oklab, var(--yellow-50) 60%, transparent); } } .bg-yellow-75 { background-color: var(--yellow-75); } .bg-yellow-100, .bg-yellow-100\/70 { background-color: var(--yellow-100); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-100\/70 { background-color: color-mix(in oklab, var(--yellow-100) 70%, transparent); } } .bg-yellow-100\/80 { background-color: var(--yellow-100); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-100\/80 { background-color: color-mix(in oklab, var(--yellow-100) 80%, transparent); } } .bg-yellow-200 { background-color: var(--yellow-200); } .bg-yellow-300 { background-color: var(--yellow-300); } .bg-yellow-400, .bg-yellow-400\/40 { background-color: var(--yellow-400); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/40 { background-color: color-mix(in oklab, var(--yellow-400) 40%, transparent); } } .bg-yellow-400\/60 { background-color: var(--yellow-400); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/60 { background-color: color-mix(in oklab, var(--yellow-400) 60%, transparent); } } .bg-yellow-500, .bg-yellow-500\/10 { background-color: var(--yellow-500); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/10 { background-color: color-mix(in oklab, var(--yellow-500) 10%, transparent); } } .bg-yellow-500\/15 { background-color: var(--yellow-500); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/15 { background-color: color-mix(in oklab, var(--yellow-500) 15%, transparent); } } .bg-yellow-600 { background-color: var(--yellow-600); } .bg-yellow-700, .bg-yellow-700\/15 { background-color: var(--yellow-700); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-700\/15 { background-color: color-mix(in oklab, var(--yellow-700) 15%, transparent); } } .bg-yellow-800 { background-color: var(--yellow-800); } .bg-yellow-900 { background-color: var(--yellow-900); } .bg-yellow-950 { background-color: var(--yellow-950); } .bg-yellow-1000 { background-color: var(--yellow-1000); } .bg-yellow-a25 { background-color: var(--yellow-a25); } .bg-yellow-a50 { background-color: var(--yellow-a50); } .bg-yellow-a75 { background-color: var(--yellow-a75); } .bg-yellow-a100 { background-color: var(--yellow-a100); } .bg-yellow-a200 { background-color: var(--yellow-a200); } .bg-yellow-a300 { background-color: var(--yellow-a300); } .bg-linear-45 { --tw-gradient-position: 45deg; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-45 { --tw-gradient-position: 45deg in oklab; } } .bg-linear-45 { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-br { --tw-gradient-position: to bottom right; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-br { --tw-gradient-position: to bottom right in oklab; } } .bg-linear-to-br { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-l { --tw-gradient-position: to left; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-l { --tw-gradient-position: to left in oklab; } } .bg-linear-to-l { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-r { --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-r { --tw-gradient-position: to right in oklab; } } .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-t { --tw-gradient-position: to top in oklab; } } .bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .\[background-image\:linear-gradient\(to_top\,transparent\,var\(--bg-primary\)\)\,linear-gradient\(to_top\,transparent_var\(--single-line-fade-height\)\,var\(--bg-primary\)_var\(--single-line-fade-height\)\)\] { background-image: linear-gradient(to top, transparent, var(--bg-primary)), linear-gradient( to top, transparent var(--single-line-fade-height), var(--bg-primary) var(--single-line-fade-height) ); } .bg-\[linear-gradient\(90deg\,\#9E9DFF_0\%\,\#A6B8FF_48\%\,\#CFE6FF_100\%\)\] { background-image: linear-gradient(90deg, #9e9dff 0%, #a6b8ff 48%, #cfe6ff 100%); } .bg-\[linear-gradient\(180deg\,oklch\(1_0_0\/0\.3\)_80\%\,transparent_100\%\)\] { background-image: linear-gradient(#ffffff4d 80%, #0000 100%); background-image: linear-gradient(lab(100% 0 0/0.3) 80%, #0000 100%); } .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,0\.30\)_100\%\)\] { background-image: linear-gradient(#0000 0%, #0000004d 100%); } .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.30\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { background-image: linear-gradient(#0000004d 0%, #0000 100%); } .bg-\[linear-gradient\(180deg\,rgba\(33\,33\,33\,0\)_0\.12\%\,rgba\(33\,33\,33\,0\.85\)_51\.46\%\,\#212121_72\.79\%\)\] { background-image: linear-gradient(#21212100 0.12%, #212121d9 51.46%, #212121 72.79%); } .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\)_24\.327\%\,\#FFFFFF_47\.029\%\)\] { background-image: linear-gradient(#fff0 24.327%, #fff 47.029%); } .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.18\)\,rgba\(255\,255\,255\,0\.04\)\)\] { background-image: linear-gradient(#ffffff2e, #ffffff0a); } .bg-\[linear-gradient\(180deg\,var\(--bg-primary\)_0\%\,var\(--bg-primary\)_calc\(100\%-325px\)\,transparent_100\%\)\] { background-image: linear-gradient( 180deg, var(--bg-primary) 0%, var(--bg-primary) calc(100% - 325px), transparent 100% ); } .bg-\[linear-gradient\(206\.72deg\,_\#EEEFFF_2\.34\%\,_\#FFFFFF_92\.37\%\)\] { background-image: linear-gradient(206.72deg, #eeefff 2.34%, #fff 92.37%); } .bg-\[radial-gradient\(125\%_70\%_at_50\%_0\%\,rgba\(105\,170\,255\,0\.24\)_0\%\,rgba\(62\,92\,156\,0\.18\)_32\%\,rgba\(18\,24\,37\,0\.92\)_58\%\,\#0f141f_100\%\)\] { background-image: radial-gradient(125% 70% at 50% 0, #69aaff3d 0%, #3e5c9c2e 32%, #121825eb 58%, #0f141f 100%); } .bg-\[radial-gradient\(circle\,_\#aaaaaa_0\.75px\,_transparent_0\.75px\)\] { background-image: radial-gradient(circle, #aaa 0.75px, #0000 0.75px); } .bg-\[radial-gradient\(circle_at_30\%_30\%\,\#f9d423_0\%\,\#ff4e50_100\%\)\] { background-image: radial-gradient(circle at 30% 30%, #f9d423 0%, #ff4e50 100%); } .bg-\[radial-gradient\(ellipse_140\%_90\%_at_50\%_130\%\,var\(--bg-primary\)_0\%\,var\(--bg-primary\)_50\%\,transparent_90\%\)\] { background-image: radial-gradient( ellipse 140% 90% at 50% 130%, var(--bg-primary) 0%, var(--bg-primary) 50%, transparent 90% ); } .bg-\[radial-gradient\(ellipse_at_center\,_\#4999E4_0\%\,_rgba\(0\,150\,230\,0\.3\)_35\%\,_rgba\(73\,153\,228\,0\)_70\%\)\] { background-image: radial-gradient(#4999e4 0%, #0096e64d 35%, #4999e400 70%); } .bg-\[repeating-linear-gradient\(-45deg\,transparent\,transparent_4px\,\#6b728066_4px\,\#6b728066_8px\)\] { background-image: repeating-linear-gradient(-45deg, #0000, #0000 4px, #6b728066 4px, #6b728066 8px); } .bg-\[url\(\"https\:\/\/cdn\.openai\.com\/ctf-cdn\/30bafe12-ad88-4ae0-8ed8-0045ffc1a17c\/form-bg\.jpg\"\)\] { background-image: url(https://cdn.openai.com/ctf-cdn/30bafe12-ad88-4ae0-8ed8-0045ffc1a17c/form-bg.jpg); } .bg-\[url\(https\:\/\/openaiassets\.blob\.core\.windows\.net\/\$web\/chatgpt\/clients\/noauth\/open_app_mobile_banner\.webp\)\] { background-image: url(https://openaiassets.blob.core.windows.net/$web/chatgpt/clients/noauth/open_app_mobile_banner.webp); } .bg-none { background-image: none; } .bg-vert-light-gradient { background-image: linear-gradient(#fff0 13.94%, #fff 54.73%); } .\[--tw-gradient-position\:to_var\(--end\)\] { --tw-gradient-position: to var(--end); } .\[--tw-gradient-position\:to_var\(--start\)\] { --tw-gradient-position: to var(--start); } .from-\(--bg-primary\) { --tw-gradient-from: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\(--bg-secondary\) { --tw-gradient-from: var(--bg-secondary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#4c40ff\] { --tw-gradient-from: #4c40ff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#7a5cff\] { --tw-gradient-from: #7a5cff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#ED5EB4\] { --tw-gradient-from: #ed5eb4; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#F5FAFF\] { --tw-gradient-from: #f5faff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#F9F5FE\] { --tw-gradient-from: #f9f5fe; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#FFFBED\] { --tw-gradient-from: #fffbed; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[\#e8eaf9\] { --tw-gradient-from: #e8eaf9; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[var\(--bg-primary\)\] { --tw-gradient-from: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[var\(--bg-tertiary\)\] { --tw-gradient-from: var(--bg-tertiary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[var\(--canvas-bg\,var\(--bg-primary\)\)\] { --tw-gradient-from: var(--canvas-bg, var(--bg-primary)); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[var\(--main-surface-background\)\] { --tw-gradient-from: var(--main-surface-background); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-\[var\(--theme-user-msg-bg\)\] { --tw-gradient-from: var(--theme-user-msg-bg); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-black\/5 { --tw-gradient-from: #0000000d; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/5 { --tw-gradient-from: lab(0% 0 0/0.05); } } .from-black\/30 { --tw-gradient-from: #0000004d; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/30 { --tw-gradient-from: lab(0% 0 0/0.3); } } .from-black\/35 { --tw-gradient-from: #00000059; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/35 { --tw-gradient-from: lab(0% 0 0/0.35); } } .from-black\/50 { --tw-gradient-from: #00000080; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/50 { --tw-gradient-from: lab(0% 0 0/0.5); } } .from-black\/60 { --tw-gradient-from: #0009; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/60 { --tw-gradient-from: lab(0% 0 0/0.6); } } .from-black\/70 { --tw-gradient-from: #000000b3; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/70 { --tw-gradient-from: lab(0% 0 0/0.7); } } .from-black\/80 { --tw-gradient-from: #000c; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/80 { --tw-gradient-from: lab(0% 0 0/0.8); } } .from-black\/90 { --tw-gradient-from: #000000e6; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-black\/90 { --tw-gradient-from: lab(0% 0 0/0.9); } } .from-gray-950\/90 { --tw-gradient-from: var(--gray-950); } @supports (color: color-mix(in lab, red, red)) { .from-gray-950\/90 { --tw-gradient-from: color-mix(in oklab, var(--gray-950) 90%, transparent); } } .from-gray-950\/90 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-purple-400 { --tw-gradient-from: var(--purple-400); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-bg-elevated-secondary { --tw-gradient-from: var(--bg-elevated-secondary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-bg-primary { --tw-gradient-from: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-bg-primary\/0 { --tw-gradient-from: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .from-token-bg-primary\/0 { --tw-gradient-from: color-mix(in oklab, var(--bg-primary) 0%, transparent); } } .from-token-bg-primary\/0 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-bg-tertiary\/30 { --tw-gradient-from: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .from-token-bg-tertiary\/30 { --tw-gradient-from: color-mix(in oklab, var(--bg-tertiary) 30%, transparent); } } .from-token-bg-tertiary\/30 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-border-heavy { --tw-gradient-from: var(--border-heavy); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-interactive-bg-accent-default\/50 { --tw-gradient-from: var(--interactive-bg-accent-default); } @supports (color: color-mix(in lab, red, red)) { .from-token-interactive-bg-accent-default\/50 { --tw-gradient-from: color-mix(in oklab, var(--interactive-bg-accent-default) 50%, transparent); } } .from-token-interactive-bg-accent-default\/50 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-main-surface-primary { --tw-gradient-from: var(--main-surface-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-main-surface-secondary { --tw-gradient-from: var(--main-surface-secondary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-token-text-tertiary { --tw-gradient-from: var(--text-tertiary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-white { --tw-gradient-from: #fff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-white\/0 { --tw-gradient-from: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-white\/0 { --tw-gradient-from: lab(0% 0 0/0); } } .from-white\/15 { --tw-gradient-from: #ffffff26; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-white\/15 { --tw-gradient-from: lab(100% -0.0000298023 0.0000119209/.15); } } .from-white\/50 { --tw-gradient-from: #ffffff80; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .from-white\/50 { --tw-gradient-from: lab(100% -0.0000298023 0.0000119209/.5); } } .from-0\% { --tw-gradient-from-position: 0%; } .from-10\% { --tw-gradient-from-position: 10%; } .from-20\% { --tw-gradient-from-position: 20%; } .from-30\% { --tw-gradient-from-position: 30%; } .from-50\% { --tw-gradient-from-position: 50%; } .from-60\% { --tw-gradient-from-position: 60%; } .from-\[0\%\] { --tw-gradient-from-position: 0%; } .via-\[\#d8e4ff\] { --tw-gradient-via: #d8e4ff; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#fff8dd\]\/85 { --tw-gradient-via: #fff8ddd9; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-\[\#fff8dd\]\/85 { --tw-gradient-via: lab(97.6021% -0.842184 13.9035/0.85); } } .via-\[rgba\(255\,255\,255\,0\.8\)\] { --tw-gradient-via: #fffc; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/0 { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-black\/0 { --tw-gradient-via: lab(0% 0 0/0); } } .via-black\/8 { --tw-gradient-via: #00000014; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-black\/8 { --tw-gradient-via: lab(0% 0 0/0.08); } } .via-black\/10 { --tw-gradient-via: #0000001a; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-black\/10 { --tw-gradient-via: lab(0% 0 0/0.1); } } .via-black\/20 { --tw-gradient-via: #0003; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-black\/20 { --tw-gradient-via: lab(0% 0 0/0.2); } } .via-black\/40 { --tw-gradient-via: #0006; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-black\/40 { --tw-gradient-via: lab(0% 0 0/0.4); } } .via-black\/60 { --tw-gradient-via: #0009; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-black\/60 { --tw-gradient-via: lab(0% 0 0/0.6); } } .via-pink-500 { --tw-gradient-via: var(--pink-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-bg-primary { --tw-gradient-via: var(--bg-primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-bg-primary\/0 { --tw-gradient-via: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .via-token-bg-primary\/0 { --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 0%, transparent); } } .via-token-bg-primary\/0 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-bg-primary\/60 { --tw-gradient-via: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .via-token-bg-primary\/60 { --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 60%, transparent); } } .via-token-bg-primary\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-bg-primary\/70 { --tw-gradient-via: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .via-token-bg-primary\/70 { --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 70%, transparent); } } .via-token-bg-primary\/70 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-bg-primary\/80 { --tw-gradient-via: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .via-token-bg-primary\/80 { --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 80%, transparent); } } .via-token-bg-primary\/80 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-bg-primary\/85 { --tw-gradient-via: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .via-token-bg-primary\/85 { --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 85%, transparent); } } .via-token-bg-primary\/85 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-token-main-surface-primary\/80 { --tw-gradient-via: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .via-token-main-surface-primary\/80 { --tw-gradient-via: color-mix(in oklab, var(--main-surface-primary) 80%, transparent); } } .via-token-main-surface-primary\/80 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/5 { --tw-gradient-via: #ffffff0d; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-white\/5 { --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.05); } } .via-white\/10 { --tw-gradient-via: #ffffff1a; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-white\/10 { --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.1); } } .via-white\/40 { --tw-gradient-via: #fff6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-white\/40 { --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.4); } } .via-white\/72 { --tw-gradient-via: #ffffffb8; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .via-white\/72 { --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.72); } } .via-30\% { --tw-gradient-via-position: 30%; } .via-40\% { --tw-gradient-via-position: 40%; } .via-50\% { --tw-gradient-via-position: 50%; } .to-\(--bg-primary\) { --tw-gradient-to: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#6157ff\] { --tw-gradient-to: #6157ff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#8086F9\] { --tw-gradient-to: #8086f9; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#E5F3FF\] { --tw-gradient-to: #e5f3ff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#F9F5FE\] { --tw-gradient-to: #f9f5fe; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#FFF6D9\] { --tw-gradient-to: #fff6d9; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#a223ff\] { --tw-gradient-to: #a223ff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[\#f3d9ff\] { --tw-gradient-to: #f3d9ff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-\[var\(--bg-primary\)\] { --tw-gradient-to: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-black\/0 { --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-black\/0 { --tw-gradient-to: lab(0% 0 0/0); } } .to-black\/10 { --tw-gradient-to: #0000001a; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-black\/10 { --tw-gradient-to: lab(0% 0 0/0.1); } } .to-black\/25 { --tw-gradient-to: #00000040; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-black\/25 { --tw-gradient-to: lab(0% 0 0/0.25); } } .to-black\/30 { --tw-gradient-to: #0000004d; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-black\/30 { --tw-gradient-to: lab(0% 0 0/0.3); } } .to-black\/85 { --tw-gradient-to: #000000d9; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-black\/85 { --tw-gradient-to: lab(0% 0 0/0.85); } } .to-blue-700\/80 { --tw-gradient-to: var(--blue-700); } @supports (color: color-mix(in lab, red, red)) { .to-blue-700\/80 { --tw-gradient-to: color-mix(in oklab, var(--blue-700) 80%, transparent); } } .to-blue-700\/80 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-gray-50 { --tw-gradient-to: var(--gray-50); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-gray-500\/0 { --tw-gradient-to: var(--gray-500); } @supports (color: color-mix(in lab, red, red)) { .to-gray-500\/0 { --tw-gradient-to: color-mix(in oklab, var(--gray-500) 0%, transparent); } } .to-gray-500\/0 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-red-500 { --tw-gradient-to: var(--red-500); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-token-bg-primary { --tw-gradient-to: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-token-bg-primary\/40 { --tw-gradient-to: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .to-token-bg-primary\/40 { --tw-gradient-to: color-mix(in oklab, var(--bg-primary) 40%, transparent); } } .to-token-bg-primary\/40 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-token-bg-primary\/90 { --tw-gradient-to: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .to-token-bg-primary\/90 { --tw-gradient-to: color-mix(in oklab, var(--bg-primary) 90%, transparent); } } .to-token-bg-primary\/90 { --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-token-bg-tertiary { --tw-gradient-to: var(--bg-tertiary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-white { --tw-gradient-to: #fff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-white\/20 { --tw-gradient-to: #fff3; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-white\/20 { --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.2); } } .to-white\/35 { --tw-gradient-to: #ffffff59; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-white\/35 { --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.35); } } .to-white\/78 { --tw-gradient-to: #ffffffc7; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-white\/78 { --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.78); } } .to-white\/95 { --tw-gradient-to: #fffffff2; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-white\/95 { --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.95); } } .to-white\/96 { --tw-gradient-to: #fffffff5; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .to-white\/96 { --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.96); } } .to-25\% { --tw-gradient-to-position: 25%; } .to-100\% { --tw-gradient-to-position: 100%; } .to-\[30\%\] { --tw-gradient-to-position: 30%; } .mask-shimmer-muted { animation-name: mask-shimmer-offset-move; animation-duration: var(--tw-mask-shimmer-duration, 4s); animation-iteration-count: infinite; animation-delay: var(--tw-mask-shimmer-delay, 0s); -webkit-mask-image: linear-gradient( to right, #fff7, #fff7 calc(var(--mask-shimmer-offset) - 10%), white var(--mask-shimmer-offset), #fff7 calc(var(--mask-shimmer-offset) + 10%), #fff7 100% ); -webkit-mask-image: linear-gradient( to right, #fff7, #fff7 calc(var(--mask-shimmer-offset) - 10%), white var(--mask-shimmer-offset), #fff7 calc(var(--mask-shimmer-offset) + 10%), #fff7 100% ); -webkit-mask-image: linear-gradient( to right, #fff7, #fff7 calc(var(--mask-shimmer-offset) - 10%), white var(--mask-shimmer-offset), #fff7 calc(var(--mask-shimmer-offset) + 10%), #fff7 100% ); -webkit-mask-image: linear-gradient( to right, #fff7, #fff7 calc(var(--mask-shimmer-offset) - 10%), white var(--mask-shimmer-offset), #fff7 calc(var(--mask-shimmer-offset) + 10%), #fff7 100% ); mask-image: linear-gradient( to right, #fff7, #fff7 calc(var(--mask-shimmer-offset) - 10%), white var(--mask-shimmer-offset), #fff7 calc(var(--mask-shimmer-offset) + 10%), #fff7 100% ); -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: 200% 200%; mask-size: 200% 200%; } .\[mask-image\:linear-gradient\(black\,transparent_80\%\)\] { -webkit-mask-image: linear-gradient(#000, #0000 80%); mask-image: linear-gradient(#000, #0000 80%); } .\[mask-image\:linear-gradient\(to_bottom\,black_80\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(#000 80%, #0000 100%); mask-image: linear-gradient(#000 80%, #0000 100%); } .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_2rem\)\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(#000 calc(100% - 2rem), #0000 100%); mask-image: linear-gradient(#000 calc(100% - 2rem), #0000 100%); } .\[mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)_20\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { -webkit-mask-image: linear-gradient(#000 20%, #0000 100%); mask-image: linear-gradient(#000 20%, #0000 100%); } .\[mask-image\:linear-gradient\(to_right\,black_33\%\,transparent_66\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 33%, #0000 66%); mask-image: linear-gradient(90deg, #000 33%, #0000 66%); } .\[mask-image\:linear-gradient\(to_right\,black_85\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 85%, #0000 100%); mask-image: linear-gradient(90deg, #000 85%, #0000 100%); } .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_1rem\)\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 1rem), #0000 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 1rem), #0000 100%); } .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_2rem\)\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2rem), #0000 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 2rem), #0000 100%); } .\[mask-image\:linear-gradient\(to_right\,transparent_0\%\,black_20\%\,black_80\%\,transparent_100\%\)\,linear-gradient\(to_top\,black_0\%\,black_75\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 20%, #000 80%, #0000 100%), linear-gradient(#0000 0%, #000 25%, #000 100%); mask-image: linear-gradient(90deg, #0000 0%, #000 20%, #000 80%, #0000 100%), linear-gradient(#0000 0%, #000 25%, #000 100%); } .\[mask-image\:linear-gradient\(to_top\,black\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #000); mask-image: linear-gradient(#0000, #000); } .\[mask-image\:linear-gradient\(to_top_left\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,1\)_30\%\,rgba\(0\,0\,0\,1\)_70\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { -webkit-mask-image: linear-gradient(to top left, #0000 0%, #000 30%, #000 70%, #0000 100%); mask-image: linear-gradient(to top left, #0000 0%, #000 30%, #000 70%, #0000 100%); } .mask-\[linear-gradient\(180deg\,transparent_33\.62\%\,black_100\%\)\] { -webkit-mask-image: linear-gradient(#0000 33.62%, #000 100%); mask-image: linear-gradient(#0000 33.62%, #000 100%); } .\[background-size\:24px_16px\] { background-size: 24px 16px; } .\[background-size\:100\%_150\%\] { background-size: 100% 150%; } .\[background-size\:100\%_var\(--single-line-fade-height\)\,100\%_100\%\] { background-size: 100% var(--single-line-fade-height), 100% 100%; } .bg-\[length\:12px_12px\] { background-size: 12px 12px; } .bg-auto { background-size: auto; } .bg-contain { background-size: contain; } .bg-cover { background-size: cover; } .bg-clip-border { background-clip: border-box; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .\[background-position\:bottom\,top\] { background-position: bottom, top; } .\[background-position\:theme\(spacing\.3\)_50\%\] { background-position: 0.75rem; } .bg-center { background-position: 50%; } .bg-top { background-position: top; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .\[mask-composite\:intersect\] { -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } .\[mask-size\:100\%_100\%\] { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .\[mask-size\:300\%_100\%\] { -webkit-mask-size: 300% 100%; mask-size: 300% 100%; } .\[mask-position\:100\%_0\%\] { -webkit-mask-position: 100% 0; mask-position: 100% 0; } .\[mask-repeat\:no-repeat\] { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .fill-\[\#5856D6\] { fill: #5856d6; } .fill-\[\#a96e25\] { fill: #a96e25; } .fill-\[var\(--text-primary\)\] { fill: var(--text-primary); } .fill-black { fill: #000; } .fill-current { fill: currentColor; } .fill-gray-900 { fill: var(--gray-900); } .fill-green-500 { fill: var(--green-500); } .fill-token-icon-accent { fill: var(--icon-accent); } .fill-token-main-surface-primary { fill: var(--main-surface-primary); } .fill-token-text-primary { fill: var(--text-primary); } .fill-token-text-secondary { fill: var(--text-secondary); } .fill-transparent { fill: #0000; } .fill-white { fill: #fff; } .fill-yellow-500 { fill: var(--yellow-500); } .stroke-\[rgba\(0\,0\,0\,0\)\] { stroke: #0000; } .stroke-\[rgba\(0\,0\,0\,0\.1\)\] { stroke: #0000001a; } .stroke-\[rgba\(0\,0\,0\,0\.32\)\] { stroke: #00000052; } .stroke-\[rgba\(255\,255\,255\,0\.24\)\] { stroke: #ffffff3d; } .stroke-black\/10 { stroke: #0000001a; stroke: lab(0% 0 0/0.1); } .stroke-black\/20 { stroke: #0003; stroke: lab(0% 0 0/0.2); } .stroke-brand-purple\/25 { stroke: #ab68ff40; stroke: lab(57.1209% 49.4506 -66.2104/0.25); } .stroke-current { stroke: currentColor; } .stroke-gray-400 { stroke: var(--gray-400); } .stroke-token-border-light { stroke: var(--border-light); } .stroke-token-main-surface-tertiary { stroke: var(--main-surface-tertiary); } .stroke-token-text-primary\/20 { stroke: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .stroke-token-text-primary\/20 { stroke: color-mix(in oklab, var(--text-primary) 20%, transparent); } } .stroke-white { stroke: #fff; } .stroke-white\/20 { stroke: #fff3; stroke: lab(100% -0.0000298023 0.0000119209/.2); } .stroke-0 { stroke-width: 0; } .stroke-2 { stroke-width: 2px; } .stroke-3 { stroke-width: 3px; } .stroke-4 { stroke-width: 4px; } .stroke-\[0\.75\] { stroke-width: 0.75px; } .stroke-\[1\.25\] { stroke-width: 1.25px; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .object-scale-down { object-fit: scale-down; } .object-\[0\%_25\%\] { object-position: 0% 25%; } .object-\[50\%_120\%\] { object-position: 50% 120%; } .object-bottom { object-position: bottom; } .object-center { object-position: center; } .object-right { object-position: right; } .object-start { object-position: var(--start); } .object-top { object-position: top; } .\!p-0 { padding: calc(var(--spacing) * 0) !important; } .\!p-2 { padding: calc(var(--spacing) * 2) !important; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\! { padding: calc(var(--spacing) * 0) !important; } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-0\.25 { padding: calc(var(--spacing) * 0.25); } .p-0\.75 { padding: calc(var(--spacing) * 0.75); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\! { padding: calc(var(--spacing) * 1) !important; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-1\.25 { padding: calc(var(--spacing) * 1.25); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\! { padding: calc(var(--spacing) * 2) !important; } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-4\! { padding: calc(var(--spacing) * 4) !important; } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-6\! { padding: calc(var(--spacing) * 6) !important; } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-9 { padding: calc(var(--spacing) * 9); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-14 { padding: calc(var(--spacing) * 14); } .p-24 { padding: calc(var(--spacing) * 24); } .p-\[0\.5px\] { padding: 0.5px; } .p-\[1px\] { padding: 1px; } .p-\[2px\] { padding: 2px; } .p-\[3px\] { padding: 3px; } .p-\[4px\] { padding: 4px; } .p-\[5px\] { padding: 5px; } .p-\[6px\] { padding: 6px; } .p-\[8rem\] { padding: 8rem; } .p-\[11\.25px\] { padding: 11.25px; } .p-\[14px\] { padding: 14px; } .p-\[16px\] { padding: 16px; } .p-\[18px\] { padding: 18px; } .p-\[20px_20dvw\] { padding: 20px 20dvw; } .p-\[20vw\] { padding: 20vw; } .p-\[22px\] { padding: 22px; } .p-snc-1 { padding: var(--snc-1); } .\!px-0 { padding-inline: calc(var(--spacing) * 0) !important; } .\!px-6 { padding-inline: calc(var(--spacing) * 6) !important; } .px-\(--build-shell-inline-padding\) { padding-inline: var(--build-shell-inline-padding); } .px-\(--images-app-padding\) { padding-inline: var(--images-app-padding); } .px-\(--thread-content-margin\) { padding-inline: var(--thread-content-margin); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\! { padding-inline: calc(var(--spacing) * 0) !important; } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\! { padding-inline: calc(var(--spacing) * 1) !important; } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-1\.25 { padding-inline: calc(var(--spacing) * 1.25); } .px-1\.75\! { padding-inline: calc(var(--spacing) * 1.75) !important; } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\! { padding-inline: calc(var(--spacing) * 2) !important; } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-2\.25 { padding-inline: calc(var(--spacing) * 2.25); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-4\! { padding-inline: calc(var(--spacing) * 4) !important; } .px-4\.5 { padding-inline: calc(var(--spacing) * 4.5); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-5\! { padding-inline: calc(var(--spacing) * 5) !important; } .px-5\.5 { padding-inline: calc(var(--spacing) * 5.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-6\! { padding-inline: calc(var(--spacing) * 6) !important; } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-8\! { padding-inline: calc(var(--spacing) * 8) !important; } .px-9 { padding-inline: calc(var(--spacing) * 9); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-10\! { padding-inline: calc(var(--spacing) * 10) !important; } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .px-20 { padding-inline: calc(var(--spacing) * 20); } .px-36 { padding-inline: calc(var(--spacing) * 36); } .px-\[0\.375rem\] { padding-left: 0.375rem; padding-right: 0.375rem; } .px-\[1\.5px\]\! { padding-left: 1.5px !important; padding-right: 1.5px !important; } .px-\[1rem\] { padding-left: 1rem; padding-right: 1rem; } .px-\[2px\] { padding-left: 2px; padding-right: 2px; } .px-\[5\.5px\] { padding-left: 5.5px; padding-right: 5.5px; } .px-\[5px\] { padding-left: 5px; padding-right: 5px; } .px-\[6px\] { padding-left: 6px; padding-right: 6px; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[14px\] { padding-left: 14px; padding-right: 14px; } .px-\[15px\] { padding-left: 15px; padding-right: 15px; } .px-\[16px\] { padding-left: 16px; padding-right: 16px; } .px-\[18px\] { padding-left: 18px; padding-right: 18px; } .px-\[19px\] { padding-left: 19px; padding-right: 19px; } .px-\[22px\] { padding-left: 22px; padding-right: 22px; } .px-\[var\(--padding\)\] { padding-inline: var(--padding); } .px-px { padding-left: 1px; padding-right: 1px; } .px-snc-1 { padding-inline: var(--snc-1); } .px-snc-2 { padding-inline: var(--snc-2); } .px-snc-results-padding { padding-inline: var(--snc-results-padding); } .\!py-0 { padding-block: calc(var(--spacing) * 0) !important; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\! { padding-block: calc(var(--spacing) * 0) !important; } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-0\.75 { padding-block: calc(var(--spacing) * 0.75); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\! { padding-block: calc(var(--spacing) * 1) !important; } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\! { padding-block: calc(var(--spacing) * 2) !important; } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-2\.25 { padding-block: calc(var(--spacing) * 2.25); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\! { padding-block: calc(var(--spacing) * 3) !important; } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\! { padding-block: calc(var(--spacing) * 4) !important; } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-6\.5 { padding-block: calc(var(--spacing) * 6.5); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-15 { padding-block: calc(var(--spacing) * 15); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-17 { padding-block: calc(var(--spacing) * 17); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-32 { padding-block: calc(var(--spacing) * 32); } .py-48 { padding-block: calc(var(--spacing) * 48); } .py-\[0\.2rem\] { padding-top: 0.2rem; padding-bottom: 0.2rem; } .py-\[0\.108em\] { padding-top: 0.108em; padding-bottom: 0.108em; } .py-\[1px\] { padding-top: 1px; padding-bottom: 1px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[4px\] { padding-top: 4px; padding-bottom: 4px; } .py-\[5px\] { padding-top: 5px; padding-bottom: 5px; } .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .py-\[12px\] { padding-top: 12px; padding-bottom: 12px; } .py-\[13px\] { padding-top: 13px; padding-bottom: 13px; } .py-\[14px\] { padding-top: 14px; padding-bottom: 14px; } .py-\[15px\] { padding-top: 15px; padding-bottom: 15px; } .py-\[18px\] { padding-top: 18px; padding-bottom: 18px; } .py-\[25\%\] { padding-top: 25%; padding-bottom: 25%; } .py-\[28px\] { padding-top: 28px; padding-bottom: 28px; } .py-snc-1 { padding-block: var(--snc-1); } .ps-\(--writing-block-editor-pl\):dir(ltr) { padding-left: var(--writing-block-editor-pl); } .ps-\(--writing-block-editor-pl\):dir(rtl) { padding-right: var(--writing-block-editor-pl); } .ps-0:dir(ltr) { padding-left: calc(var(--spacing) * 0); } .ps-0:dir(rtl) { padding-right: calc(var(--spacing) * 0); } .ps-0\!:dir(ltr) { padding-left: calc(var(--spacing) * 0); } .ps-0\!:dir(rtl) { padding-right: calc(var(--spacing) * 0); } .ps-0\.5:dir(ltr) { padding-left: calc(var(--spacing) * 0.5); } .ps-0\.5:dir(rtl) { padding-right: calc(var(--spacing) * 0.5); } .ps-1:dir(ltr) { padding-left: calc(var(--spacing) * 1); } .ps-1:dir(rtl) { padding-right: calc(var(--spacing) * 1); } .ps-1\.5:dir(ltr) { padding-left: calc(var(--spacing) * 1.5); } .ps-1\.5:dir(rtl) { padding-right: calc(var(--spacing) * 1.5); } .ps-2:dir(ltr) { padding-left: calc(var(--spacing) * 2); } .ps-2:dir(rtl) { padding-right: calc(var(--spacing) * 2); } .ps-2\!:dir(ltr) { padding-left: calc(var(--spacing) * 2); } .ps-2\!:dir(rtl) { padding-right: calc(var(--spacing) * 2); } .ps-2\.5:dir(ltr) { padding-left: calc(var(--spacing) * 2.5); } .ps-2\.5:dir(rtl) { padding-right: calc(var(--spacing) * 2.5); } .ps-2\.5\!:dir(ltr) { padding-left: calc(var(--spacing) * 2.5); } .ps-2\.5\!:dir(rtl) { padding-right: calc(var(--spacing) * 2.5); } .ps-3:dir(ltr) { padding-left: calc(var(--spacing) * 3); } .ps-3:dir(rtl) { padding-right: calc(var(--spacing) * 3); } .ps-3\!:dir(ltr) { padding-left: calc(var(--spacing) * 3); } .ps-3\!:dir(rtl) { padding-right: calc(var(--spacing) * 3); } .ps-3\.5:dir(ltr) { padding-left: calc(var(--spacing) * 3.5); } .ps-3\.5:dir(rtl) { padding-right: calc(var(--spacing) * 3.5); } .ps-4:dir(ltr) { padding-left: calc(var(--spacing) * 4); } .ps-4:dir(rtl) { padding-right: calc(var(--spacing) * 4); } .ps-4\!:dir(ltr) { padding-left: calc(var(--spacing) * 4); } .ps-4\!:dir(rtl) { padding-right: calc(var(--spacing) * 4); } .ps-4\.5:dir(ltr) { padding-left: calc(var(--spacing) * 4.5); } .ps-4\.5:dir(rtl) { padding-right: calc(var(--spacing) * 4.5); } .ps-5:dir(ltr) { padding-left: calc(var(--spacing) * 5); } .ps-5:dir(rtl) { padding-right: calc(var(--spacing) * 5); } .ps-6:dir(ltr) { padding-left: calc(var(--spacing) * 6); } .ps-6:dir(rtl) { padding-right: calc(var(--spacing) * 6); } .ps-6\!:dir(ltr) { padding-left: calc(var(--spacing) * 6); } .ps-6\!:dir(rtl) { padding-right: calc(var(--spacing) * 6); } .ps-7:dir(ltr) { padding-left: calc(var(--spacing) * 7); } .ps-7:dir(rtl) { padding-right: calc(var(--spacing) * 7); } .ps-8:dir(ltr) { padding-left: calc(var(--spacing) * 8); } .ps-8:dir(rtl) { padding-right: calc(var(--spacing) * 8); } .ps-9:dir(ltr) { padding-left: calc(var(--spacing) * 9); } .ps-9:dir(rtl) { padding-right: calc(var(--spacing) * 9); } .ps-10:dir(ltr) { padding-left: calc(var(--spacing) * 10); } .ps-10:dir(rtl) { padding-right: calc(var(--spacing) * 10); } .ps-10\.5:dir(ltr) { padding-left: calc(var(--spacing) * 10.5); } .ps-10\.5:dir(rtl) { padding-right: calc(var(--spacing) * 10.5); } .ps-11:dir(ltr) { padding-left: calc(var(--spacing) * 11); } .ps-11:dir(rtl) { padding-right: calc(var(--spacing) * 11); } .ps-12:dir(ltr) { padding-left: calc(var(--spacing) * 12); } .ps-12:dir(rtl) { padding-right: calc(var(--spacing) * 12); } .ps-\[1px\]:dir(ltr) { padding-left: 1px; } .ps-\[1px\]:dir(rtl) { padding-right: 1px; } .ps-\[3\.25rem\]:dir(ltr) { padding-left: 3.25rem; } .ps-\[3\.25rem\]:dir(rtl) { padding-right: 3.25rem; } .ps-\[3px\]:dir(ltr) { padding-left: 3px; } .ps-\[3px\]:dir(rtl) { padding-right: 3px; } .ps-\[10px\]:dir(ltr) { padding-left: 10px; } .ps-\[10px\]:dir(rtl) { padding-right: 10px; } .ps-\[14px\]:dir(ltr) { padding-left: 14px; } .ps-\[14px\]:dir(rtl) { padding-right: 14px; } .ps-\[20px\]:dir(ltr) { padding-left: 20px; } .ps-\[20px\]:dir(rtl) { padding-right: 20px; } .ps-\[22px\]:dir(ltr) { padding-left: 22px; } .ps-\[22px\]:dir(rtl) { padding-right: 22px; } .pe-\(--writing-block-editor-pr\):dir(ltr) { padding-right: var(--writing-block-editor-pr); } .pe-\(--writing-block-editor-pr\):dir(rtl) { padding-left: var(--writing-block-editor-pr); } .pe-0:dir(ltr) { padding-right: calc(var(--spacing) * 0); } .pe-0:dir(rtl) { padding-left: calc(var(--spacing) * 0); } .pe-0\.5:dir(ltr) { padding-right: calc(var(--spacing) * 0.5); } .pe-0\.5:dir(rtl) { padding-left: calc(var(--spacing) * 0.5); } .pe-1:dir(ltr) { padding-right: calc(var(--spacing) * 1); } .pe-1:dir(rtl) { padding-left: calc(var(--spacing) * 1); } .pe-1\!:dir(ltr) { padding-right: calc(var(--spacing) * 1); } .pe-1\!:dir(rtl) { padding-left: calc(var(--spacing) * 1); } .pe-1\.5:dir(ltr) { padding-right: calc(var(--spacing) * 1.5); } .pe-1\.5:dir(rtl) { padding-left: calc(var(--spacing) * 1.5); } .pe-2:dir(ltr) { padding-right: calc(var(--spacing) * 2); } .pe-2:dir(rtl) { padding-left: calc(var(--spacing) * 2); } .pe-2\!:dir(ltr) { padding-right: calc(var(--spacing) * 2); } .pe-2\!:dir(rtl) { padding-left: calc(var(--spacing) * 2); } .pe-2\.5:dir(ltr) { padding-right: calc(var(--spacing) * 2.5); } .pe-2\.5:dir(rtl) { padding-left: calc(var(--spacing) * 2.5); } .pe-2\.5\!:dir(ltr) { padding-right: calc(var(--spacing) * 2.5); } .pe-2\.5\!:dir(rtl) { padding-left: calc(var(--spacing) * 2.5); } .pe-3:dir(ltr) { padding-right: calc(var(--spacing) * 3); } .pe-3:dir(rtl) { padding-left: calc(var(--spacing) * 3); } .pe-3\!:dir(ltr) { padding-right: calc(var(--spacing) * 3); } .pe-3\!:dir(rtl) { padding-left: calc(var(--spacing) * 3); } .pe-3\.5:dir(ltr) { padding-right: calc(var(--spacing) * 3.5); } .pe-3\.5:dir(rtl) { padding-left: calc(var(--spacing) * 3.5); } .pe-4:dir(ltr) { padding-right: calc(var(--spacing) * 4); } .pe-4:dir(rtl) { padding-left: calc(var(--spacing) * 4); } .pe-4\.5:dir(ltr) { padding-right: calc(var(--spacing) * 4.5); } .pe-4\.5:dir(rtl) { padding-left: calc(var(--spacing) * 4.5); } .pe-5:dir(ltr) { padding-right: calc(var(--spacing) * 5); } .pe-5:dir(rtl) { padding-left: calc(var(--spacing) * 5); } .pe-5\!:dir(ltr) { padding-right: calc(var(--spacing) * 5); } .pe-5\!:dir(rtl) { padding-left: calc(var(--spacing) * 5); } .pe-6:dir(ltr) { padding-right: calc(var(--spacing) * 6); } .pe-6:dir(rtl) { padding-left: calc(var(--spacing) * 6); } .pe-7:dir(ltr) { padding-right: calc(var(--spacing) * 7); } .pe-7:dir(rtl) { padding-left: calc(var(--spacing) * 7); } .pe-8:dir(ltr) { padding-right: calc(var(--spacing) * 8); } .pe-8:dir(rtl) { padding-left: calc(var(--spacing) * 8); } .pe-9:dir(ltr) { padding-right: calc(var(--spacing) * 9); } .pe-9:dir(rtl) { padding-left: calc(var(--spacing) * 9); } .pe-9\!:dir(ltr) { padding-right: calc(var(--spacing) * 9); } .pe-9\!:dir(rtl) { padding-left: calc(var(--spacing) * 9); } .pe-10:dir(ltr) { padding-right: calc(var(--spacing) * 10); } .pe-10:dir(rtl) { padding-left: calc(var(--spacing) * 10); } .pe-11:dir(ltr) { padding-right: calc(var(--spacing) * 11); } .pe-11:dir(rtl) { padding-left: calc(var(--spacing) * 11); } .pe-12:dir(ltr) { padding-right: calc(var(--spacing) * 12); } .pe-12:dir(rtl) { padding-left: calc(var(--spacing) * 12); } .pe-14:dir(ltr) { padding-right: calc(var(--spacing) * 14); } .pe-14:dir(rtl) { padding-left: calc(var(--spacing) * 14); } .pe-16:dir(ltr) { padding-right: calc(var(--spacing) * 16); } .pe-16:dir(rtl) { padding-left: calc(var(--spacing) * 16); } .pe-20:dir(ltr) { padding-right: calc(var(--spacing) * 20); } .pe-20:dir(rtl) { padding-left: calc(var(--spacing) * 20); } .pe-24:dir(ltr) { padding-right: calc(var(--spacing) * 24); } .pe-24:dir(rtl) { padding-left: calc(var(--spacing) * 24); } .pe-36:dir(ltr) { padding-right: calc(var(--spacing) * 36); } .pe-36:dir(rtl) { padding-left: calc(var(--spacing) * 36); } .pe-44:dir(ltr) { padding-right: calc(var(--spacing) * 44); } .pe-44:dir(rtl) { padding-left: calc(var(--spacing) * 44); } .pe-\[2px\]:dir(ltr) { padding-right: 2px; } .pe-\[2px\]:dir(rtl) { padding-left: 2px; } .pe-\[10px\]:dir(ltr) { padding-right: 10px; } .pe-\[10px\]:dir(rtl) { padding-left: 10px; } .pe-\[40px\]:dir(ltr) { padding-right: 40px; } .pe-\[40px\]:dir(rtl) { padding-left: 40px; } .\!pt-2 { padding-top: calc(var(--spacing) * 2) !important; } .\!pt-4 { padding-top: calc(var(--spacing) * 4) !important; } .\!pt-6 { padding-top: calc(var(--spacing) * 6) !important; } .pt-\(--sidebar-section-first-margin-top\) { padding-top: var(--sidebar-section-first-margin-top); } .pt-\(--sidebar-section-margin-top\) { padding-top: var(--sidebar-section-margin-top); } .pt-\(--writing-block-editor-pt\) { padding-top: var(--writing-block-editor-pt); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-0\.25 { padding-top: calc(var(--spacing) * 0.25); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\! { padding-top: calc(var(--spacing) * 1) !important; } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\! { padding-top: calc(var(--spacing) * 3) !important; } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-4\.5 { padding-top: calc(var(--spacing) * 4.5); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-5\! { padding-top: calc(var(--spacing) * 5) !important; } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-17 { padding-top: calc(var(--spacing) * 17); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-33 { padding-top: calc(var(--spacing) * 33); } .pt-\[0\.125rem\] { padding-top: 0.125rem; } .pt-\[0px\] { padding-top: 0; } .pt-\[2px\] { padding-top: 2px; } .pt-\[3px\] { padding-top: 3px; } .pt-\[4\.5px\] { padding-top: 4.5px; } .pt-\[4px\] { padding-top: 4px; } .pt-\[11px\] { padding-top: 11px; } .pt-\[13px\] { padding-top: 13px; } .pt-\[15vh\] { padding-top: 15vh; } .pt-\[17px\] { padding-top: 17px; } .pt-\[18px\] { padding-top: 18px; } .pt-\[56px\] { padding-top: 56px; } .pt-\[71px\] { padding-top: 71px; } .pt-\[72px\] { padding-top: 72px; } .pt-\[86px\] { padding-top: 86px; } .pt-\[120px\] { padding-top: 120px; } .pt-\[246px\] { padding-top: 246px; } .pt-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\] { padding-top: calc(0.75rem + env(safe-area-inset-top)); } .pt-\[calc\(1\.75rem\+env\(safe-area-inset-top\,0px\)\)\] { padding-top: calc(1.75rem + env(safe-area-inset-top, 0px)); } .pt-\[calc\(env\(safe-area-inset-bottom\,0px\)\/2\)\] { padding-top: calc(env(safe-area-inset-bottom, 0px) / 2); } .pt-\[calc\(env\(safe-area-inset-top\,0px\)\+1rem\)\] { padding-top: calc(env(safe-area-inset-top, 0px) + 1rem); } .pt-mkt-header-height { padding-top: var(--mkt-header-height); } .pt-px { padding-top: 1px; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .\!pb-0 { padding-bottom: calc(var(--spacing) * 0) !important; } .\!pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5) !important; } .\!pb-3 { padding-bottom: calc(var(--spacing) * 3) !important; } .\!pb-5 { padding-bottom: calc(var(--spacing) * 5) !important; } .\!pb-6 { padding-bottom: calc(var(--spacing) * 6) !important; } .\!pb-\[24px\] { padding-bottom: 24px !important; } .\!pb-\[88px\] { padding-bottom: 88px !important; } .pb-\(--composer-height\,28px\) { padding-bottom: var(--composer-height, 28px); } .pb-\(--thread-component-gap\,24px\) { padding-bottom: var(--thread-component-gap, 24px); } .pb-\(--writing-block-editor-pb\) { padding-bottom: var(--writing-block-editor-pb); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-1\.25 { padding-bottom: calc(var(--spacing) * 1.25); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\! { padding-bottom: calc(var(--spacing) * 2) !important; } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-4\.5 { padding-bottom: calc(var(--spacing) * 4.5); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-6\! { padding-bottom: calc(var(--spacing) * 6) !important; } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-9 { padding-bottom: calc(var(--spacing) * 9); } .pb-9\! { padding-bottom: calc(var(--spacing) * 9) !important; } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-13 { padding-bottom: calc(var(--spacing) * 13); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-25 { padding-bottom: calc(var(--spacing) * 25); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pb-36 { padding-bottom: calc(var(--spacing) * 36); } .pb-44 { padding-bottom: calc(var(--spacing) * 44); } .pb-\[0\.25em\] { padding-bottom: 0.25em; } .pb-\[1px\] { padding-bottom: 1px; } .pb-\[3\.5px\] { padding-bottom: 3.5px; } .pb-\[5svh\] { padding-bottom: 5svh; } .pb-\[10px\] { padding-bottom: 10px; } .pb-\[11px\] { padding-bottom: 11px; } .pb-\[13px\] { padding-bottom: 13px; } .pb-\[18px\] { padding-bottom: 18px; } .pb-\[22px\] { padding-bottom: 22px; } .pb-\[40px\] { padding-bottom: 40px; } .pb-\[84px\] { padding-bottom: 84px; } .pb-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(0.5rem + env(safe-area-inset-bottom)); } .pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(0.75rem + env(safe-area-inset-bottom)); } .pb-\[calc\(max\(env\(safe-area-inset-bottom\)\,0px\)\+4px\)\] { padding-bottom: calc(max(env(safe-area-inset-bottom), 0px) + 4px); } .pb-\[calc\(max\(env\(safe-area-inset-bottom\)\,0px\)\+10px\)\] { padding-bottom: calc(max(env(safe-area-inset-bottom), 0px) + 10px); } .pb-\[calc\(var\(--sidebar-section-margin-top\)-var\(--sidebar-section-first-margin-top\)\)\] { padding-bottom: calc(var(--sidebar-section-margin-top) - var(--sidebar-section-first-margin-top)); } .pb-\[env\(safe-area-inset-bottom\,0px\)\] { padding-bottom: env(safe-area-inset-bottom, 0px); } .pb-\[max\(3rem\,env\(safe-area-inset-bottom\,0px\)\+1\.25rem\)\] { padding-bottom: max(3rem, env(safe-area-inset-bottom, 0px) + 1.25rem); } .pb-snc-1 { padding-bottom: var(--snc-1); } .pb-snc-2 { padding-bottom: var(--snc-2); } .\!pl-0 { padding-left: calc(var(--spacing) * 0) !important; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .pl-20 { padding-left: calc(var(--spacing) * 20); } .text-center { text-align: center; } .text-end { text-align: end; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .indent-\[0\.1em\] { text-indent: 0.1em; } .align-baseline { vertical-align: baseline; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-middle\! { vertical-align: middle !important; } .align-sub { vertical-align: sub; } .align-super { vertical-align: super; } .align-text-bottom { vertical-align: text-bottom; } .align-top { vertical-align: top; } .font-\[\'SF_Pro_Text\'\,\'SF_Pro_Display\'\,\'SF_Pro\'\,var\(--font-sans\)\] { font-family: 'SF Pro Text', 'SF Pro Display', 'SF Pro', var(--font-sans); } .font-\[\'Söhne\'\,\'Sohne\'\,var\(--font-sans\)\] { font-family: 'Söhne', 'Sohne', var(--font-sans); } .font-circle { font-family: Circle, 'system-ui', 'sans-serif'; } .font-mono { font-family: 'ui-monospace', SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, 'monospace'; } .font-oai { font-family: OpenAI Sans, sans-serif; } .font-oai\! { font-family: OpenAI Sans, sans-serif !important; } .font-sans { font-family: 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } .font-serif { font-family: 'ui-serif', Georgia, Cambria, Times New Roman, 'serif'; } .text-page-header { --tw-leading: 34px; --tw-font-weight: var(--font-weight-normal); font-size: 28px; line-height: 34px; font-weight: var(--font-weight-normal); --tw-tracking: 0.38px; letter-spacing: 0.38px; } .text-body-regular { font-size: var(--text-body-regular); line-height: var(--tw-leading, var(--text-body-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-regular--font-weight)); } .text-body-small-regular { font-size: var(--text-body-small-regular); line-height: var(--tw-leading, var(--text-body-small-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-small-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-small-regular--font-weight)); } .text-caption-regular { font-size: var(--text-caption-regular); line-height: var(--tw-leading, var(--text-caption-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-caption-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-caption-regular--font-weight)); } .text-footnote-regular { font-size: var(--text-footnote-regular); line-height: var(--tw-leading, var(--text-footnote-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-footnote-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-footnote-regular--font-weight)); } .text-heading-2 { font-size: var(--text-heading-2); line-height: var(--tw-leading, var(--text-heading-2--line-height)); letter-spacing: var(--tw-tracking, var(--text-heading-2--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-heading-2--font-weight)); } .text-heading-2\! { font-size: var(--text-heading-2) !important; line-height: var(--tw-leading, var(--text-heading-2--line-height)) !important; letter-spacing: var(--tw-tracking, var(--text-heading-2--letter-spacing)) !important; font-weight: var(--tw-font-weight, var(--text-heading-2--font-weight)) !important; } .text-heading-3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-heading-3--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-heading-3--font-weight)); } .text-heading-app { font-size: var(--text-heading-app); line-height: var(--tw-leading, var(--text-heading-app--line-height)); letter-spacing: var(--tw-tracking, var(--text-heading-app--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-heading-app--font-weight)); } .text-mkt-h1 { font-size: max(2rem, min(3.0047vw + 1.29577rem, 4rem)); line-height: var(--tw-leading, clamp(2.2rem, calc(2.2rem + 1.8 * ((100vw - 23.4375rem) / 66.5625)), 4rem)); letter-spacing: var(--tw-tracking, -0.03em); font-weight: var(--tw-font-weight, 500); } .text-mkt-h2 { font-size: max(2rem, min(1.50235vw + 1.64789rem, 3rem)); line-height: var(--tw-leading, clamp(2.28rem, calc(2.28rem + 1.2 * ((100vw - 23.4375rem) / 66.5625)), 3.48rem)); letter-spacing: var(--tw-tracking, clamp(-0.03em, calc(-0.03em + 0.02 * ((90rem - 100vw) / 66.5625)), -0.01em)); font-weight: var(--tw-font-weight, 500); } .text-mkt-h3 { font-size: max(1.5rem, min(0.56338vw + 1.36796rem, 1.875rem)); line-height: var(--tw-leading, clamp(1.98rem, calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)), 2.475rem)); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 500); } .text-mkt-h3\! { font-size: max(1.5rem, min(0.56338vw + 1.36796rem, 1.875rem)) !important; line-height: var( --tw-leading, clamp(1.98rem, calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)), 2.475rem) ) !important; letter-spacing: var(--tw-tracking, -0.01em) !important; font-weight: var(--tw-font-weight, 500) !important; } .text-mkt-h4 { font-size: max(1.25rem, min(0.187793vw + 1.20599rem, 1.375rem)); line-height: var(--tw-leading, clamp(1.5rem, calc(1.5rem + 0.2325 * ((100vw - 23.4375rem) / 66.5625)), 1.7325rem)); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 500); } .text-mkt-h5, .text-mkt-h6 { font-size: max(1rem, min(0.187793vw + 0.955986rem, 1.125rem)); line-height: var(--tw-leading, clamp(1.25rem, calc(1.25rem + 0.235 * ((100vw - 23.4375rem) / 66.5625)), 1.485rem)); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 500); } .text-mkt-p1 { font-size: 1.0625rem; line-height: var(--tw-leading, 1.74994rem); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 400); } .text-mkt-p2 { font-size: 0.875rem; line-height: var(--tw-leading, 1.435rem); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 400); } .text-mkt-xs { font-size: 0.625rem; line-height: var(--tw-leading, 0.825rem); letter-spacing: var(--tw-tracking, clamp(-0.01em, calc(-0.01em + 0.01 * ((90rem - 100vw) / 66.5625)), 0em)); font-weight: var(--tw-font-weight, 400); } .text-monospace { font-size: var(--text-monospace); line-height: var(--tw-leading, var(--text-monospace--line-height)); letter-spacing: var(--tw-tracking, var(--text-monospace--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-monospace--font-weight)); } .snc .text-xs { font-size: 0.825rem; line-height: 1.4; } .snc .text-sm { font-size: 0.9rem; line-height: 1.4; } .snc .text-base { font-size: 1rem; } .snc .text-lg { font-size: 1.125rem; } .snc .text-xl { font-size: 1.25rem; } .snc .text-2xl { font-size: 1.5rem; } .snc .text-3xl { font-size: 1.875rem; } @media (min-width: 40rem) { .snc { --snc-results-padding: 1.5rem; } } .\!text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-\[16px\]\/\[21px\] { font-size: 16px; line-height: 21px; } .text-\[20px\]\/\[25px\] { font-size: 20px; line-height: 25px; } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-base\! { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; } .text-body { font-size: 15px; line-height: var(--tw-leading, 22px); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-panel-title { font-size: 17px; line-height: var(--tw-leading, 26px); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\! { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-xs\! { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .\[font-size\:0\] { font-size: 0; } .\[font-size\:unset\] { font-size: unset; } .text-\[0\.5em\] { font-size: 0.5em; } .text-\[0\.5rem\] { font-size: 0.5rem; } .text-\[0\.55em\] { font-size: 0.55em; } .text-\[0\.65rem\] { font-size: 0.65rem; } .text-\[0\.70rem\] { font-size: 0.7rem; } .text-\[0\.75rem\] { font-size: 0.75rem; } .text-\[0\.93rem\] { font-size: 0.93rem; } .text-\[0\.625rem\] { font-size: 0.625rem; } .text-\[0\.5625em\] { font-size: 0.5625em; } .text-\[0px\] { font-size: 0; } .text-\[1\.05rem\] { font-size: 1.05rem; } .text-\[1\.75rem\] { font-size: 1.75rem; } .text-\[1\.0625rem\] { font-size: 1.0625rem; } .text-\[2rem\] { font-size: 2rem; } .text-\[5px\] { font-size: 5px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[11px\]\! { font-size: 11px !important; } .text-\[12px\] { font-size: 12px; } .text-\[12px\]\! { font-size: 12px !important; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[15px\]\! { font-size: 15px !important; } .text-\[16px\] { font-size: 16px; } .text-\[16px\]\! { font-size: 16px !important; } .text-\[17px\] { font-size: 17px; } .text-\[17px\]\! { font-size: 17px !important; } .text-\[18px\] { font-size: 18px; } .text-\[19px\] { font-size: 19px; } .text-\[20px\] { font-size: 20px; } .text-\[21px\] { font-size: 21px; } .text-\[22px\] { font-size: 22px; } .text-\[23px\] { font-size: 23px; } .text-\[24px\] { font-size: 24px; } .text-\[25px\] { font-size: 25px; } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[32px\] { font-size: 32px; } .text-\[34px\] { font-size: 34px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[42px\] { font-size: 42px; } .text-\[48px\] { font-size: 48px; } .text-\[52px\] { font-size: 52px; } .text-\[96px\] { font-size: 96px; } .text-\[clamp\(10px\,1\.8vw\,14px\)\] { font-size: max(10px, min(1.8vw, 14px)); } .text-\[clamp\(10px\,3\.2vw\,14px\)\] { font-size: max(10px, min(3.2vw, 14px)); } .text-\[clamp\(10px\,3\.4cqw\,14px\)\] { font-size: max(10px, min(3.4cqw, 14px)); } .text-\[clamp\(11px\,3\.6vw\,13px\)\] { font-size: max(11px, min(3.6vw, 13px)); } .text-\[min\(calc\(\(100vw-16px\)\*0\.231\)\,343px\)\] { font-size: min(23.1vw - 3.696px, 343px); } .text-\[min\(calc\(\(100vw-32px\)\*0\.215\)\,318px\)\] { font-size: min(21.5vw - 6.88px, 318px); } .\!leading-5 { --tw-leading: calc(var(--spacing) * 5) !important; line-height: calc(var(--spacing) * 5) !important; } .leading-0 { --tw-leading: calc(var(--spacing) * 0); line-height: calc(var(--spacing) * 0); } .leading-3 { --tw-leading: calc(var(--spacing) * 3); line-height: calc(var(--spacing) * 3); } .leading-3\.5 { --tw-leading: calc(var(--spacing) * 3.5); line-height: calc(var(--spacing) * 3.5); } .leading-3\.75 { --tw-leading: calc(var(--spacing) * 3.75); line-height: calc(var(--spacing) * 3.75); } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-4\.5 { --tw-leading: calc(var(--spacing) * 4.5); line-height: calc(var(--spacing) * 4.5); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-5\.5 { --tw-leading: calc(var(--spacing) * 5.5); line-height: calc(var(--spacing) * 5.5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-8\.5 { --tw-leading: calc(var(--spacing) * 8.5); line-height: calc(var(--spacing) * 8.5); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-9\.5 { --tw-leading: calc(var(--spacing) * 9.5); line-height: calc(var(--spacing) * 9.5); } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); } .leading-\[0\] { --tw-leading: 0; line-height: 0; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .leading-\[1\.25\] { --tw-leading: 1.25; line-height: 1.25; } .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; } .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; } .leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; } .leading-\[1\.375rem\] { --tw-leading: 1.375rem; line-height: 1.375rem; } .leading-\[1\.625rem\] { --tw-leading: 1.625rem; line-height: 1.625rem; } .leading-\[1\] { --tw-leading: 1; line-height: 1; } .leading-\[1lh\] { --tw-leading: 1lh; line-height: 1lh; } .leading-\[13px\] { --tw-leading: 13px; line-height: 13px; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[15px\] { --tw-leading: 15px; line-height: 15px; } .leading-\[16px\] { --tw-leading: 16px; line-height: 16px; } .leading-\[17px\] { --tw-leading: 17px; line-height: 17px; } .leading-\[18px\] { --tw-leading: 18px; line-height: 18px; } .leading-\[19px\] { --tw-leading: 19px; line-height: 19px; } .leading-\[20px\] { --tw-leading: 20px; line-height: 20px; } .leading-\[20px\]\! { --tw-leading: 20px !important; line-height: 20px !important; } .leading-\[21px\] { --tw-leading: 21px; line-height: 21px; } .leading-\[22px\] { --tw-leading: 22px; line-height: 22px; } .leading-\[23px\] { --tw-leading: 23px; line-height: 23px; } .leading-\[23px\]\! { --tw-leading: 23px !important; line-height: 23px !important; } .leading-\[24px\] { --tw-leading: 24px; line-height: 24px; } .leading-\[25px\] { --tw-leading: 25px; line-height: 25px; } .leading-\[26px\] { --tw-leading: 26px; line-height: 26px; } .leading-\[28px\] { --tw-leading: 28px; line-height: 28px; } .leading-\[30px\] { --tw-leading: 30px; line-height: 30px; } .leading-\[34px\] { --tw-leading: 34px; line-height: 34px; } .leading-\[35px\] { --tw-leading: 35px; line-height: 35px; } .leading-\[36px\] { --tw-leading: 36px; line-height: 36px; } .leading-\[42px\] { --tw-leading: 42px; line-height: 42px; } .leading-\[48px\] { --tw-leading: 48px; line-height: 48px; } .leading-\[150\%\] { --tw-leading: 150%; line-height: 150%; } .leading-\[clamp\(14px\,4\.2vw\,18px\)\] { --tw-leading: clamp(14px, 4.2vw, 18px); line-height: max(14px, min(4.2vw, 18px)); } .leading-\[normal\] { --tw-leading: normal; line-height: normal; } .leading-bar { --tw-leading: var(--bar-gap, 0.25rem); line-height: var(--bar-gap, 0.25rem); } .leading-dense { --tw-leading: 7/6; line-height: 7/6; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-none\! { --tw-leading: 1 !important; line-height: 1 !important; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-normal\! { --tw-leading: var(--leading-normal) !important; line-height: var(--leading-normal) !important; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .\[line-height\:1lh\] { line-height: 1lh; } .\!font-normal { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .font-\[14px\] { --tw-font-weight: 14px; font-weight: 14px; } .font-\[350\] { --tw-font-weight: 350; font-weight: 350; } .font-\[400\] { --tw-font-weight: 400; font-weight: 400; } .font-\[450\] { --tw-font-weight: 450; font-weight: 450; } .font-\[500\] { --tw-font-weight: 500; font-weight: 500; } .font-\[510\] { --tw-font-weight: 510; font-weight: 510; } .font-\[550\] { --tw-font-weight: 550; font-weight: 550; } .font-\[590\] { --tw-font-weight: 590; font-weight: 590; } .font-\[600\] { --tw-font-weight: 600; font-weight: 600; } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-medium\! { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-normal\! { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .font-semibold\! { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } .\[font-weight\:500\] { font-weight: 500; } .\[font-weight\:700\] { font-weight: 700; } .tracking-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; } .tracking-\[-0\.1px\] { --tw-tracking: -0.1px; letter-spacing: -0.1px; } .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; } .tracking-\[-0\.2px\] { --tw-tracking: -0.2px; letter-spacing: -0.2px; } .tracking-\[-0\.03em\] { --tw-tracking: -0.03em; letter-spacing: -0.03em; } .tracking-\[-0\.3px\] { --tw-tracking: -0.3px; letter-spacing: -0.3px; } .tracking-\[-0\.04em\] { --tw-tracking: -0.04em; letter-spacing: -0.04em; } .tracking-\[-0\.4px\] { --tw-tracking: -0.4px; letter-spacing: -0.4px; } .tracking-\[-0\.5px\] { --tw-tracking: -0.5px; letter-spacing: -0.5px; } .tracking-\[-0\.06px\] { --tw-tracking: -0.06px; letter-spacing: -0.06px; } .tracking-\[-0\.08px\] { --tw-tracking: -0.08px; letter-spacing: -0.08px; } .tracking-\[-0\.12px\] { --tw-tracking: -0.12px; letter-spacing: -0.12px; } .tracking-\[-0\.015em\] { --tw-tracking: -0.015em; letter-spacing: -0.015em; } .tracking-\[-0\.16px\] { --tw-tracking: -0.16px; letter-spacing: -0.16px; } .tracking-\[-0\.18px\] { --tw-tracking: -0.18px; letter-spacing: -0.18px; } .tracking-\[-0\.24px\] { --tw-tracking: -0.24px; letter-spacing: -0.24px; } .tracking-\[-0\.25px\] { --tw-tracking: -0.25px; letter-spacing: -0.25px; } .tracking-\[-0\.26px\] { --tw-tracking: -0.26px; letter-spacing: -0.26px; } .tracking-\[-0\.27px\] { --tw-tracking: -0.27px; letter-spacing: -0.27px; } .tracking-\[-0\.30px\] { --tw-tracking: -0.3px; letter-spacing: -0.3px; } .tracking-\[-0\.31px\] { --tw-tracking: -0.31px; letter-spacing: -0.31px; } .tracking-\[-0\.32px\] { --tw-tracking: -0.32px; letter-spacing: -0.32px; } .tracking-\[-0\.43px\] { --tw-tracking: -0.43px; letter-spacing: -0.43px; } .tracking-\[-0\.45px\] { --tw-tracking: -0.45px; letter-spacing: -0.45px; } .tracking-\[-0\.46px\] { --tw-tracking: -0.46px; letter-spacing: -0.46px; } .tracking-\[-0\.154px\] { --tw-tracking: -0.154px; letter-spacing: -0.154px; } .tracking-\[-0\.197499px\] { --tw-tracking: -0.197499px; letter-spacing: -0.197499px; } .tracking-\[-1\.2px\] { --tw-tracking: -1.2px; letter-spacing: -1.2px; } .tracking-\[-1\.5px\] { --tw-tracking: -1.5px; letter-spacing: -1.5px; } .tracking-\[0\.01em\] { --tw-tracking: 0.01em; letter-spacing: 0.01em; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.06px\] { --tw-tracking: 0.06px; letter-spacing: 0.06px; } .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; } .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; } .tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; } .tracking-\[0\.16em\] { --tw-tracking: 0.16em; letter-spacing: 0.16em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-\[0\.22em\] { --tw-tracking: 0.22em; letter-spacing: 0.22em; } .tracking-\[0\.24em\] { --tw-tracking: 0.24em; letter-spacing: 0.24em; } .tracking-\[0\.38px\] { --tw-tracking: 0.38px; letter-spacing: 0.38px; } .tracking-\[0\.392px\] { --tw-tracking: 0.392px; letter-spacing: 0.392px; } .tracking-\[0\] { --tw-tracking: 0; letter-spacing: 0; } .tracking-\[0px\] { --tw-tracking: 0px; letter-spacing: 0; } .tracking-condensed { --tw-tracking: -0.154px; letter-spacing: -0.154px; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .\[text-wrap\:pretty\] { text-wrap: pretty; } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .text-wrap { text-wrap: wrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .\[overflow-wrap\:normal\] { overflow-wrap: normal; } .break-words { overflow-wrap: break-word; } .wrap-anywhere { overflow-wrap: anywhere; } .wrap-break-word { overflow-wrap: break-word; } .\[word-break\:normal\] { word-break: normal; } .break-all { word-break: break-all; } .overflow-ellipsis { text-overflow: ellipsis; } .text-clip { text-overflow: clip; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .\[hyphens\:none\] { -webkit-hyphens: none; hyphens: none; } .whitespace-break-spaces { white-space: break-spaces; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-nowrap\! { white-space: nowrap !important; } .whitespace-pre { white-space: pre; } .whitespace-pre\! { white-space: pre !important; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .whitespace-pre-wrap\! { white-space: pre-wrap !important; } .interactive-icon-accent { color: var(--interactive-icon-default-accent); } @media (hover: hover) { .interactive-icon-accent:hover { color: var(--interactive-icon-hover-accent); } } .interactive-icon-accent:focus-visible { color: var(--interactive-icon-hover-accent); } .interactive-icon-accent:disabled, .interactive-icon-accent:where([data-visually-disabled]) { color: var(--interactive-icon-inactive-accent); } .interactive-icon-accent:checked { color: var(--interactive-icon-selected-accent); } .interactive-icon-accent:active { color: var(--interactive-icon-press-accent); } .interactive-label-accent { color: var(--interactive-label-default-accent); } @media (hover: hover) { .interactive-label-accent:hover { color: var(--interactive-label-hover-accent); } } .interactive-label-accent:focus-visible { color: var(--interactive-label-hover-accent); } .interactive-label-accent:disabled, .interactive-label-accent:where([data-visually-disabled]) { color: var(--interactive-label-inactive-accent); } .interactive-label-accent:checked { color: var(--interactive-label-selected-accent); } .interactive-label-accent:active { color: var(--interactive-label-press-accent); } .interactive-label-primary { color: var(--interactive-label-default-primary); } @media (hover: hover) { .interactive-label-primary:hover { color: var(--interactive-label-hover-primary); } } .interactive-label-primary:focus-visible { color: var(--interactive-label-hover-primary); } .interactive-label-primary:disabled, .interactive-label-primary:where([data-visually-disabled]) { color: var(--interactive-label-inactive-primary); } .interactive-label-primary:checked { color: var(--interactive-label-selected-primary); } .interactive-label-primary:active { color: var(--interactive-label-press-primary); } .interactive-label-secondary { color: var(--interactive-label-default-secondary); } @media (hover: hover) { .interactive-label-secondary:hover { color: var(--interactive-label-hover-secondary); } } .interactive-label-secondary:focus-visible { color: var(--interactive-label-hover-secondary); } .interactive-label-secondary:disabled, .interactive-label-secondary:where([data-visually-disabled]) { color: var(--interactive-label-inactive-secondary); } .interactive-label-secondary:checked { color: var(--interactive-label-selected-secondary); } .interactive-label-secondary:active { color: var(--interactive-label-press-secondary); } .interactive-label-tertiary { color: var(--interactive-label-default-tertiary); } @media (hover: hover) { .interactive-label-tertiary:hover { color: var(--interactive-label-hover-tertiary); } } .interactive-label-tertiary:focus-visible { color: var(--interactive-label-hover-tertiary); } .interactive-label-tertiary:disabled, .interactive-label-tertiary:where([data-visually-disabled]) { color: var(--interactive-label-inactive-tertiary); } .interactive-label-tertiary:checked { color: var(--interactive-label-selected-tertiary); } .interactive-label-tertiary:active { color: var(--interactive-label-press-tertiary); } .\!text-\[\#0D0D0D\] { color: #0d0d0d !important; } .\!text-\[\#007aff\] { color: #007aff !important; } .\!text-gray-900 { color: var(--gray-900) !important; } .\!text-token-text-primary { color: var(--text-primary) !important; } .\!text-white { color: #fff !important; } .entity-accent { color: var(--theme-entity-accent); } .text-\(--theme-user-msg-text\) { color: var(--theme-user-msg-text); } .text-\[\#0B69FF\] { color: #0b69ff; } .text-\[\#0D0D0D\] { color: #0d0d0d; } .text-\[\#0FA968\] { color: #0fa968; } .text-\[\#0f9f6e\] { color: #0f9f6e; } .text-\[\#00A240\], .text-\[\#00a240\] { color: #00a240; } .text-\[\#1A59F8\] { color: #1a59f8; } .text-\[\#1f6f45\] { color: #1f6f45; } .text-\[\#2D7A43\] { color: #2d7a43; } .text-\[\#2a7fff\] { color: #2a7fff; } .text-\[\#2f8a56\] { color: #2f8a56; } .text-\[\#3DCB40\] { color: #3dcb40; } .text-\[\#004F99\] { color: #004f99; } .text-\[\#004f1f\] { color: #004f1f; } .text-\[\#5B8AF0\] { color: #5b8af0; } .text-\[\#5D5BD0\] { color: #5d5bd0; } .text-\[\#5D5D5D\] { color: #5d5d5d; } .text-\[\#6B7280\] { color: #6b7280; } .text-\[\#007AFF\], .text-\[\#007aff\] { color: #007aff; } .text-\[\#008C2E\] { color: #008c2e; } .text-\[\#8E3CF3\] { color: #8e3cf3; } .text-\[\#8F8F8F\], .text-\[\#8f8f8f\] { color: #8f8f8f; } .text-\[\#10A37F\], .text-\[\#10a37f\] { color: #10a37f; } .text-\[\#30a633\] { color: #30a633; } .text-\[\#0088FF\] { color: #08f; } .text-\[\#262B72\] { color: #262b72; } .text-\[\#0285FF\], .text-\[\#0285ff\] { color: #0285ff; } .text-\[\#0385FF\] { color: #0385ff; } .text-\[\#615EEB\] { color: #615eeb; } .text-\[\#923B0F\] { color: #923b0f; } .text-\[\#3794FF\] { color: #3794ff; } .text-\[\#3855EA\] { color: #3855ea; } .text-\[\#4285F4\] { color: #4285f4; } .text-\[\#4362A0\] { color: #4362a0; } .text-\[\#5856D6\] { color: #5856d6; } .text-\[\#008000\] { color: green; } .text-\[\#24622B\] { color: #24622b; } .text-\[\#53565A\] { color: #53565a; } .text-\[\#59636E\] { color: #59636e; } .text-\[\#94673b\] { color: #94673b; } .text-\[\#101828\]\! { color: #101828 !important; } .text-\[\#667085\] { color: #667085; } .text-\[\#667085\]\! { color: #667085 !important; } .text-\[\#AF52DE\] { color: #af52de; } .text-\[\#C23B46\] { color: #c23b46; } .text-\[\#D6303D\] { color: #d6303d; } .text-\[\#E25507\] { color: #e25507; } .text-\[\#EE4D83\] { color: #ee4d83; } .text-\[\#F75858\] { color: #f75858; } .text-\[\#FE7600\] { color: #fe7600; } .text-\[\#a96e25\] { color: #a96e25; } .text-\[\#afafaf\]\! { color: #afafaf !important; } .text-\[\#df1b41\] { color: #df1b41; } .text-\[\#e02e2a\] { color: #e02e2a; } .text-\[\#e29e00\] { color: #e29e00; } .text-\[\#f14d42\] { color: #f14d42; } .text-\[\#ff002a\] { color: #ff002a; } .text-\[black\] { color: #000; } .text-\[rgb\(18\,100\,163\)\] { color: #1264a3; } .text-\[rgba\(0\,0\,0\,0\.6\)\] { color: #0009; } .text-\[rgba\(2\,133\,255\,1\)\] { color: #0285ff; } .text-\[var\(--bg-primary\)\] { color: var(--bg-primary); } .text-\[var\(--green-600\)\] { color: var(--green-600); } .text-\[var\(--input-font-size\)\] { color: var(--input-font-size); } .text-\[var\(--interactive-label-accent-default\)\] { color: var(--interactive-label-accent-default); } .text-\[var\(--main-surface-primary-inverse\)\] { color: var(--main-surface-primary-inverse); } .text-\[var\(--sidebar-surface-secondary\)\] { color: var(--sidebar-surface-secondary); } .text-\[var\(--text-danger\)\] { color: var(--text-danger); } .text-\[var\(--theme-user-msg-text\)\] { color: var(--theme-user-msg-text); } .text-black { color: #000; } .text-black\! { color: #000 !important; } .text-black\/20 { color: #0003; color: lab(0% 0 0/0.2); } .text-black\/35 { color: #00000059; color: lab(0% 0 0/0.35); } .text-black\/45 { color: #00000073; color: lab(0% 0 0/0.45); } .text-black\/60 { color: #0009; color: lab(0% 0 0/0.6); } .text-black\/80 { color: #000c; color: lab(0% 0 0/0.8); } .text-blue-100 { color: var(--blue-100); } .text-blue-200 { color: var(--blue-200); } .text-blue-300 { color: var(--blue-300); } .text-blue-400 { color: var(--blue-400); } .text-blue-400\! { color: var(--blue-400) !important; } .text-blue-500 { color: var(--blue-500); } .text-blue-600 { color: var(--blue-600); } .text-blue-700 { color: var(--blue-700); } .text-blue-800 { color: var(--blue-800); } .text-blue-900 { color: var(--blue-900); } .text-brand-blue-800 { color: #0066de; } .text-brand-green-800 { color: #05a746; } .text-brand-purple { color: #ab68ff; } .text-brand-purple-800 { color: #5400de; } .text-current { color: currentColor; } .text-danger { color: var(--red-500); } .text-gray-100 { color: var(--gray-100); } .text-gray-200 { color: var(--gray-200); } .text-gray-300 { color: var(--gray-300); } .text-gray-400 { color: var(--gray-400); } .text-gray-500 { color: var(--gray-500); } .text-gray-600 { color: var(--gray-600); } .text-gray-700 { color: var(--gray-700); } .text-gray-800 { color: var(--gray-800); } .text-gray-900 { color: var(--gray-900); } .text-gray-950, .text-gray-950\/80 { color: var(--gray-950); } @supports (color: color-mix(in lab, red, red)) { .text-gray-950\/80 { color: color-mix(in oklab, var(--gray-950) 80%, transparent); } } .text-gray-solid-500 { color: #5d5d5d; } .text-green-200 { color: var(--green-200); } .text-green-300 { color: var(--green-300); } .text-green-400 { color: var(--green-400); } .text-green-500 { color: var(--green-500); } .text-green-600 { color: var(--green-600); } .text-green-700 { color: var(--green-700); } .text-green-800 { color: var(--green-800); } .text-green-900 { color: var(--green-900); } .text-green-950 { color: var(--green-950); } .text-inherit { color: inherit; } .text-orange-300 { color: var(--orange-300); } .text-orange-400 { color: var(--orange-400); } .text-orange-500 { color: var(--orange-500); } .text-orange-600 { color: var(--orange-600); } .text-orange-700 { color: var(--orange-700); } .text-orange-800 { color: var(--orange-800); } .text-pink-400 { color: var(--pink-400); } .text-pink-500 { color: var(--pink-500); } .text-pink-800 { color: var(--pink-800); } .text-purple-200 { color: var(--purple-200); } .text-purple-400 { color: var(--purple-400); } .text-purple-500 { color: var(--purple-500); } .text-purple-800 { color: var(--purple-800); } .text-red-100 { color: var(--red-100); } .text-red-200 { color: var(--red-200); } .text-red-300 { color: var(--red-300); } .text-red-400, .text-red-400\/30 { color: var(--red-400); } @supports (color: color-mix(in lab, red, red)) { .text-red-400\/30 { color: color-mix(in oklab, var(--red-400) 30%, transparent); } } .text-red-500 { color: var(--red-500); } .text-red-600 { color: var(--red-600); } .text-red-700 { color: var(--red-700); } .text-red-800 { color: var(--red-800); } .text-red-900 { color: var(--red-900); } .text-red-950 { color: var(--red-950); } .text-token-bg-accent-static { color: var(--bg-accent-static); } .text-token-bg-primary { color: var(--bg-primary); } .text-token-bg-secondary { color: var(--bg-secondary); } .text-token-border-default { color: var(--border-default); } .text-token-border-heavy { color: var(--border-heavy); } .text-token-icon-accent { color: var(--icon-accent); } .text-token-icon-accent\! { color: var(--icon-accent) !important; } .text-token-icon-primary { color: var(--icon-primary); } .text-token-icon-secondary { color: var(--icon-secondary); } .text-token-icon-status-error { color: var(--icon-status-error); } .text-token-icon-status-warning { color: var(--icon-status-warning); } .text-token-icon-tertiary, .text-token-icon-tertiary\/80 { color: var(--icon-tertiary); } @supports (color: color-mix(in lab, red, red)) { .text-token-icon-tertiary\/80 { color: color-mix(in oklab, var(--icon-tertiary) 80%, transparent); } } .text-token-interactive-icon-accent-default { color: var(--interactive-icon-accent-default); } .text-token-interactive-icon-tertiary-default { color: var(--interactive-icon-tertiary-default); } .text-token-interactive-label-accent-default { color: var(--interactive-label-accent-default); } .text-token-interactive-label-danger-secondary-default { color: var(--interactive-label-danger-secondary-default); } .text-token-interactive-label-primary-default { color: var(--interactive-label-primary-default); } .text-token-interactive-label-primary-press { color: var(--interactive-label-primary-press); } .text-token-interactive-label-secondary-default { color: var(--interactive-label-secondary-default); } .text-token-interactive-label-tertiary-inactive { color: var(--interactive-label-tertiary-inactive); } .text-token-link { color: var(--link); } .text-token-main-surface-primary { color: var(--main-surface-primary); } .text-token-main-surface-primary\! { color: var(--main-surface-primary) !important; } .text-token-main-surface-primary-inverse { color: var(--main-surface-primary-inverse); } .text-token-main-surface-secondary { color: var(--main-surface-secondary); } .text-token-main-surface-tertiary { color: var(--main-surface-tertiary); } .text-token-sidebar-surface { color: var(--sidebar-surface); } .text-token-text-accent { color: var(--text-accent); } .text-token-text-error { color: var(--text-error); } .text-token-text-inverted { color: var(--text-inverted); } .text-token-text-inverted-static { color: var(--text-inverted-static); } .text-token-text-primary { color: var(--text-primary); } .text-token-text-primary\! { color: var(--text-primary) !important; } .text-token-text-primary\/35 { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-primary\/35 { color: color-mix(in oklab, var(--text-primary) 35%, transparent); } } .text-token-text-primary\/44 { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-primary\/44 { color: color-mix(in oklab, var(--text-primary) 44%, transparent); } } .text-token-text-primary\/50 { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-primary\/50 { color: color-mix(in oklab, var(--text-primary) 50%, transparent); } } .text-token-text-primary\/60 { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-primary\/60 { color: color-mix(in oklab, var(--text-primary) 60%, transparent); } } .text-token-text-primary\/80 { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-primary\/80 { color: color-mix(in oklab, var(--text-primary) 80%, transparent); } } .text-token-text-primary\/90 { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-primary\/90 { color: color-mix(in oklab, var(--text-primary) 90%, transparent); } } .text-token-text-quaternary { color: var(--text-quaternary); } .text-token-text-secondary { color: var(--text-secondary); } .text-token-text-secondary\! { color: var(--text-secondary) !important; } .text-token-text-secondary\/70 { color: var(--text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-secondary\/70 { color: color-mix(in oklab, var(--text-secondary) 70%, transparent); } } .text-token-text-secondary\/75 { color: var(--text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-secondary\/75 { color: color-mix(in oklab, var(--text-secondary) 75%, transparent); } } .text-token-text-status-error { color: var(--text-status-error); } .text-token-text-status-warning { color: var(--text-status-warning); } .text-token-text-tertiary, .text-token-text-tertiary\/60 { color: var(--text-tertiary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-tertiary\/60 { color: color-mix(in oklab, var(--text-tertiary) 60%, transparent); } } .text-token-text-tertiary\/80 { color: var(--text-tertiary); } @supports (color: color-mix(in lab, red, red)) { .text-token-text-tertiary\/80 { color: color-mix(in oklab, var(--text-tertiary) 80%, transparent); } } .text-transparent { color: #0000; } .text-white { color: #fff; } .text-white\! { color: #fff !important; } .text-white\/25 { color: #ffffff40; color: lab(100% -0.0000298023 0.0000119209/.25); } .text-white\/50 { color: #ffffff80; color: lab(100% -0.0000298023 0.0000119209/.5); } .text-white\/55 { color: #ffffff8c; color: lab(100% -0.0000298023 0.0000119209/.55); } .text-white\/60 { color: #fff9; color: lab(100% -0.0000298023 0.0000119209/.6); } .text-white\/65 { color: #ffffffa6; color: lab(100% -0.0000298023 0.0000119209/.65); } .text-white\/70 { color: #ffffffb3; color: lab(100% -0.0000298023 0.0000119209/.7); } .text-white\/75 { color: #ffffffbf; color: lab(100% -0.0000298023 0.0000119209/.75); } .text-white\/80 { color: #fffc; color: lab(100% -0.0000298023 0.0000119209/.8); } .text-white\/85 { color: #ffffffd9; color: lab(100% -0.0000298023 0.0000119209/.85); } .text-white\/90 { color: #ffffffe6; color: lab(100% -0.0000298023 0.0000119209/.9); } .text-white\/95 { color: #fffffff2; color: lab(100% -0.0000298023 0.0000119209/.95); } .text-yellow-200 { color: var(--yellow-200); } .text-yellow-400 { color: var(--yellow-400); } .text-yellow-500 { color: var(--yellow-500); } .text-yellow-600 { color: var(--yellow-600); } .text-yellow-700 { color: var(--yellow-700); } .text-yellow-800 { color: var(--yellow-800); } .text-yellow-900 { color: var(--yellow-900); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .italic\! { font-style: italic !important; } .not-italic { font-style: normal; } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .line-through { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .no-underline { -webkit-text-decoration-line: none; text-decoration-line: none; } .no-underline\! { -webkit-text-decoration-line: none !important; text-decoration-line: none !important; } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .underline\! { -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; } .decoration-blue-100 { -webkit-text-decoration-color: var(--blue-100); -webkit-text-decoration-color: var(--blue-100); -webkit-text-decoration-color: var(--blue-100); -webkit-text-decoration-color: var(--blue-100); text-decoration-color: var(--blue-100); } .decoration-gray-300 { -webkit-text-decoration-color: var(--gray-300); -webkit-text-decoration-color: var(--gray-300); -webkit-text-decoration-color: var(--gray-300); -webkit-text-decoration-color: var(--gray-300); text-decoration-color: var(--gray-300); } .decoration-gray-500 { -webkit-text-decoration-color: var(--gray-500); -webkit-text-decoration-color: var(--gray-500); -webkit-text-decoration-color: var(--gray-500); -webkit-text-decoration-color: var(--gray-500); text-decoration-color: var(--gray-500); } .decoration-red-100 { -webkit-text-decoration-color: var(--red-100); -webkit-text-decoration-color: var(--red-100); -webkit-text-decoration-color: var(--red-100); -webkit-text-decoration-color: var(--red-100); text-decoration-color: var(--red-100); } .decoration-token-border-heavy { -webkit-text-decoration-color: var(--border-heavy); -webkit-text-decoration-color: var(--border-heavy); -webkit-text-decoration-color: var(--border-heavy); -webkit-text-decoration-color: var(--border-heavy); text-decoration-color: var(--border-heavy); } .decoration-token-link { -webkit-text-decoration-color: var(--link); -webkit-text-decoration-color: var(--link); -webkit-text-decoration-color: var(--link); -webkit-text-decoration-color: var(--link); text-decoration-color: var(--link); } .decoration-token-text-primary { -webkit-text-decoration-color: var(--text-primary); -webkit-text-decoration-color: var(--text-primary); -webkit-text-decoration-color: var(--text-primary); -webkit-text-decoration-color: var(--text-primary); text-decoration-color: var(--text-primary); } .decoration-token-text-secondary { -webkit-text-decoration-color: var(--text-secondary); -webkit-text-decoration-color: var(--text-secondary); -webkit-text-decoration-color: var(--text-secondary); -webkit-text-decoration-color: var(--text-secondary); text-decoration-color: var(--text-secondary); } .decoration-token-text-tertiary { -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); text-decoration-color: var(--text-tertiary); } .decoration-token-text-tertiary\! { -webkit-text-decoration-color: var(--text-tertiary) !important; -webkit-text-decoration-color: var(--text-tertiary) !important; -webkit-text-decoration-color: var(--text-tertiary) !important; -webkit-text-decoration-color: var(--text-tertiary) !important; text-decoration-color: var(--text-tertiary) !important; } .decoration-token-text-tertiary\/70 { -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); text-decoration-color: var(--text-tertiary); } @supports (color: color-mix(in lab, red, red)) { .decoration-token-text-tertiary\/70 { -webkit-text-decoration-color: color-mix(in oklab, var(--text-tertiary) 70%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--text-tertiary) 70%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--text-tertiary) 70%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--text-tertiary) 70%, transparent); text-decoration-color: color-mix(in oklab, var(--text-tertiary) 70%, transparent); } } .decoration-dashed { -webkit-text-decoration-style: dashed; text-decoration-style: dashed; } .decoration-dotted { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .decoration-solid { -webkit-text-decoration-style: solid; text-decoration-style: solid; } .decoration-1 { text-decoration-thickness: 1px; } .decoration-2 { text-decoration-thickness: 2px; } .decoration-\[0\.5px\] { text-decoration-thickness: 0.5px; } .decoration-\[1px\] { text-decoration-thickness: 1px; } .decoration-\[8\%\] { text-decoration-thickness: 0.08em; } .decoration-\[11\%\] { text-decoration-thickness: 0.11em; } .decoration-\[12\%\] { text-decoration-thickness: 0.12em; } .underline-offset-1 { text-underline-offset: 1px; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-3 { text-underline-offset: 3px; } .underline-offset-4 { text-underline-offset: 4px; } .underline-offset-8 { text-underline-offset: 8px; } .underline-offset-\[2px\] { text-underline-offset: 2px; } .underline-offset-\[6px\] { text-underline-offset: 6px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .placeholder-gray-500::placeholder { color: var(--gray-500); } .placeholder-token-text-tertiary::placeholder { color: var(--text-tertiary); } .caret-current { caret-color: currentColor; } .caret-token-text-primary { caret-color: var(--text-primary); } .accent-blue-500 { accent-color: var(--blue-500); } .accent-token-text-primary { accent-color: var(--text-primary); } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-80\! { opacity: 0.8 !important; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } .opacity-\[0\.01\] { opacity: 0.01; } .opacity-\[0\.04\] { opacity: 0.04; } .opacity-\[0\.12\] { opacity: 0.12; } .opacity-\[0\.15\] { opacity: 0.15; } .opacity-\[0\.34\] { opacity: 0.34; } .\[background-blend-mode\:color-dodge\] { background-blend-mode: color-dodge; } .mix-blend-darken { mix-blend-mode: darken; } .mix-blend-difference { mix-blend-mode: difference; } .mix-blend-soft-light { mix-blend-mode: soft-light; } .shadow-long { --tw-shadow: 0px 8px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #00000014)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-long:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 8px 16px 0px var(--tw-shadow-color, #00000052), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)), 0px 0px 1px 0px var(--tw-shadow-color, #0000009e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-short { --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-short:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000001a)), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-short-composer { --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)), 0px 4px 80px 8px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-short-composer:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000d)), 0px 4px 80px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000d)), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs\/3 { --tw-shadow-alpha: 3%; --tw-shadow: 0 0 15px var(--tw-shadow-color, #00000008); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @supports (color: lab(0% 0 0)) { .shadow-xs\/3 { --tw-shadow: 0 0 15px var(--tw-shadow-color, lab(0% 0 0/0.03)); } } .\!shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow\! { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-\(--shadow-lg\) { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-4px_0_0_0_var\(--bg-primary\)\] { --tw-shadow: -4px 0 0 0 var(--tw-shadow-color, var(--bg-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-4px_32px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 -4px 32px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_0\.5px_rgba\(13\,13\,13\,0\.1\)\,0_2px_20px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, #0d0d0d1a), 0 2px 20px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(15\,23\,42\,0\.45\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0f172a73); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(16\,163\,127\,0\.35\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #10a37f59); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(16\,185\,129\,0\.25\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #10b98140); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(236\,236\,251\,0\.95\)\,0_12px_24px_-18px_rgba\(93\,91\,208\,0\.45\)\,0_0_24px_rgba\(205\,206\,249\,0\.55\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ececfbf2), 0 12px 24px -18px var(--tw-shadow-color, #5d5bd073), 0 0 24px var(--tw-shadow-color, #cdcef98c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(16\,163\,127\,0\.18\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #10a37f2e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(16\,163\,127\,0\.25\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #10a37f40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(16\,163\,127\,0\.35\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #10a37f59); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(148\,163\,184\,0\.35\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #94a3b859); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_4px\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_4px_rgba\(255\,255\,255\,0\.18\)\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #ffffff2e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_0_rgba\(23\,98\,252\,0\.50\)\] { --tw-shadow: 0 0 12px 0 var(--tw-shadow-color, #1762fc80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_18px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.07\)\,_0_16px_32px_-16px_rgba\(0\,0\,0\,0\.07\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #00000012), 0 16px 32px -16px var(--tw-shadow-color, #00000012); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_40px\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_50px\] { --tw-shadow: 0 0 50px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_64px_0_rgba\(0\,0\,0\,0\.07\)\] { --tw-shadow: 0 0 64px 0 var(--tw-shadow-color, #00000012); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_84px_0_rgba\(0\,105\,209\,0\.5\)\] { --tw-shadow: 0 0 84px 0 var(--tw-shadow-color, #0069d180); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_0_var\(--border-light\)\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--border-light)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.03\)\,_0_4\.93747px_9\.05202px_rgba\(0\,0\,0\,0\.11\)\] { --tw-shadow: 0 1px 1px var(--tw-shadow-color, #00000008), 0 4.93747px 9.05202px var(--tw-shadow-color, #0000001c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(15\,23\,42\,0\.03\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0f172a08); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_4px_rgba\(15\,23\,42\,0\.08\)\] { --tw-shadow: 0 1px 4px var(--tw-shadow-color, #0f172a14); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_3px_0_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 2px 3px 0 var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_10px\] { --tw-shadow: 0 2px 10px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 2px 10px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_3\.095px_10\.318px_0_rgba\(0\,0\,0\,0\.05\)\,0_10\.318px_18\.573px_0_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 3.095px 10.318px 0 var(--tw-shadow-color, #0000000d), 0 10.318px 18.573px 0 var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #00000029); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_24px_-5px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 4px 24px -5px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_25px_-5px_rgba\(232\,235\,255\,0\.57\)\] { --tw-shadow: 0 4px 25px -5px var(--tw-shadow-color, #e8ebff91); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_64px_0_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 4px 64px 0 var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_5px_8px_3px_rgba\(0\,0\,0\,0\.05\)\,_0_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.09\)\] { --tw-shadow: 0 5px 8px 3px var(--tw-shadow-color, #0000000d), 0 0.5px 1px 0px var(--tw-shadow-color, #00000017); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_5px_8px_3px_rgba\(0\,0\,0\,0\.025\)\,_0_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.045\)\] { --tw-shadow: 0 5px 8px 3px var(--tw-shadow-color, #00000006), 0 0.5px 1px 0px var(--tw-shadow-color, #0000000b); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_12px_0_rgba\(0\,0\,0\,0\.16\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\] { --tw-shadow: 0 8px 12px 0 var(--tw-shadow-color, #00000029), 0 0 1px 0 var(--tw-shadow-color, #0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_0_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 8px 24px 0 var(--tw-shadow-color, #0000002e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_30px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 8px 30px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_24px_rgba\(97\,87\,255\,0\.28\)\] { --tw-shadow: 0 10px 24px var(--tw-shadow-color, #6157ff47); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color, #00000059); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_12px_24px_-6px_rgb\(0_0_0_\/_0\.1\)\,0_0_1px_rgb\(0_0_0_\/_0\.2\)\] { --tw-shadow: 0 12px 24px -6px var(--tw-shadow-color, #0000001a), 0 0 1px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.08\)\] { --tw-shadow: 0 12px 32px var(--tw-shadow-color, #0f172a14); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 12px 36px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 12px 40px var(--tw-shadow-color, #0000002e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_14px_62px_0_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 14px 62px 0 var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_16px_30px_-26px_rgba\(15\,23\,42\,0\.45\)\] { --tw-shadow: 0 16px 30px -26px var(--tw-shadow-color, #0f172a73); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_16px_32px_-24px_rgba\(15\,23\,42\,0\.25\)\] { --tw-shadow: 0 16px 32px -24px var(--tw-shadow-color, #0f172a40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.22\)\] { --tw-shadow: 0 16px 40px var(--tw-shadow-color, #00000038); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 18px 50px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_19px_54px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 19px 54px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_19px_54px_rgba\(52\,168\,83\,0\.10\)\] { --tw-shadow: 0 19px 54px var(--tw-shadow-color, #34a8531a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_19px_54px_rgba\(66\,133\,244\,0\.10\)\] { --tw-shadow: 0 19px 54px var(--tw-shadow-color, #4285f41a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_19px_54px_rgba\(255\,67\,67\,0\.08\)\] { --tw-shadow: 0 19px 54px var(--tw-shadow-color, #ff434314); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_48px_rgba\(15\,23\,42\,0\.18\)\] { --tw-shadow: 0 20px 48px var(--tw-shadow-color, #0f172a2e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.55\)\] { --tw-shadow: 0 20px 60px var(--tw-shadow-color, #0000008c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.28\)\] { --tw-shadow: 0 24px 64px var(--tw-shadow-color, #00000047); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.65\)\] { --tw-shadow: 0 24px 80px var(--tw-shadow-color, #000000a6); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_28px_80px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 28px 80px var(--tw-shadow-color, #0000002e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 30px 80px var(--tw-shadow-color, #0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_32px_48px_rgba\(0\,0\,0\,0\.175\)\,_0_0_1px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 32px 48px var(--tw-shadow-color, #0000002d), 0 0 1px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.09\)\,0px_5px_8px_0px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0px 0.5px 1px 0px var(--tw-shadow-color, #00000017), 0px 5px 8px 0px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0\.25px_0\.25px_0px_rgba\(0\,0\,0\,0\.12\)\,0px_0\.5px_0\.5px_0px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0px 0.25px 0.25px 0px var(--tw-shadow-color, #0000001f), 0px 0.5px 0.5px 0px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,0\.07\)\,0px_4px_80px_rgba\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #00000012), 0px 4px 80px var(--tw-shadow-color, #00000005); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,0\.08\)\,0px_2px_2px_rgba\(0\,0\,0\,0\.08\)\,0px_4px_80px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #00000014), 0px 2px 2px var(--tw-shadow-color, #00000014), 0px 4px 80px var(--tw-shadow-color, #00000008); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_0px_1px_var\(--border-heavy\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--border-heavy)), 0px 4px 12px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_0px_1px_var\(--border-heavy\)\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--border-heavy)), 0px 6px 20px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_0px_32px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px 0px 32px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_1px_1px_0px_var\(--shadow-color-1\,rgba\(0\,_0\,_0\,_0\.06\)\)\,0px_0px_1px_0px_var\(--shadow-color-2\,rgba\(0\,_0\,_0\,_0\.3\)\)\] { --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000f)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000004d)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_1px_3px_rgba\(0\,0\,0\,0\.04\)\,0px_0px_0px_0\.5px_var\(--border-light\)\] { --tw-shadow: 0px 1px 3px var(--tw-shadow-color, #0000000a), 0px 0px 0px 0.5px var(--tw-shadow-color, var(--border-light)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_2px_12px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0px 2px 12px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_2px_14px_0px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0px 2px 14px 0px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\,0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 4px 6px -4px var(--tw-shadow-color, #0000001a), 0px 10px 15px -3px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_14px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0px 4px 14px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\], .shadow-\[0px_4px_16px_0px_rgba\(0\,_0\,_0\,_0\.05\)\] { --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_16px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0px 4px 16px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_6px_18px_rgba\(0\,0\,0\,0\.07\)\] { --tw-shadow: 0px 6px 18px var(--tw-shadow-color, #00000012); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_6px_24px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0px 6px 24px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_8px_14px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0px 8px 14px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_8px_32px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0px 8px 32px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_10px_20px_0px_rgb\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0px 10px 20px 0px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_10px_30px_0px\] { --tw-shadow: 0px 10px 30px 0px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_12px_32px_rgba\(15\,23\,42\,0\.14\)\] { --tw-shadow: 0px 12px 32px var(--tw-shadow-color, #0f172a24); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_16px_48px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px 16px 48px var(--tw-shadow-color, #00000029); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_20px_25\.000001907348633px_-5px_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a), 0px 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_20px_25px_0px_rgba\(0\,0\,0\,0\.10\)\,0px_8px_10px_0px_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 0px 20px 25px 0px var(--tw-shadow-color, #0000001a), 0px 8px 10px 0px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[4px_0_0_0_var\(--bg-primary\)\] { --tw-shadow: 4px 0 0 0 var(--tw-shadow-color, var(--bg-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_var\(--alpha-08\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--alpha-08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_30px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: inset 0 0 30px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff2e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0px_0px_1px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: inset 0px 0px 1px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[none\] { --tw-shadow: none; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--sidechat-shadow\)\]\! { --tw-shadow: var(--sidechat-shadow) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-elevation-01 { --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-elevation-01\! { --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-elevation-03 { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a), 0px 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none\! { --tw-shadow: 0 0 transparent !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xxs { --tw-shadow: 0 0 2px 0 var(--tw-shadow-color, #0000000d), 0 4px 6px 0 var(--tw-shadow-color, #00000005); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0\! { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sharp-edge-top-shadow { box-shadow: var(--sharp-edge-top-shadow-placeholder); } .sharp-edge-top-shadow[data-scrolled-from-start] { box-shadow: var(--sharp-edge-top-shadow); } .\[box-shadow\:0_2px_8px_0_rgba\(0\,0\,0\,0\.05\)\] { box-shadow: 0 2px 8px #0000000d; } .\[box-shadow\:none\] { box-shadow: none; } .\[box-shadow\:var\(--sharp-edge-bottom-shadow\)\] { box-shadow: var(--sharp-edge-bottom-shadow); } .\[box-shadow\:var\(--sharp-edge-bottom-shadow-placeholder\)\] { box-shadow: var(--sharp-edge-bottom-shadow-placeholder); } .\[box-shadow\:var\(--sharp-edge-top-shadow\)\] { box-shadow: var(--sharp-edge-top-shadow); } .\[box-shadow\:var\(--sharp-edge-top-shadow-placeholder\)\] { box-shadow: var(--sharp-edge-top-shadow-placeholder); } .shadow-black\/3 { --tw-shadow-color: #00000008; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/3 { --tw-shadow-color: color-mix(in oklab, lab(0% 0 0/0.03) var(--tw-shadow-alpha), transparent); } } .shadow-black\/5 { --tw-shadow-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/5 { --tw-shadow-color: color-mix(in oklab, lab(0% 0 0/0.05) var(--tw-shadow-alpha), transparent); } } .shadow-black\/20 { --tw-shadow-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/20 { --tw-shadow-color: color-mix(in oklab, lab(0% 0 0/0.2) var(--tw-shadow-alpha), transparent); } } .shadow-token-border-default { --tw-shadow-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .shadow-token-border-default { --tw-shadow-color: color-mix(in oklab, var(--border-default) var(--tw-shadow-alpha), transparent); } } .shadow-token-border-heavy { --tw-shadow-color: var(--border-heavy); } @supports (color: color-mix(in lab, red, red)) { .shadow-token-border-heavy { --tw-shadow-color: color-mix(in oklab, var(--border-heavy) var(--tw-shadow-alpha), transparent); } } .shadow-token-border-light { --tw-shadow-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .shadow-token-border-light { --tw-shadow-color: color-mix(in oklab, var(--border-light) var(--tw-shadow-alpha), transparent); } } .shadow-token-main-surface-primary { --tw-shadow-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .shadow-token-main-surface-primary { --tw-shadow-color: color-mix(in oklab, var(--main-surface-primary) var(--tw-shadow-alpha), transparent); } } .ring-black { --tw-ring-color: #000; } .ring-black\/0 { --tw-ring-color: transparent; } @supports (color: lab(0% 0 0)) { .ring-black\/0 { --tw-ring-color: lab(0% 0 0/0); } } .ring-black\/5 { --tw-ring-color: #0000000d; } @supports (color: lab(0% 0 0)) { .ring-black\/5 { --tw-ring-color: lab(0% 0 0/0.05); } } .ring-black\/10 { --tw-ring-color: #0000001a; } @supports (color: lab(0% 0 0)) { .ring-black\/10 { --tw-ring-color: lab(0% 0 0/0.1); } } .ring-black\/\[0\.05\] { --tw-ring-color: #0000000d; } @supports (color: lab(0% 0 0)) { .ring-black\/\[0\.05\] { --tw-ring-color: lab(0% 0 0/0.05); } } .ring-black\/\[0\.08\] { --tw-ring-color: #00000014; } @supports (color: lab(0% 0 0)) { .ring-black\/\[0\.08\] { --tw-ring-color: lab(0% 0 0/0.08); } } .ring-black\/\[0\.025\] { --tw-ring-color: #00000006; } @supports (color: lab(0% 0 0)) { .ring-black\/\[0\.025\] { --tw-ring-color: lab(0% 0 0/0.025); } } .ring-blue-200 { --tw-ring-color: var(--blue-200); } .ring-blue-400, .ring-blue-400\/40 { --tw-ring-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .ring-blue-400\/40 { --tw-ring-color: color-mix(in oklab, var(--blue-400) 40%, transparent); } } .ring-blue-500, .ring-blue-500\/60 { --tw-ring-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .ring-blue-500\/60 { --tw-ring-color: color-mix(in oklab, var(--blue-500) 60%, transparent); } } .ring-gray-200 { --tw-ring-color: var(--gray-200); } .ring-green-200 { --tw-ring-color: var(--green-200); } .ring-red-200 { --tw-ring-color: var(--red-200); } .ring-red-500 { --tw-ring-color: var(--red-500); } .ring-token-border-light, .ring-token-border-light\/60 { --tw-ring-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .ring-token-border-light\/60 { --tw-ring-color: color-mix(in oklab, var(--border-light) 60%, transparent); } } .ring-token-border-xheavy { --tw-ring-color: var(--border-xheavy); } .ring-token-text-primary, .ring-token-text-primary\/12 { --tw-ring-color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .ring-token-text-primary\/12 { --tw-ring-color: color-mix(in oklab, var(--text-primary) 12%, transparent); } } .ring-transparent { --tw-ring-color: transparent; } .ring-white { --tw-ring-color: #fff; } .ring-white\/20 { --tw-ring-color: #fff3; } @supports (color: lab(0% 0 0)) { .ring-white\/20 { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.2); } } .ring-white\/70 { --tw-ring-color: #ffffffb3; } @supports (color: lab(0% 0 0)) { .ring-white\/70 { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.7); } } .ring-offset-0 { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-4 { --tw-ring-offset-width: 4px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-black { --tw-ring-offset-color: #000; } .ring-offset-transparent { --tw-ring-offset-color: transparent; } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-0 { outline-style: var(--tw-outline-style); outline-width: 0; } .outline-0\! { outline-style: var(--tw-outline-style) !important; outline-width: 0 !important; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; } .outline-\[0\.5px\] { outline-style: var(--tw-outline-style); outline-width: 0.5px; } .outline-\[1px\] { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-2 { outline-offset: calc(2px * -1); } .-outline-offset-\[1\.5px\] { outline-offset: calc(1.5px * -1); } .outline-offset-1 { outline-offset: 1px; } .outline-offset-2 { outline-offset: 2px; } .outline-offset-4 { outline-offset: 4px; } .outline-offset-\[-1px\] { outline-offset: -1px; } .outline-\(--interactive-label-accent-default\,var\(--bg-primary-inverted\)\) { outline-color: var(--interactive-label-accent-default, var(--bg-primary-inverted)); } .outline-\[\#5856D6\] { outline-color: #5856d6; } .outline-black\/5 { outline-color: #0000000d; outline-color: lab(0% 0 0/0.05); } .outline-black\/10 { outline-color: #0000001a; outline-color: lab(0% 0 0/0.1); } .outline-blue-400 { outline-color: var(--blue-400); } .outline-green-400 { outline-color: var(--green-400); } .outline-orange-400 { outline-color: var(--orange-400); } .outline-orange-500 { outline-color: var(--orange-500); } .outline-pink-400 { outline-color: var(--pink-400); } .outline-purple-400 { outline-color: var(--purple-400); } .outline-red-400 { outline-color: var(--red-400); } .outline-token-bg-primary { outline-color: var(--bg-primary); } .outline-token-border-default { outline-color: var(--border-default); } .outline-token-border-heavy { outline-color: var(--border-heavy); } .outline-token-border-light { outline-color: var(--border-light); } .outline-token-border-status-warning { outline-color: var(--border-status-warning); } .outline-token-border-xlight { outline-color: var(--border-xlight); } .outline-token-icon-secondary { outline-color: var(--icon-secondary); } .outline-token-interactive-label-accent-default { outline-color: var(--interactive-label-accent-default); } .outline-token-text-primary { outline-color: var(--text-primary); } .outline-transparent { outline-color: #0000; } .outline-white { outline-color: #fff; } .outline-yellow-400 { outline-color: var(--yellow-400); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[0\.561px\] { --tw-blur: blur(0.561px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[1\.5px\] { --tw-blur: blur(1.5px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[1px\] { --tw-blur: blur(1px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[10px\] { --tw-blur: blur(10px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[15px\] { --tw-blur: blur(15px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[100px\] { --tw-blur: blur(100px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-lg { --tw-blur: blur(var(--blur-lg)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-md { --tw-blur: blur(var(--blur-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-sm { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .brightness-0 { --tw-brightness: brightness(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .brightness-90 { --tw-brightness: brightness(90%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_0_6px_rgba\(0\,0\,0\,0\.85\)\] { --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, #000000d9)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_0_14px_rgba\(0\,0\,0\,0\.45\)\] { --tw-drop-shadow-size: drop-shadow(0 0 14px var(--tw-drop-shadow-color, #00000073)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.35\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000059)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.45\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000073)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_3\.84px_23\.04px_rgba\(0\,0\,0\,0\.06\)\] { --tw-drop-shadow-size: drop-shadow(0 3.84px 23.04px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_6px_4px_var\(--shadow-color\)\] { --tw-drop-shadow-size: drop-shadow(0 6px 4px var(--tw-drop-shadow-color, var(--shadow-color))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.35\)\] { --tw-drop-shadow-size: drop-shadow(0 6px 18px var(--tw-drop-shadow-color, #00000059)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.55\)\] { --tw-drop-shadow-size: drop-shadow(0 6px 18px var(--tw-drop-shadow-color, #0000008c)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.18\)\] { --tw-drop-shadow-size: drop-shadow(0 8px 20px var(--tw-drop-shadow-color, #0000002e)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.06\)\] { --tw-drop-shadow-size: drop-shadow(0 12px 32px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_20px_50px_rgba\(190\,210\,233\,0\.75\)\] { --tw-drop-shadow-size: drop-shadow(0 20px 50px var(--tw-drop-shadow-color, #bed2e9bf)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-xs { --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000d)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale-\[0\.6\] { --tw-grayscale: grayscale(0.6); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .\[filter\:drop-shadow\(0_0_0_currentColor\)\] { filter: drop-shadow(0 0); } .\[filter\:drop-shadow\(0px_20px_18px_rgba\(0\,0\,0\,0\.1\)\)_drop-shadow\(0px_8px_5px_rgba\(0\,0\,0\,0\.08\)\)\] { filter: drop-shadow(0 20px 18px #0000001a) drop-shadow(0 8px 5px #00000014); } .\[filter\:grayscale\(1\)_brightness\(0\)\] { filter: grayscale() brightness(0); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-2xl\! { --tw-backdrop-blur: blur(var(--blur-2xl)) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; } .backdrop-blur-3xl { --tw-backdrop-blur: blur(var(--blur-3xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[1\.5px\] { --tw-backdrop-blur: blur(1.5px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[10px\] { --tw-backdrop-blur: blur(10px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[12px\] { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[20px\] { --tw-backdrop-blur: blur(20px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[24px\] { --tw-backdrop-blur: blur(24px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[27px\] { --tw-backdrop-blur: blur(27px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[38px\] { --tw-backdrop-blur: blur(38px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[40px\] { --tw-backdrop-blur: blur(40px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-\[70px\] { --tw-backdrop-blur: blur(70px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-none { --tw-backdrop-blur: ; -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-brightness-75 { --tw-backdrop-brightness: brightness(75%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-contrast-125 { --tw-backdrop-contrast: contrast(125%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-saturate-25 { --tw-backdrop-saturate: saturate(25%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-saturate-100 { --tw-backdrop-saturate: saturate(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-saturate-125 { --tw-backdrop-saturate: saturate(125%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .\[backdrop-filter\:var\(--sidebar-sticky-backdrop\)\] { -webkit-backdrop-filter: var(--sidebar-sticky-backdrop); backdrop-filter: var(--sidebar-sticky-backdrop); } .transition { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[backdrop-filter\] { transition-property: -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,backdrop-filter\,opacity\] { transition-property: background-color, -webkit-backdrop-filter, backdrop-filter, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,backdrop-filter\] { transition-property: background-color, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,border-color\] { transition-property: background-color, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,box-shadow\] { transition-property: background-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,transform\] { transition-property: background-color, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[border-color\] { transition-property: border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[box-shadow\,background-color\] { transition-property: box-shadow, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[box-shadow\] { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\,opacity\] { transition-property: filter, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\,transform\] { transition-property: filter, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\] { transition-property: filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[flex-basis\] { transition-property: flex-basis; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-rows\,opacity\,margin\] { transition-property: grid-template-rows, opacity, margin; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-rows\,padding-bottom\,opacity\] { transition-property: grid-template-rows, padding-bottom, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,transform\] { transition-property: left, right, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,color\] { transition-property: margin, color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[mask\] { transition-property: -webkit-mask, mask; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-height\,opacity\,transform\] { transition-property: max-height, opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-height\,opacity\] { transition-property: max-height, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,background-color\,border-color\,box-shadow\] { transition-property: opacity, background-color, border-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,background\] { transition-property: opacity, background; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,display\,backdrop-filter\] { transition-property: opacity, display, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,display\] { transition-property: opacity, display; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,filter\] { transition-property: opacity, filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\] { transition-property: opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\] { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity_transform\] { transition-property: opacity transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[stroke-dashoffset\] { transition-property: stroke-dashoffset; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,opacity\] { transition-property: transform, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform_--shadow-color\] { transition-property: transform --shadow-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform_opacity\] { transition-property: transform opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,border-color\,box-shadow\,background-color\] { transition-property: width, border-color, box-shadow, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,opacity\,transform\] { transition-property: width, opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-width { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .\[transition-property\:translate\,opacity\] { transition-property: translate, opacity; } .transition-none { transition-property: none; } .transition-none\! { transition-property: none !important; } .transition-discrete { transition-behavior: allow-discrete; } .delay-0 { transition-delay: 0s; } .delay-75 { transition-delay: 75ms; } .delay-100 { transition-delay: 0.1s; } .delay-200 { transition-delay: 0.2s; } .duration-0 { --tw-duration: 0s; transition-duration: 0s; } .duration-50 { --tw-duration: 50ms; transition-duration: 50ms; } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: 0.1s; transition-duration: 0.1s; } .duration-120 { --tw-duration: 0.12s; transition-duration: 0.12s; } .duration-150 { --tw-duration: 0.15s; transition-duration: 0.15s; } .duration-175 { --tw-duration: 0.175s; transition-duration: 0.175s; } .duration-200 { --tw-duration: 0.2s; transition-duration: 0.2s; } .duration-220 { --tw-duration: 0.22s; transition-duration: 0.22s; } .duration-250 { --tw-duration: 0.25s; transition-duration: 0.25s; } .duration-300 { --tw-duration: 0.3s; transition-duration: 0.3s; } .duration-350 { --tw-duration: 0.35s; transition-duration: 0.35s; } .duration-400 { --tw-duration: 0.4s; transition-duration: 0.4s; } .duration-450 { --tw-duration: 0.45s; transition-duration: 0.45s; } .duration-500 { --tw-duration: 0.5s; transition-duration: 0.5s; } .duration-600 { --tw-duration: 0.6s; transition-duration: 0.6s; } .duration-700 { --tw-duration: 0.7s; transition-duration: 0.7s; } .duration-800 { --tw-duration: 0.8s; transition-duration: 0.8s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .duration-2000 { --tw-duration: 2s; transition-duration: 2s; } .duration-\[0\.24s\] { --tw-duration: 0.24s; transition-duration: 0.24s; } .duration-\[1\.5s\] { --tw-duration: 1.5s; transition-duration: 1.5s; } .duration-\[400ms\] { --tw-duration: 0.4s; transition-duration: 0.4s; } .duration-\[420ms\] { --tw-duration: 0.42s; transition-duration: 0.42s; } .duration-\[700ms\] { --tw-duration: 0.7s; transition-duration: 0.7s; } .ease-\[cubic-bezier\(\.24\,\.1\,\.42\,\.91\)\] { --tw-ease: cubic-bezier(0.24, 0.1, 0.42, 0.91); transition-timing-function: cubic-bezier(0.24, 0.1, 0.42, 0.91); } .ease-\[cubic-bezier\(0\.17\,0\.17\,0\.30\,1\.00\)\] { --tw-ease: cubic-bezier(0.17, 0.17, 0.3, 1); transition-timing-function: cubic-bezier(0.17, 0.17, 0.3, 1); } .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] { --tw-ease: cubic-bezier(0.22, 1, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } .ease-\[cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)\] { --tw-ease: cubic-bezier(0.87, 0, 0.13, 1); transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1); } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .ease-spring-fast { --tw-ease: var(--spring-fast); transition-timing-function: var(--spring-fast); } .ease-spring-standard { --tw-ease: var(--spring-common); transition-timing-function: var(--spring-common); } .\[will-change\:transform\] { will-change: transform; } .will-change-\[opacity\,clip-path\,transform\] { will-change: opacity, clip-path, transform; } .will-change-\[opacity\] { will-change: opacity; } .will-change-\[transform\], .will-change-transform { will-change: transform; } .contain-inline-size { --tw-contain-size: inline-size; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); } .contain-layout { --tw-contain-layout: layout; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); } .contain-paint { --tw-contain-paint: paint; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); } .contain-size { --tw-contain-size: size; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); } .contain-style { --tw-contain-style: style; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); } .contain-\[style_inline-size\] { contain: style inline-size; } .contain-content { contain: content; } .contain-strict { contain: strict; } .peek-top-animation { animation-name: peek-top-animation; animation-duration: 2s; animation-iteration-count: 1; animation-delay: 1s; animation-direction: forward; animation-timing-function: var(--easing-spring-elegant); } .peek-top-end-animation { animation-name: peek-top-end-animation; animation-duration: 0.1s; animation-timing-function: var(--easing-spring-elegant); } .outline-none { --tw-outline-style: none; outline-style: none; } .outline-none\! { --tw-outline-style: none !important; outline-style: none !important; } .select-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; user-select: text; } .\[--bg\:red\] { --bg: red; } .\[--btn-background-color\:var\(--bg-tertiary\)\] { --btn-background-color: var(--bg-tertiary); } .\[--btn-text-color\:var\(--text-secondary\)\] { --btn-text-color: var(--text-secondary); } .\[--canvas-bg\:var\(--bg-primary\)\] { --canvas-bg: var(--bg-primary); } .\[--codemirror-bg\:var\(--bg-primary\)\] { --codemirror-bg: var(--bg-primary); } .\[--composer-container-height\:auto\] { --composer-container-height: auto; } .\[--composer-overlap-px\:28px\] { --composer-overlap-px: 28px; } .\[--composer-overlap-px\:55px\] { --composer-overlap-px: 55px; } .\[--constant-background-active\:rgba\(0\,0\,0\,0\.08\)\] { --constant-background-active: #00000014; } .\[--constant-background\:rgba\(0\,0\,0\,0\.04\)\] { --constant-background: #0000000a; } .\[--content-fade-height\:110px\] { --content-fade-height: 110px; } .\[--content-fade-height\:130px\] { --content-fade-height: 130px; } .\[--content-fade-top\:-15px\] { --content-fade-top: -15px; } .\[--content-fade-top\:-40px\] { --content-fade-top: -40px; } .\[--content-fade-top\:-110px\] { --content-fade-top: -110px; } .\[--content-fade-top\:-130px\] { --content-fade-top: -130px; } .\[--edge-fade-distance\:1rem\] { --edge-fade-distance: 1rem; } .\[--end\:right\] { --end: right; } .\[--file-tile-action-size\:1\.5rem\] { --file-tile-action-size: 1.5rem; } .\[--file-tile-action-size\:16px\] { --file-tile-action-size: 16px; } .\[--file-tile-image-size\:3\.625rem\] { --file-tile-image-size: 3.625rem; } .\[--file-tile-width\:12\.75rem\] { --file-tile-width: 12.75rem; } .\[--file-tile-width\:15rem\] { --file-tile-width: 15rem; } .\[--file-tile-width\:20rem\] { --file-tile-width: 20rem; } .\[--file-tile-width\:56px\] { --file-tile-width: 56px; } .\[--focus-outline-margin\:-4px\] { --focus-outline-margin: -4px; } .\[--header-height\:0\] { --header-height: 0; } .\[--image-page-spacing\:44px\] { --image-page-spacing: 44px; } .\[--images-app-padding\:16px\] { --images-app-padding: 16px; } .\[--padding\:1rem\] { --padding: 1rem; } .\[--panel-header-height\:var\(--screen-thread-header-min-height\)\] { --panel-header-height: var(--screen-thread-header-min-height); } .\[--ratio\:4\/3\] { --ratio: 4/3; } .\[--right-bg\:var\(--bg-primary\)\] { --right-bg: var(--bg-primary); } .\[--right-bg\:var\(--bg-tertiary\)\] { --right-bg: var(--bg-tertiary); } .\[--shadow-color\:transparent\] { --shadow-color: transparent; } .\[--shadow-height\:45px\] { --shadow-height: 45px; } .\[--sheet-radius-amount\:16px\] { --sheet-radius-amount: 16px; } .\[--single-line-fade-height\:32px\] { --single-line-fade-height: 32px; } .\[--skeleton-opacity\:0\.3\] { --skeleton-opacity: 0.3; } .\[--skeleton-opacity\:0\.75\] { --skeleton-opacity: 0.75; } .\[--start\:left\] { --start: left; } .\[--sticky-padding-top\:0px\] { --sticky-padding-top: 0px; } .\[--sticky-padding-top\:var\(--header-height\)\] { --sticky-padding-top: var(--header-height); } .\[--sticky-spacer\:6px\] { --sticky-spacer: 6px; } .\[--text-lg--line-height\:28px\] { --text-lg--line-height: 28px; } .\[--text-lg\:22px\] { --text-lg: 22px; } .\[--thread-component-gap\:28px\] { --thread-component-gap: 28px; } .\[--thread-content-margin-xs\:calc\(var\(--spacing\)\*3\)\] { --thread-content-margin-xs: calc(var(--spacing) * 3); } .\[--thread-content-margin\:var\(--thread-content-margin-xs\,calc\(var\(--spacing\)\*4\)\)\] { --thread-content-margin: var(--thread-content-margin-xs, calc(var(--spacing) * 4)); } .\[--thread-content-max-width\:40rem\] { --thread-content-max-width: 40rem; } .\[--thread-content-max-width\:44rem\] { --thread-content-max-width: 44rem; } .\[--thread-content-max-width\:100\%\] { --thread-content-max-width: 100%; } .\[--trigger-width\:calc\(var\(--radix-dropdown-menu-trigger-width\)-2\*var\(--radix-align-offset\)\)\] { --trigger-width: calc(var(--radix-dropdown-menu-trigger-width) - 2 * var(--radix-align-offset)); } .\[--true-content-width\:calc\(var\(--thread-content-max-width\)\+6rem\)\] { --true-content-width: calc(var(--thread-content-max-width) + 6rem); } .\[-ms-overflow-style\:none\] { -ms-overflow-style: none; } .\[-webkit-mask-composite\:source-in\] { -webkit-mask-composite: source-in; } .\[-webkit-mask-image\:linear-gradient\(180deg\,transparent_33\.62\%\,black_100\%\)\] { -webkit-mask-image: linear-gradient(#0000 33.62%, #000 100%); } .\[-webkit-mask-image\:linear-gradient\(black\,transparent_80\%\)\] { -webkit-mask-image: linear-gradient(#000, #0000 80%); } .\[-webkit-mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)_-300px\,rgba\(0\,0\,0\,0\)_300px\)\] { -webkit-mask-image: linear-gradient(#000 -300px, #0000 300px); } .\[-webkit-mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)_20\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { -webkit-mask-image: linear-gradient(#000 20%, #0000 100%); } .\[-webkit-mask-image\:linear-gradient\(to_right\,black_85\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 85%, #0000 100%); } .\[-webkit-mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_1rem\)\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 1rem), #0000 100%); } .\[-webkit-mask-image\:linear-gradient\(to_right\,transparent_0\%\,black_20\%\,black_80\%\,transparent_100\%\)\,linear-gradient\(to_top\,black_0\%\,black_75\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 20%, #000 80%, #0000 100%), linear-gradient(#0000 0%, #000 25%, #000 100%); } .\[-webkit-mask-image\:linear-gradient\(to_top\,black\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #000); } .\[-webkit-mask-image\:linear-gradient\(to_top_left\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,1\)_30\%\,rgba\(0\,0\,0\,1\)_70\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { -webkit-mask-image: linear-gradient(to top left, #0000 0%, #000 30%, #000 70%, #0000 100%); } .\[-webkit-mask-repeat\:no-repeat\] { -webkit-mask-repeat: no-repeat; } .\[-webkit-mask-size\:100\%_100\%\] { -webkit-mask-size: 100% 100%; } .\[anchor-name\:--carousel\] { anchor-name: --carousel; } .\[animation-play-state\:paused\] { animation-play-state: paused; } .\[backface-visibility\:hidden\] { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .\[background-position-y\:-40vw\] { background-position-y: -40vw; } .\[background\:radial-gradient\(circle_at_50\%_50\%\,var\(--blob-color\)_0\%\,transparent_80\%\)\] { background: radial-gradient(circle at 50% 50%, var(--blob-color) 0%, transparent 80%); } .\[clip-path\:inset\(56px_0px_0px_0px\)\] { clip-path: inset(56px 0 0); } .\[content-visibility\:auto\] { content-visibility: auto; } .\[direction\:ltr\] { direction: ltr; } .\[grid-area\:1\/1\] { grid-area: 1/1; } .\[grid-area\:_title\] { grid-area: title; } .\[grid-area\:footer\] { grid-area: footer; } .\[grid-area\:header\] { grid-area: header; } .\[grid-area\:leading\] { grid-area: leading; } .\[grid-area\:primary\] { grid-area: primary; } .\[grid-area\:tools\] { grid-area: tools; } .\[grid-area\:trailing\] { grid-area: trailing; } .\[grid-template-areas\:\'header_header_header\'_\'leading_primary_trailing\'_\'\._footer_\.\'\] { grid-template-areas: 'header header header' 'leading primary trailing' '.footer.'; } .\[grid-template-areas\:\'leading_primary_trailing\'\] { grid-template-areas: 'leading primary trailing'; } .\[grid-template-areas\:\'primary_primary_primary\'_\'leading_\._trailing\'\] { grid-template-areas: 'primary primary primary' 'leading.trailing'; } .\[grid-template-areas\:\'primary_primary_primary\'_\'leading_tools_trailing\'\] { grid-template-areas: 'primary primary primary' 'leading tools trailing'; } .\[grid-template-areas\:\'primary_trailing\'\] { grid-template-areas: 'primary trailing'; } .\[grid-template-areas\:_\'title_action\'_\'description_action\'\] { grid-template-areas: 'title action' 'description action'; } .\[interest-delay\:0\.5s_1s\] { interest-delay: 0.5s 1s; } .\[interpolate-size\:allow-keywords\] { interpolate-size: allow-keywords; } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[overflow-clip-margin\:4px\] { overflow-clip-margin: 4px; } .\[overflow-clip-margin\:6px\] { overflow-clip-margin: 6px; } .\[position-area\:block-end_center\] { position-area: block-end center; } .\[position-area\:bottom\] { position-area: bottom; } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .\[scrollbar-gutter\:stable_both-edges\] { scrollbar-gutter: stable both-edges; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .\[scrollbar-width\:thin\] { scrollbar-width: thin; } .\[text-box-trim\:trim-both\] { text-box-trim: trim-both; } .\[text-decoration-skip-ink\:none\] { -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .\[text-shadow\:-0\.8px_-0\.8px_0_\#fff\,0\.8px_-0\.8px_0_\#fff\,-0\.8px_0\.8px_0_\#fff\,0\.8px_0\.8px_0_\#fff\] { text-shadow: -0.8px -0.8px #fff, 0.8px -0.8px #fff, -0.8px 0.8px #fff, 0.8px 0.8px #fff; } .\[transition\:opacity_500ms_ease-out\,border-color_200ms_ease-in-out\,background-color_200ms_ease-in-out\] { transition: opacity 0.5s ease-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .\[view-transition-name\:code-block-code-pane\] { view-transition-name: code-block-code-pane; } .\[view-transition-name\:code-block-preview-pane\] { view-transition-name: code-block-preview-pane; } .\[view-transition-name\:fullscreen-popover-thread\] { view-transition-name: fullscreen-popover-thread; } .\[view-transition-name\:map-with-entities\] { view-transition-name: map-with-entities; } .\[view-transition-name\:pinned-kanzi-widget\] { view-transition-name: pinned-kanzi-widget; } .\[view-transition-name\:var\(--sidebar-popover\)\] { view-transition-name: var(--sidebar-popover); } .\[view-transition-name\:var\(--vt-active-image\)\] { view-transition-name: var(--vt-active-image); } .\[view-transition-name\:var\(--vt-composer\)\] { view-transition-name: var(--vt-composer); } .\[view-transition-name\:var\(--vt-composer-active-system-hint-pill\)\] { view-transition-name: var(--vt-composer-active-system-hint-pill); } .\[view-transition-name\:var\(--vt-composer-whisper-button\)\] { view-transition-name: var(--vt-composer-whisper-button); } .\[view-transition-name\:var\(--vt-disclaimer\)\] { view-transition-name: var(--vt-disclaimer); } .\[view-transition-name\:var\(--vt-grid-item\)\] { view-transition-name: var(--vt-grid-item); } .\[view-transition-name\:var\(--vt-image-carousel\)\] { view-transition-name: var(--vt-image-carousel); } .\[view-transition-name\:var\(--vt-page-footer\)\] { view-transition-name: var(--vt-page-footer); } .\[view-transition-name\:var\(--vt-page-header\)\] { view-transition-name: var(--vt-page-header); } .\[view-transition-name\:var\(--vt-page-title\)\] { view-transition-name: var(--vt-page-title); } .\[view-transition-name\:var\(--vt-scroll-buttons\)\] { view-transition-name: var(--vt-scroll-buttons); } .\[view-transition-name\:var\(--vt-tool-page-title\)\] { view-transition-name: var(--vt-tool-page-title); } .\[zoom\:0\.96\] { zoom: 0.96; } .corner-superellipse\/0\.98 { corner-shape: superellipse(0.98); } .corner-superellipse\/1\.1 { corner-shape: superellipse(1.1); } .corner-superellipse\/1\.25 { corner-shape: superellipse(1.25); } .corner-t-superellipse\/1\.1 { corner-top-left-shape: superellipse(1.1); corner-top-right-shape: superellipse(1.1); } .ring-inset { --tw-ring-inset: inset; } .squircle { corner-shape: superellipse(1.1); } .squircle-outer { corner-shape: superellipse(1.25); } .stage-thread-flyout-preset-clamped { --stage-thread-flyout-preset-width: clamp(400px, 25vw, 500px); } .stage-thread-flyout-preset-default, .stage-thread-flyout-preset-responsive { --stage-thread-flyout-preset-width: 400px; } .stage-thread-flyout-preset-wide { --stage-thread-flyout-preset-width: 600px; } :is(.\*\:pointer-events-auto > *) { pointer-events: auto; } :is(.\*\:m-0 > *) { margin: calc(var(--spacing) * 0); } :is(.\*\:mb-6 > *) { margin-bottom: calc(var(--spacing) * 6); } :is(.\*\:flex > *) { display: flex; } :is(.\*\:inline > *) { display: inline; } :is(.\*\:inline-flex > *) { display: inline-flex; } :is(.\*\:h-full > *) { height: 100%; } :is(.\*\:w-full > *) { width: 100%; } :is(.\*\:items-center > *) { align-items: center; } :is(.\*\:justify-end > *) { justify-content: flex-end; } :is(.\*\:gap-2 > *) { gap: calc(var(--spacing) * 2); } :is(.\*\:rounded-md > *) { border-radius: var(--radius-md); } :is(.\*\:bg-gray-300 > *) { background-color: var(--gray-300); } :is(.\*\:object-center > *) { object-position: center; } :is(.\*\:p-4 > *) { padding: calc(var(--spacing) * 4); } :is(.\*\:px-5 > *) { padding-inline: calc(var(--spacing) * 5); } :is(.\*\:font-sans > *) { font-family: 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } :is(.\*\:font-normal > *) { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } :is(.\*\:shadow-lg > *) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :is(.\*\:\[text-box-edge\:text_alphabetic\] > *) { text-box-edge: text alphabetic; } :is(.\*\:\[text-box-trim\:trim-both\] > *) { text-box-trim: trim-both; } .not-group-data-disabled\:text-token-text-tertiary:not(:is(:where(.group)[data-disabled] *)) { color: var(--text-tertiary); } .not-first\:mt-2:not(:first-child) { margin-top: calc(var(--spacing) * 2); } .not-first\:mt-4:not(:first-child) { margin-top: calc(var(--spacing) * 4); } .not-last\:mb-2:not(:last-child) { margin-bottom: calc(var(--spacing) * 2); } .not-last\:mb-5:not(:last-child) { margin-bottom: calc(var(--spacing) * 5); } .not-has-focus-visible\:sr-only:not(:has(:focus-visible)) { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .not-has-\[\>div\,\>section\,\>h1\,\>h2\,\>h3\,\>h4\,\>h5\,\>h6\]\:hidden:not( :has(> div, > section, > h1, > h2, > h3, > h4, > h5, > h6) ) { display: none; } .not-dark\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\]:not( :where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) ) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media not print { .not-print\:overflow-x-clip { overflow-x: clip; } .not-print\:overflow-y-auto { overflow-y: auto; } } @media not all and (min-height: 700px) { .not-tall\:relative { position: relative; } } @media not all and (pointer: coarse) { .not-touch\:mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } } .not-keyboard-focused\:outline-none:not(:is(html[data-focus-mode='keyboard'] :focus-visible)) { --tw-outline-style: none; outline-style: none; } .group-not-data-expanded\/composer\:-mb-12:is(:where(.group\/composer):not([data-expanded]) *) { margin-bottom: calc(var(--spacing) * -12); } .group-last\:border-0:is(:where(.group):last-child *) { border-style: var(--tw-border-style); border-width: 0; } .group-first-of-type\:rounded-t-2xl:is(:where(.group):first-of-type *) { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .group-last-of-type\:rounded-b-2xl:is(:where(.group):last-of-type *) { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } .group-open\:text-token-text-primary:is(:where(.group):is([open], :popover-open, :open) *) { color: var(--text-primary); } .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) { pointer-events: auto; } .group-focus-within\:pointer-events-none:is(:where(.group):focus-within *) { pointer-events: none; } .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-focus-within\:scale-100:is(:where(.group):focus-within *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-focus-within\:grid-rows-\[1fr\]:is(:where(.group):focus-within *) { grid-template-rows: 1fr; } .group-focus-within\:text-token-text-secondary:is(:where(.group):focus-within *) { color: var(--text-secondary); } .group-focus-within\:opacity-0:is(:where(.group):focus-within *) { opacity: 0; } .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opacity: 1; } .group-focus-within\:delay-0:is(:where(.group):focus-within *) { transition-delay: 0s; } .group-focus-within\:delay-100:is(:where(.group):focus-within *) { transition-delay: 0.1s; } .group-focus-within\/accordion\:opacity-40:is(:where(.group\/accordion):focus-within *) { opacity: 0.4; } .group-focus-within\/calendar-item\:pointer-events-auto:is(:where(.group\/calendar-item):focus-within *) { pointer-events: auto; } .group-focus-within\/calendar-item\:opacity-100:is(:where(.group\/calendar-item):focus-within *), .group-focus-within\/imagegen-image\:opacity-100:is(:where(.group\/imagegen-image):focus-within *) { opacity: 1; } .group-focus-within\/item\:pointer-events-auto:is(:where(.group\/item):focus-within *) { pointer-events: auto; } .group-focus-within\/item\:opacity-100:is(:where(.group\/item):focus-within *) { opacity: 1; } .group-focus-within\/memory-attribution\:pointer-events-auto:is(:where(.group\/memory-attribution):focus-within *) { pointer-events: auto; } .group-focus-within\/memory-attribution\:opacity-100:is(:where(.group\/memory-attribution):focus-within *) { opacity: 1; } .group-focus-within\/numeric-stepper\:pointer-events-auto:is(:where(.group\/numeric-stepper):focus-within *) { pointer-events: auto; } .group-focus-within\/numeric-stepper\:opacity-100:is(:where(.group\/numeric-stepper):focus-within *) { opacity: 1; } .group-focus-within\/search-image\:pointer-events-auto:is(:where(.group\/search-image):focus-within *) { pointer-events: auto; } .group-focus-within\/search-image\:visible:is(:where(.group\/search-image):focus-within *) { visibility: visible; } .group-focus-within\/search-image\:opacity-100:is(:where(.group\/search-image):focus-within *) { opacity: 1; } .group-focus-within\/turn-messages\:pointer-events-auto:is(:where(.group\/turn-messages):focus-within *) { pointer-events: auto; } .group-focus-within\/turn-messages\:\[mask-position\:0_0\]:is(:where(.group\/turn-messages):focus-within *) { -webkit-mask-position: 0 0; mask-position: 0 0; } .group-focus-within\/turn-messages\:opacity-100:is(:where(.group\/turn-messages):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:pointer-events-auto:is(:where(.group):hover *) { pointer-events: auto; } .group-hover\:invisible:is(:where(.group):hover *) { visibility: hidden; } .group-hover\:visible:is(:where(.group):hover *) { visibility: visible; } .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:flex:is(:where(.group):hover *) { display: flex; } .group-hover\:hidden:is(:where(.group):hover *) { display: none; } .group-hover\:-translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-x-1\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-2\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 2.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-3\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 3.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-\[calc\(-50\%-245px\)\]:is(:where(.group):hover *) { --tw-translate-x: calc(-50% - 245px); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-\[calc\(-50\%-250px\)\]:is(:where(.group):hover *) { --tw-translate-x: calc(-50% - 250px); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[calc\(-50\%\+95px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc(-50% + 95px); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[calc\(-50\%\+140px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc(-50% + 140px); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[calc\(-50\%-100px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc(-50% - 100px); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-\[calc\(-50\%-145px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc(-50% - 145px); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-200:is(:where(.group):hover *) { --tw-scale-x: 200%; --tw-scale-y: 200%; --tw-scale-z: 200%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) { scale: 1.02; } .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) { scale: 1.03; } .group-hover\:-rotate-\[8deg\]:is(:where(.group):hover *) { rotate: -8deg; } .group-hover\:-rotate-\[10deg\]:is(:where(.group):hover *) { rotate: -10deg; } .group-hover\:rotate-\[-2deg\]:is(:where(.group):hover *) { rotate: -2deg; } .group-hover\:rotate-\[-5deg\]:is(:where(.group):hover *) { rotate: -5deg; } .group-hover\:rotate-\[3deg\]:is(:where(.group):hover *) { rotate: 3deg; } .group-hover\:rotate-\[60deg\]:is(:where(.group):hover *) { rotate: 60deg; } .group-hover\:grid-rows-\[1fr\]:is(:where(.group):hover *) { grid-template-rows: 1fr; } .group-hover\:border-black:is(:where(.group):hover *) { border-color: #000; } .group-hover\:border-orange-50:is(:where(.group):hover *) { border-color: var(--orange-50); } .group-hover\:border-token-bg-tertiary:is(:where(.group):hover *) { border-color: var(--bg-tertiary); } .group-hover\:border-token-text-primary:is(:where(.group):hover *) { border-color: var(--text-primary); } .group-hover\:bg-black:is(:where(.group):hover *) { background-color: #000; } .group-hover\:bg-black\/5:is(:where(.group):hover *) { background-color: #0000000d; background-color: lab(0% 0 0/0.05); } .group-hover\:bg-gray-100:is(:where(.group):hover *) { background-color: var(--gray-100); } .group-hover\:bg-token-bg-elevated-secondary:is(:where(.group):hover *) { background-color: var(--bg-elevated-secondary); } .group-hover\:bg-token-bg-secondary:is(:where(.group):hover *) { background-color: var(--bg-secondary); } .group-hover\:bg-token-bg-tertiary:is(:where(.group):hover *), .group-hover\:bg-token-bg-tertiary\/60:is(:where(.group):hover *) { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-token-bg-tertiary\/60:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .group-hover\:bg-token-interactive-bg-secondary-selected:is(:where(.group):hover *) { background-color: var(--interactive-bg-secondary-selected); } .group-hover\:bg-token-main-surface-primary:is(:where(.group):hover *) { background-color: var(--main-surface-primary); } .group-hover\:bg-token-main-surface-secondary:is(:where(.group):hover *) { background-color: var(--main-surface-secondary); } .group-hover\:bg-token-text-tertiary:is(:where(.group):hover *) { background-color: var(--text-tertiary); } .group-hover\:from-token-bg-tertiary:is(:where(.group):hover *) { --tw-gradient-from: var(--bg-tertiary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .group-hover\:via-token-bg-tertiary:is(:where(.group):hover *) { --tw-gradient-via: var(--bg-tertiary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group-hover\:to-transparent:is(:where(.group):hover *) { --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .group-hover\:\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_2\.5rem\)\,transparent_calc\(100\%_-_1\.25rem\)\,transparent_100\%\)\]:is( :where(.group):hover * ) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), #0000 calc(100% - 1.25rem), #0000 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), #0000 calc(100% - 1.25rem), #0000 100%); } .group-hover\:fill-\[\#8f5d1f\]:is(:where(.group):hover *) { fill: #8f5d1f; } .group-hover\:fill-token-text-inverted:is(:where(.group):hover *) { fill: var(--text-inverted); } .group-hover\:entity-accent:is(:where(.group):hover *) { color: var(--theme-entity-accent); } .group-hover\:text-red-500:is(:where(.group):hover *) { color: var(--red-500); } .group-hover\:text-token-interactive-label-accent-default:is(:where(.group):hover *) { color: var(--interactive-label-accent-default); } .group-hover\:text-token-link:is(:where(.group):hover *) { color: var(--link); } .group-hover\:text-token-text-primary:is(:where(.group):hover *) { color: var(--text-primary); } .group-hover\:text-token-text-secondary:is(:where(.group):hover *) { color: var(--text-secondary); } .group-hover\:text-white:is(:where(.group):hover *) { color: #fff; } .group-hover\:text-white\/70:is(:where(.group):hover *) { color: #ffffffb3; color: lab(100% -0.0000298023 0.0000119209/.7); } .group-hover\:underline:is(:where(.group):hover *) { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .group-hover\:opacity-20:is(:where(.group):hover *) { opacity: 0.2; } .group-hover\:opacity-70:is(:where(.group):hover *) { opacity: 0.7; } .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: 0.9; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\:shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\]:is(:where(.group):hover *) { --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\:outline-2:is(:where(.group):hover *) { outline-style: var(--tw-outline-style); outline-width: 2px; } .group-hover\:brightness-110:is(:where(.group):hover *) { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .group-hover\:drop-shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.65\)\]:is(:where(.group):hover *) { --tw-drop-shadow-size: drop-shadow(0 2px 6px var(--tw-drop-shadow-color, #000000a6)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .group-hover\:grayscale-0:is(:where(.group):hover *) { --tw-grayscale: grayscale(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .group-hover\:backdrop-blur-3xl:is(:where(.group):hover *) { --tw-backdrop-blur: blur(var(--blur-3xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .group-hover\:transition-transform:is(:where(.group):hover *) { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .group-hover\:delay-0:is(:where(.group):hover *) { transition-delay: 0s; } .group-hover\:delay-200:is(:where(.group):hover *) { transition-delay: 0.2s; } .group-hover\:duration-0:is(:where(.group):hover *) { --tw-duration: 0s; transition-duration: 0s; } .group-hover\:duration-300:is(:where(.group):hover *) { --tw-duration: 0.3s; transition-duration: 0.3s; } .group-hover\:\[-webkit-mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_2\.5rem\)\,transparent_calc\(100\%_-_1\.25rem\)\,transparent_100\%\)\]:is( :where(.group):hover * ) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), #0000 calc(100% - 1.25rem), #0000 100%); } .group-hover\/accordion\:opacity-40:is(:where(.group\/accordion):hover *) { opacity: 0.4; } .group-hover\/app-grid-item\:opacity-100:is(:where(.group\/app-grid-item):hover *), .group-hover\/audio-item\:opacity-100:is(:where(.group\/audio-item):hover *) { opacity: 1; } .group-hover\/btn\:bg-gray-800:is(:where(.group\/btn):hover *) { background-color: var(--gray-800); } .group-hover\/btn\:bg-token-bg-tertiary:is(:where(.group\/btn):hover *) { background-color: var(--bg-tertiary); } .group-hover\/button\:bg-token-interactive-bg-tertiary-press:is(:where(.group\/button):hover *) { background-color: var(--interactive-bg-tertiary-press); } .group-hover\/button\:text-token-text-primary:is(:where(.group\/button):hover *) { color: var(--text-primary); } .group-hover\/calendar-item\:pointer-events-auto:is(:where(.group\/calendar-item):hover *) { pointer-events: auto; } .group-hover\/calendar-item\:opacity-100:is(:where(.group\/calendar-item):hover *) { opacity: 1; } .group-hover\/card\:translate-y-0:is(:where(.group\/card):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/card\:scale-100:is(:where(.group\/card):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) { opacity: 1; } .group-hover\/carousel\:\[animation-play-state\:paused\]:is(:where(.group\/carousel):hover *) { animation-play-state: paused; } .group-hover\/cell\:opacity-0:is(:where(.group\/cell):hover *) { opacity: 0; } .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *) { opacity: 1; } .group-hover\/dalle-image\:visible:is(:where(.group\/dalle-image):hover *) { visibility: visible; } .group-hover\/dalle-image\:bg-black\/70:is(:where(.group\/dalle-image):hover *) { background-color: #000000b3; background-color: lab(0% 0 0/0.7); } .group-hover\/dalle-image\:bg-transparent:is(:where(.group\/dalle-image):hover *) { background-color: #0000; } .group-hover\/debug\:opacity-100:is(:where(.group\/debug):hover *) { opacity: 1; } .group-hover\/file-layout\:bg-token-interactive-bg-primary-selected\/5:is(:where(.group\/file-layout):hover *) { background-color: var(--interactive-bg-primary-selected); } @supports (color: color-mix(in lab, red, red)) { .group-hover\/file-layout\:bg-token-interactive-bg-primary-selected\/5:is(:where(.group\/file-layout):hover *) { background-color: color-mix(in oklab, var(--interactive-bg-primary-selected) 5%, transparent); } } .group-hover\/file-row\:opacity-100:is(:where(.group\/file-row):hover *) { opacity: 1; } .group-hover\/file-tile\:block:is(:where(.group\/file-tile):hover *) { display: block; } .group-hover\/footnote\:border-token-bg-tertiary:is(:where(.group\/footnote):hover *) { border-color: var(--bg-tertiary); } .group-hover\/footnote\:border-token-main-surface-secondary:is(:where(.group\/footnote):hover *) { border-color: var(--main-surface-secondary); } .group-hover\/hover\:block:is(:where(.group\/hover):hover *) { display: block; } .group-hover\/icon\:bg-gray-200:is(:where(.group\/icon):hover *) { background-color: var(--gray-200); } .group-hover\/imagegen-image\:opacity-100:is(:where(.group\/imagegen-image):hover *) { opacity: 1; } .group-hover\/item\:pointer-events-auto:is(:where(.group\/item):hover *) { pointer-events: auto; } .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) { opacity: 1; } .group-hover\/memory-attribution\:pointer-events-auto:is(:where(.group\/memory-attribution):hover *) { pointer-events: auto; } .group-hover\/memory-attribution\:opacity-100:is(:where(.group\/memory-attribution):hover *), .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) { opacity: 1; } .group-hover\/nav-list\:underline:is(:where(.group\/nav-list):hover *) { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .group-hover\/numeric-stepper\:pointer-events-auto:is(:where(.group\/numeric-stepper):hover *) { pointer-events: auto; } .group-hover\/numeric-stepper\:opacity-100:is(:where(.group\/numeric-stepper):hover *) { opacity: 1; } .group-hover\/paragen-image\:visible:is(:where(.group\/paragen-image):hover *) { visibility: visible; } .group-hover\/pill\:translate-y-0:is(:where(.group\/pill):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/pill\:translate-y-full:is(:where(.group\/pill):hover *) { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/pill\:opacity-0:is(:where(.group\/pill):hover *) { opacity: 0; } .group-hover\/pill\:opacity-100:is(:where(.group\/pill):hover *) { opacity: 1; } .group-hover\/pill\:blur-sm:is(:where(.group\/pill):hover *) { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .group-hover\/row\:bg-gray-50:is(:where(.group\/row):hover *) { background-color: var(--gray-50); } .group-hover\/row\:underline:is(:where(.group\/row):hover *) { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) { opacity: 1; } .group-hover\/row\:delay-500:is(:where(.group\/row):hover *) { transition-delay: 0.5s; } .group-hover\/search-image\:pointer-events-auto:is(:where(.group\/search-image):hover *) { pointer-events: auto; } .group-hover\/search-image\:visible:is(:where(.group\/search-image):hover *) { visibility: visible; } .group-hover\/search-image\:opacity-100:is(:where(.group\/search-image):hover *), .group-hover\/segment\:opacity-100:is(:where(.group\/segment):hover *) { opacity: 1; } .group-hover\/sidebar-expando-section\:visible:is(:where(.group\/sidebar-expando-section):hover *) { visibility: visible; } .group-hover\/sidebar-expando-section\:block:is(:where(.group\/sidebar-expando-section):hover *) { display: block; } .group-hover\/task-row\:bg-token-bg-secondary:is(:where(.group\/task-row):hover *) { background-color: var(--bg-secondary); } .group-hover\/tiny-bar\:block:is(:where(.group\/tiny-bar):hover *) { display: block; } .group-hover\/tiny-bar\:hidden:is(:where(.group\/tiny-bar):hover *) { display: none; } .group-hover\/tool-message\:opacity-100:is(:where(.group\/tool-message):hover *) { opacity: 1; } .group-hover\/tool-row\:visible:is(:where(.group\/tool-row):hover *) { visibility: visible; } .group-hover\/turn-messages\:pointer-events-auto:is(:where(.group\/turn-messages):hover *) { pointer-events: auto; } .group-hover\/turn-messages\:\[mask-position\:0_0\]:is(:where(.group\/turn-messages):hover *) { -webkit-mask-position: 0 0; mask-position: 0 0; } .group-hover\/turn-messages\:opacity-100:is(:where(.group\/turn-messages):hover *) { opacity: 1; } .group-hover\/turn-messages\:delay-300:is(:where(.group\/turn-messages):hover *) { transition-delay: 0.3s; } } .group-focus\:text-token-text-primary:is(:where(.group):focus *) { color: var(--text-primary); } .group-focus\:opacity-100:is(:where(.group):focus *), .group-focus\/imagegen-image\:opacity-100:is(:where(.group\/imagegen-image):focus *) { opacity: 1; } .group-focus-visible\:block:is(:where(.group):focus-visible *) { display: block; } .group-focus-visible\:hidden:is(:where(.group):focus-visible *) { display: none; } .group-focus-visible\:scale-105:is(:where(.group):focus-visible *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) { opacity: 1; } .group-focus-visible\:drop-shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.65\)\]:is(:where(.group):focus-visible *) { --tw-drop-shadow-size: drop-shadow(0 2px 6px var(--tw-drop-shadow-color, #000000a6)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .group-focus-visible\/segment\:opacity-100:is(:where(.group\/segment):focus-visible *) { opacity: 1; } .group-active\/file-layout\:bg-token-interactive-bg-primary-selected\/15:is(:where(.group\/file-layout):active *) { background-color: var(--interactive-bg-primary-selected); } @supports (color: color-mix(in lab, red, red)) { .group-active\/file-layout\:bg-token-interactive-bg-primary-selected\/15:is(:where(.group\/file-layout):active *) { background-color: color-mix(in oklab, var(--interactive-bg-primary-selected) 15%, transparent); } } .group-disabled\:opacity-50:is(:where(.group):disabled *) { opacity: 0.5; } .group-has-focus\:border-token-border-xheavy:is(:where(.group):has(:focus) *) { border-color: var(--border-xheavy); } .group-data-disabled\:opacity-50:is(:where(.group)[data-disabled] *) { opacity: 0.5; } .group-data-expanded\/composer\:mb-0:is(:where(.group\/composer)[data-expanded] *) { margin-bottom: calc(var(--spacing) * 0); } .group-data-expanded\/composer\:px-2\.5:is(:where(.group\/composer)[data-expanded] *) { padding-inline: calc(var(--spacing) * 2.5); } .group-data-expanded\/composer\:\[grid-template-areas\:\'header_header_header\'_\'primary_primary_primary\'_\'leading_footer_trailing\'\]:is( :where(.group\/composer)[data-expanded] * ) { grid-template-areas: 'header header header' 'primary primary primary' 'leading footer trailing'; } .group-data-scrolled-from-end\/scrollport\:block:is(:where(.group\/scrollport)[data-scrolled-from-end] *) { display: block; } .group-data-scrolled-from-end\/scrollport\:opacity-85:is(:where(.group\/scrollport)[data-scrolled-from-end] *) { opacity: 0.85; } .group-data-scrolled-from-top\/scrollport\:bg-none\!:is(:where(.group\/scrollport)[data-scrolled-from-top] *) { background-image: none !important; } .group-data-scrolled-from-top\/scrollport\:opacity-100:is(:where(.group\/scrollport)[data-scrolled-from-top] *) { opacity: 1; } .group-data-sheet-item\:mt-0\.5:is(:where(.group)[data-sheet-item] *) { margin-top: calc(var(--spacing) * 0.5); } .group-data-sheet-item\:mb-0:is(:where(.group)[data-sheet-item] *) { margin-bottom: calc(var(--spacing) * 0); } .group-data-stream-active\/thread\:h-\(--thread-end-gutter-active-height\):is( :where(.group\/thread)[data-stream-active] * ) { height: var(--thread-end-gutter-active-height); } .group-data-stream-active\/thread\:\[overflow-anchor\:none\]:is(:where(.group\/thread)[data-stream-active] *) { overflow-anchor: none; } .group-data-\[disabled\]\/sharing-row\:text-token-text-tertiary:is(:where(.group\/sharing-row)[data-disabled] *) { color: var(--text-tertiary); } .group-data-\[disabled\]\/sharing-row\:opacity-50:is(:where(.group\/sharing-row)[data-disabled] *) { opacity: 0.5; } .group-data-\[state\=off\]\:hidden:is(:where(.group)[data-state='off'] *), .group-data-\[state\=on\]\:hidden:is(:where(.group)[data-state='on'] *) { display: none; } .group-data-\[state\=open\]\:invisible:is(:where(.group)[data-state='open'] *) { visibility: hidden; } .group-data-\[state\=open\]\:visible:is(:where(.group)[data-state='open'] *) { visibility: visible; } .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state='open'] *) { rotate: 180deg; } .group-data-\[state\=open\]\/trigger\:block:is(:where(.group\/trigger)[data-state='open'] *) { display: block; } .group-radix-disabled\:opacity-50:is(:where(.group)[data-disabled] *) { opacity: 0.5; } .group-radix-state-checked\:hidden:is(:where(.group)[data-state='checked'] *) { display: none; } .group-radix-state-open\:bg-token-bg-tertiary:is(:where(.group)[data-state='open'] *) { background-color: var(--bg-tertiary); } .group-radix-state-open\:bg-token-main-surface-tertiary:is(:where(.group)[data-state='open'] *) { background-color: var(--main-surface-tertiary); } .group-keyboard-focused\:focus-ring:is(:where(.group):is(html[data-focus-mode='keyboard'] :focus-visible) *) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .group-\[\.skeleton\]\:animate-\[shimmer-skeleton_2s_infinite_ease-in-out\]:is(:where(.group).skeleton *) { animation: 2s ease-in-out infinite shimmer-skeleton; } .group-\[\.skeleton\]\:rounded-md:is(:where(.group).skeleton *) { border-radius: var(--radius-md); } .group-\[\.skeleton\]\:bg-linear-to-r:is(:where(.group).skeleton *) { --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .group-\[\.skeleton\]\:bg-linear-to-r:is(:where(.group).skeleton *) { --tw-gradient-position: to right in oklab; } } .group-\[\.skeleton\]\:bg-linear-to-r:is(:where(.group).skeleton *) { background-image: linear-gradient(var(--tw-gradient-stops)); } .group-\[\.skeleton\]\:from-\[\#c1c0c0\]:is(:where(.group).skeleton *) { --tw-gradient-from: #c1c0c0; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .group-\[\.skeleton\]\:via-\[\#f1f0f0\]:is(:where(.group).skeleton *) { --tw-gradient-via: #f1f0f0; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group-\[\.skeleton\]\:to-\[\#c1c0c0\:\]:is(:where(.group).skeleton *) { --tw-gradient-to: #c1c0c0: ; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .group-\[\.skeleton\]\:\[box-decoration-break\:clone\]:is(:where(.group).skeleton *) { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .group-\[\.skeleton\]\:bg-\[length\:300\%\]:is(:where(.group).skeleton *) { background-size: 300%; } .group-\[\.skeleton\]\:leading-7:is(:where(.group).skeleton *) { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .group-\[\.skeleton\]\:text-transparent:is(:where(.group).skeleton *) { color: #0000; } .group-\[\.skeleton\]\:\[animation-direction\:alternate\]:is(:where(.group).skeleton *) { animation-direction: alternate; } .group-\[\:not\(\:hover\)\]\:pointer-events-none:is(:where(.group):not(:hover) *) { pointer-events: none; } .group-\[\:not\(\:hover\)\]\:opacity-0:is(:where(.group):not(:hover) *) { opacity: 0; } .group-\[\:not\(\:hover\)\:not\(\:focus-within\)\]\:pointer-events-none:is( :where(.group):not(:hover):not(:focus-within) * ) { pointer-events: none; } .group-\[\:not\(\:hover\)\:not\(\:focus-within\)\]\:opacity-0:is(:where(.group):not(:hover):not(:focus-within) *) { opacity: 0; } .group-\[\:not\(\[data-scroll-from-end\]\)\]\/thread\:pointer-events-none:is( :where(.group\/thread):not([data-scroll-from-end]) * ) { pointer-events: none; } .group-\[\:not\(\[data-scroll-from-end\]\)\]\/thread\:scale-50:is( :where(.group\/thread):not([data-scroll-from-end]) * ) { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-\[\:not\(\[data-scroll-from-end\]\)\]\/thread\:opacity-0:is( :where(.group\/thread):not([data-scroll-from-end]) * ) { opacity: 0; } .group-\[\:not\(\[data-scroll-from-end\]\)\]\/thread\:delay-0:is( :where(.group\/thread):not([data-scroll-from-end]) * ) { transition-delay: 0s; } .group-\[\:not\(\[data-scroll-from-end\]\)\]\/thread\:duration-100:is( :where(.group\/thread):not([data-scroll-from-end]) * ) { --tw-duration: 0.1s; transition-duration: 0.1s; } .group-\[\:not\(\[data-scroll-from-top\]\)\]\/thread\:pointer-events-none:is( :where(.group\/thread):not([data-scroll-from-top]) * ) { pointer-events: none; } .group-\[\:not\(\[data-scroll-from-top\]\)\]\/thread\:scale-50:is( :where(.group\/thread):not([data-scroll-from-top]) * ) { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-\[\:not\(\[data-scroll-from-top\]\)\]\/thread\:opacity-0:is( :where(.group\/thread):not([data-scroll-from-top]) * ) { opacity: 0; } .group-\[\:not\(\[data-scroll-from-top\]\)\]\/thread\:delay-0:is( :where(.group\/thread):not([data-scroll-from-top]) * ) { transition-delay: 0s; } .group-\[\:not\(\[data-scroll-from-top\]\)\]\/thread\:duration-100:is( :where(.group\/thread):not([data-scroll-from-top]) * ) { --tw-duration: 0.1s; transition-duration: 0.1s; } .peer-checked\:block:is(:where(.peer):checked ~ *) { display: block; } .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) { opacity: 1; } .peer-checked\/checkbox\:bg-token-interactive-bg-primary-default:is(:where(.peer\/checkbox):checked ~ *) { background-color: var(--interactive-bg-primary-default); } .peer-checked\/checkbox\:text-token-icon-inverted:is(:where(.peer\/checkbox):checked ~ *) { color: var(--icon-inverted); } .peer-indeterminate\:block:is(:where(.peer):indeterminate ~ *) { display: block; } .peer-indeterminate\:hidden:is(:where(.peer):indeterminate ~ *) { display: none; } .peer-indeterminate\:opacity-100:is(:where(.peer):indeterminate ~ *) { opacity: 1; } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: 0.7; } .peer-disabled\/checkbox\:bg-token-bg-secondary:is(:where(.peer\/checkbox):disabled ~ *) { background-color: var(--bg-secondary); } .first-letter\:uppercase:first-letter { text-transform: uppercase; } .marker\:text-inherit ::marker { color: inherit; } .marker\:text-inherit::marker { color: inherit; } .marker\:text-inherit ::-webkit-details-marker { color: inherit; } .marker\:text-inherit::-webkit-details-marker { color: inherit; } .marker\:text-token-text-tertiary ::marker { color: var(--text-tertiary); } .marker\:text-token-text-tertiary::marker { color: var(--text-tertiary); } .marker\:text-token-text-tertiary ::-webkit-details-marker { color: var(--text-tertiary); } .marker\:text-token-text-tertiary::-webkit-details-marker { color: var(--text-tertiary); } .selection\:bg-token-bg-tertiary ::selection { background-color: var(--bg-tertiary); } .selection\:bg-token-bg-tertiary::selection { background-color: var(--bg-tertiary); } .selection\:bg-transparent ::selection { background-color: #0000; } .selection\:bg-transparent::selection { background-color: #0000; } .selection\:text-token-text-primary ::selection { color: var(--text-primary); } .selection\:text-token-text-primary::selection { color: var(--text-primary); } .file\:me-4:dir(ltr)::file-selector-button { margin-right: calc(var(--spacing) * 4); } .file\:me-4:dir(rtl)::file-selector-button { margin-left: calc(var(--spacing) * 4); } .file\:rounded-md::file-selector-button { border-radius: var(--radius-md); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-token-bg-secondary::file-selector-button { background-color: var(--bg-secondary); } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:px-3::file-selector-button { padding-inline: calc(var(--spacing) * 3); } .file\:py-2::file-selector-button { padding-block: calc(var(--spacing) * 2); } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:text-token-text-primary::file-selector-button { color: var(--text-primary); } .placeholder\:text-gray-300::placeholder { color: var(--gray-300); } .placeholder\:text-gray-400::placeholder { color: var(--gray-400); } .placeholder\:text-gray-500::placeholder { color: var(--gray-500); } .placeholder\:text-token-text-error::placeholder { color: var(--text-error); } .placeholder\:text-token-text-primary::placeholder, .placeholder\:text-token-text-primary\/40::placeholder { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-token-text-primary\/40::placeholder { color: color-mix(in oklab, var(--text-primary) 40%, transparent); } } .placeholder\:text-token-text-quaternary::placeholder { color: var(--text-quaternary); } .placeholder\:text-token-text-secondary::placeholder { color: var(--text-secondary); } .placeholder\:text-token-text-status-error::placeholder { color: var(--text-status-error); } .placeholder\:text-token-text-tertiary::placeholder, .placeholder\:text-token-text-tertiary\/70::placeholder { color: var(--text-tertiary); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-token-text-tertiary\/70::placeholder { color: color-mix(in oklab, var(--text-tertiary) 70%, transparent); } } .placeholder\:select-none::placeholder { -webkit-user-select: none; user-select: none; } .details-content\:grid::details-content { display: grid; } .details-content\:grid-rows-\[0fr\]::details-content { grid-template-rows: 0fr; } .details-content\:overflow-clip::details-content { overflow: clip; } .details-content\:\[transition-property\:content-visibility\,grid-template-rows\]::details-content { transition-property: content-visibility, grid-template-rows; } .details-content\:transition-discrete::details-content { transition-behavior: allow-discrete; } .details-content\:duration-300::details-content { --tw-duration: 0.3s; transition-duration: 0.3s; } .details-content\:ease-spring-standard::details-content { --tw-ease: var(--spring-common); transition-timing-function: var(--spring-common); } .details-content\:\[overflow-clip-margin\:6px\]::details-content { overflow-clip-margin: 6px; } .before\:pointer-events-auto:before { content: var(--tw-content); pointer-events: auto; } .before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:-inset-1:before { content: var(--tw-content); inset: calc(var(--spacing) * -1); } .before\:inset-0:before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .before\:inset-\[-12px\]:before { content: var(--tw-content); top: -12px; bottom: -12px; left: -12px; right: -12px; } .before\:inset-x-0:before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } .before\:inset-x-8:before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 8); } .before\:inset-x-\[-1px\]:before { content: var(--tw-content); left: -1px; right: -1px; } .before\:-inset-y-2:before { content: var(--tw-content); inset-block: calc(var(--spacing) * -2); } .before\:inset-y-0:before { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } .before\:-start-0\.5:before { content: var(--tw-content); } .before\:-start-0\.5:dir(ltr):before { left: calc(var(--spacing) * -0.5); } .before\:-start-0\.5:dir(rtl):before { right: calc(var(--spacing) * -0.5); } .before\:top-\[-1px\]:before { content: var(--tw-content); top: -1px; } .before\:top-\[-40px\]:before { content: var(--tw-content); top: -40px; } .before\:top-\[-64px\]:before { content: var(--tw-content); top: -64px; } .before\:top-full:before { content: var(--tw-content); top: 100%; } .before\:-right-2:before { content: var(--tw-content); right: calc(var(--spacing) * -2); } .before\:-right-2\.5:before { content: var(--tw-content); right: calc(var(--spacing) * -2.5); } .before\:bottom-0:before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .before\:bottom-2:before { content: var(--tw-content); bottom: calc(var(--spacing) * 2); } .before\:-left-2\.5:before { content: var(--tw-content); left: calc(var(--spacing) * -2.5); } .before\:-left-4:before { content: var(--tw-content); left: calc(var(--spacing) * -4); } .before\:z-0:before { content: var(--tw-content); z-index: 0; } .before\:z-\[-1\]:before { content: var(--tw-content); z-index: -1; } .before\:mx-4:before { content: var(--tw-content); margin-inline: calc(var(--spacing) * 4); } .before\:my-1:before { content: var(--tw-content); margin-block: calc(var(--spacing) * 1); } .before\:block:before { content: var(--tw-content); display: block; } .before\:h-2:before { content: var(--tw-content); height: calc(var(--spacing) * 2); } .before\:h-3:before { content: var(--tw-content); height: calc(var(--spacing) * 3); } .before\:h-10:before { content: var(--tw-content); height: calc(var(--spacing) * 10); } .before\:h-16:before { content: var(--tw-content); height: calc(var(--spacing) * 16); } .before\:h-px:before { content: var(--tw-content); height: 1px; } .before\:w-full:before { content: var(--tw-content); width: 100%; } .before\:animate-\[pulse_2\.4s_ease-in-out_infinite\]:before { content: var(--tw-content); animation: 2.4s ease-in-out infinite pulse; } .before\:rounded-\[16px\]:before { content: var(--tw-content); border-radius: 16px; } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:rounded-md:before { content: var(--tw-content); border-radius: var(--radius-md); } .before\:rounded-none:before { content: var(--tw-content); border-radius: 0; } .before\:bg-\[var\(--right-bg\)\]:before { content: var(--tw-content); background-color: var(--right-bg); } .before\:bg-black\/20:before { content: var(--tw-content); background-color: #0003; background-color: lab(0% 0 0/0.2); } .before\:bg-black\/30:before { content: var(--tw-content); background-color: #0000004d; background-color: lab(0% 0 0/0.3); } .before\:bg-gray-200\/50:before { content: var(--tw-content); background-color: var(--gray-200); } @supports (color: color-mix(in lab, red, red)) { .before\:bg-gray-200\/50:before { background-color: color-mix(in oklab, var(--gray-200) 50%, transparent); } } .before\:bg-token-bg-primary:before { content: var(--tw-content); background-color: var(--bg-primary); } .before\:bg-token-bg-tertiary\/60:before { content: var(--tw-content); background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .before\:bg-token-bg-tertiary\/60:before { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .before\:bg-token-border-default:before { content: var(--tw-content); background-color: var(--border-default); } .before\:bg-token-surface-hover:before { content: var(--tw-content); background-color: var(--surface-hover); } .before\:bg-transparent:before { content: var(--tw-content); background-color: #0000; } .before\:bg-white\/50:before { content: var(--tw-content); background-color: #ffffff80; background-color: lab(100% -0.0000298023 0.0000119209/.5); } .before\:bg-gradient-to-b:before { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:bg-gradient-to-l:before { content: var(--tw-content); --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:bg-gradient-to-t:before { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:bg-\[linear-gradient\(90deg\,\#9FB1EE_0\%\,\#E6F3FF_100\%\)\]:before { content: var(--tw-content); background-image: linear-gradient(90deg, #9fb1ee 0%, #e6f3ff 100%); } .before\:from-token-bg-primary:before { content: var(--tw-content); --tw-gradient-from: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:from-token-bg-tertiary:before { content: var(--tw-content); --tw-gradient-from: var(--bg-tertiary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:from-transparent:before { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:via-token-bg-primary\/45:before { content: var(--tw-content); --tw-gradient-via: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .before\:via-token-bg-primary\/45:before { --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 45%, transparent); } } .before\:via-token-bg-primary\/45:before { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .before\:via-token-bg-tertiary:before { content: var(--tw-content); --tw-gradient-via: var(--bg-tertiary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .before\:to-token-bg-primary:before { content: var(--tw-content); --tw-gradient-to: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:to-transparent:before { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .before\:opacity-0:before { content: var(--tw-content); opacity: 0; } .before\:opacity-60:before { content: var(--tw-content); opacity: 0.6; } .before\:opacity-90:before { content: var(--tw-content); opacity: 0.9; } .before\:opacity-100:before { content: var(--tw-content); opacity: 1; } .before\:shadow-\[0_0_18px_6px_rgba\(250\,226\,113\,0\.6\)\]:before { content: var(--tw-content); --tw-shadow: 0 0 18px 6px var(--tw-shadow-color, #fae27199); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .before\:blur-md:before { content: var(--tw-content); --tw-blur: blur(var(--blur-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .before\:backdrop-blur-\[1px\]:before { content: var(--tw-content); --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .before\:transition:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:duration-250:before { content: var(--tw-content); --tw-duration: 0.25s; transition-duration: 0.25s; } .before\:content-\[\'\'\]:before { --tw-content: ''; content: var(--tw-content); } .before\:content-\[\'\*\'\]:before { --tw-content: '*'; content: var(--tw-content); } .not-data-hide-separator\:before\:mx-1:not([data-hide-separator]):before { content: var(--tw-content); margin-inline: calc(var(--spacing) * 1); } .not-data-hide-separator\:before\:content-\[\'·\'\]:not([data-hide-separator]):before { --tw-content: '·'; content: var(--tw-content); } @media not all and (prefers-reduced-motion: reduce) { .not-motion-reduce\:before\:transition:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .not-motion-reduce\:before\:duration-250:before { content: var(--tw-content); --tw-duration: 0.25s; transition-duration: 0.25s; } } .after\:pointer-events-none:after { content: var(--tw-content); pointer-events: none; } .after\:invisible:after { content: var(--tw-content); visibility: hidden; } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:-inset-1:after { content: var(--tw-content); inset: calc(var(--spacing) * -1); } .after\:-inset-2:after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } .after\:-inset-4:after { content: var(--tw-content); inset: calc(var(--spacing) * -4); } .after\:inset-0:after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .after\:inset-\[-4px\]:after { content: var(--tw-content); top: -4px; bottom: -4px; left: -4px; right: -4px; } .after\:-inset-x-2:after { content: var(--tw-content); inset-inline: calc(var(--spacing) * -2); } .after\:inset-x-2:after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 2); } .after\:inset-x-\[-4px\]:after { content: var(--tw-content); left: -4px; right: -4px; } .after\:-inset-y-4:after { content: var(--tw-content); inset-block: calc(var(--spacing) * -4); } .after\:inset-y-0:after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } .after\:-start-1:after { content: var(--tw-content); } .after\:-start-1:dir(ltr):after { left: calc(var(--spacing) * -1); } .after\:-start-1:dir(rtl):after { right: calc(var(--spacing) * -1); } .after\:start-0:after { content: var(--tw-content); } .after\:start-0:dir(ltr):after { left: calc(var(--spacing) * 0); } .after\:start-0:dir(rtl):after { right: calc(var(--spacing) * 0); } .after\:start-1\/2:after { content: var(--tw-content); } .after\:start-1\/2:dir(ltr):after { left: 50%; } .after\:start-1\/2:dir(rtl):after { right: 50%; } .after\:start-4:after { content: var(--tw-content); } .after\:start-4:dir(ltr):after { left: calc(var(--spacing) * 4); } .after\:start-4:dir(rtl):after { right: calc(var(--spacing) * 4); } .after\:start-\[\+150px\]:after { content: var(--tw-content); } .after\:start-\[\+150px\]:dir(ltr):after { left: 150px; } .after\:start-\[\+150px\]:dir(rtl):after { right: 150px; } .after\:start-\[-15px\]:after { content: var(--tw-content); } .after\:start-\[-15px\]:dir(ltr):after { left: -15px; } .after\:start-\[-15px\]:dir(rtl):after { right: -15px; } .after\:start-\[calc\(100\%_\+_280px\)\]:after { content: var(--tw-content); } .after\:start-\[calc\(100\%_\+_280px\)\]:dir(ltr):after { left: calc(100% + 280px); } .after\:start-\[calc\(100\%_\+_280px\)\]:dir(rtl):after { right: calc(100% + 280px); } .after\:start-\[calc\(100\%_-_25px\)\]:after { content: var(--tw-content); } .after\:start-\[calc\(100\%_-_25px\)\]:dir(ltr):after { left: calc(100% - 25px); } .after\:start-\[calc\(100\%_-_25px\)\]:dir(rtl):after { right: calc(100% - 25px); } .after\:-end-4:after { content: var(--tw-content); } .after\:-end-4:dir(ltr):after { right: calc(var(--spacing) * -4); } .after\:-end-4:dir(rtl):after { left: calc(var(--spacing) * -4); } .after\:end-0:after { content: var(--tw-content); } .after\:end-0:dir(ltr):after { right: calc(var(--spacing) * 0); } .after\:end-0:dir(rtl):after { left: calc(var(--spacing) * 0); } .after\:end-4:after { content: var(--tw-content); } .after\:end-4:dir(ltr):after { right: calc(var(--spacing) * 4); } .after\:end-4:dir(rtl):after { left: calc(var(--spacing) * 4); } .after\:end-\[-15\%\]:after { content: var(--tw-content); } .after\:end-\[-15\%\]:dir(ltr):after { right: -15%; } .after\:end-\[-15\%\]:dir(rtl):after { left: -15%; } .after\:top-0:after { content: var(--tw-content); top: calc(var(--spacing) * 0); } .after\:top-\[-18px\]:after { content: var(--tw-content); top: -18px; } .after\:top-\[-30px\]:after { content: var(--tw-content); top: -30px; } .after\:top-\[-45px\]:after { content: var(--tw-content); top: -45px; } .after\:top-\[-95px\]:after { content: var(--tw-content); top: -95px; } .after\:top-\[-100\%\]:after { content: var(--tw-content); top: -100%; } .after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .after\:bottom-\[75\%\]:after { content: var(--tw-content); bottom: 75%; } .after\:z-0:after { content: var(--tw-content); z-index: 0; } .after\:z-3:after { content: var(--tw-content); z-index: 3; } .after\:z-\[-1\]:after { content: var(--tw-content); z-index: -1; } .after\:mx-1:after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 1); } .after\:block:after { content: var(--tw-content); display: block; } .after\:hidden:after { content: var(--tw-content); display: none; } .after\:h-0\.5:after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } .after\:h-2:after { content: var(--tw-content); height: calc(var(--spacing) * 2); } .after\:h-8:after { content: var(--tw-content); height: calc(var(--spacing) * 8); } .after\:h-\[1px\]:after { content: var(--tw-content); height: 1px; } .after\:h-\[28px\]:after { content: var(--tw-content); height: 28px; } .after\:h-\[64px\]:after { content: var(--tw-content); height: 64px; } .after\:h-\[120\%\]:after { content: var(--tw-content); height: 120%; } .after\:h-\[140px\]:after { content: var(--tw-content); height: 140px; } .after\:h-\[144px\]:after { content: var(--tw-content); height: 144px; } .after\:h-\[200px\]:after { content: var(--tw-content); height: 200px; } .after\:h-\[calc\(100\%\+36px\)\]:after { content: var(--tw-content); height: calc(100% + 36px); } .after\:h-full:after { content: var(--tw-content); height: 100%; } .after\:h-px:after { content: var(--tw-content); height: 1px; } .after\:w-1:after { content: var(--tw-content); width: calc(var(--spacing) * 1); } .after\:w-2:after { content: var(--tw-content); width: calc(var(--spacing) * 2); } .after\:w-4:after { content: var(--tw-content); width: calc(var(--spacing) * 4); } .after\:w-\[16px\]:after { content: var(--tw-content); width: 16px; } .after\:w-\[75px\]:after { content: var(--tw-content); width: 75px; } .after\:w-\[80\%\]:after { content: var(--tw-content); width: 80%; } .after\:w-\[113px\]:after { content: var(--tw-content); width: 113px; } .after\:w-\[120\%\]:after { content: var(--tw-content); width: 120%; } .after\:w-\[255px\]:after { content: var(--tw-content); width: 255px; } .after\:w-px:after { content: var(--tw-content); width: 1px; } .after\:max-w-\[340px\]:after { content: var(--tw-content); max-width: 340px; } .after\:min-w-\[2ch\]:after { content: var(--tw-content); min-width: 2ch; } .after\:shrink-0:after { content: var(--tw-content); flex-shrink: 0; } .after\:-translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:transform:after { content: var(--tw-content); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .after\:rounded-\[50\%\]:after { content: var(--tw-content); border-radius: 50%; } .after\:rounded-\[inherit\]:after { content: var(--tw-content); border-radius: inherit; } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:rounded-lg:after { content: var(--tw-content); border-radius: var(--radius-lg); } .after\:rounded-md:after { content: var(--tw-content); border-radius: var(--radius-md); } .after\:rounded-b-2xl:after { content: var(--tw-content); border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .after\:border-s:after { content: var(--tw-content); } .after\:border-s:dir(ltr):after { border-left-style: var(--tw-border-style); border-left-width: 1px; } .after\:border-s:dir(rtl):after { border-right-style: var(--tw-border-style); border-right-width: 1px; } .after\:border-e:after { content: var(--tw-content); } .after\:border-e:dir(ltr):after { border-right-style: var(--tw-border-style); border-right-width: 1px; } .after\:border-e:dir(rtl):after { border-left-style: var(--tw-border-style); border-left-width: 1px; } .after\:border-b:after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .after\:border-token-border-default:after { content: var(--tw-content); border-color: var(--border-default); } .after\:border-token-interactive-border-tertiary-default:after { content: var(--tw-content); border-color: var(--interactive-border-tertiary-default); } .after\:bg-\[\#0d0d0d\]:after { content: var(--tw-content); background-color: #0d0d0d; } .after\:bg-\[Highlight\]:after { content: var(--tw-content); background-color: highlight; } .after\:bg-green-500:after { content: var(--tw-content); background-color: var(--green-500); } .after\:bg-red-500:after { content: var(--tw-content); background-color: var(--red-500); } .after\:bg-token-border-default:after { content: var(--tw-content); background-color: var(--border-default); } .after\:bg-token-border-heavy:after { content: var(--tw-content); background-color: var(--border-heavy); } .after\:bg-token-border-light:after { content: var(--tw-content); background-color: var(--border-light); } .after\:bg-token-main-surface-primary:after { content: var(--tw-content); background-color: var(--main-surface-primary); } .after\:bg-token-text-primary:after { content: var(--tw-content); background-color: var(--text-primary); } .after\:bg-transparent:after { content: var(--tw-content); background-color: #0000; } .after\:bg-gradient-to-t:after { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .after\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\)_24\.327\%\,\#ffffff_47\.029\%\)\]:after { content: var(--tw-content); background-image: linear-gradient(#fff0 24.327%, #fff 47.029%); } .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/cards-more-v2\.png\)\]:after { content: var(--tw-content); background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/cards-more-v2.png); } .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/faq-bubble-small-v2\.png\)\]:after { content: var(--tw-content); background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/faq-bubble-small-v2.png); } .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/offer-flowers-v2\.png\)\]:after { content: var(--tw-content); background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/offer-flowers-v2.png); } .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/splash-scribble-v2\.png\)\]:after { content: var(--tw-content); background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/splash-scribble-v2.png); } .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/splash-stars-v2\.png\)\]:after { content: var(--tw-content); background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/splash-stars-v2.png); } .after\:from-white:after { content: var(--tw-content); --tw-gradient-from: #fff; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .after\:via-white:after { content: var(--tw-content); --tw-gradient-via: #fff; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .after\:to-transparent:after { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .after\:bg-contain:after { content: var(--tw-content); background-size: contain; } .after\:bg-bottom:after { content: var(--tw-content); background-position: bottom; } .after\:bg-center:after { content: var(--tw-content); background-position: 50%; } .after\:bg-no-repeat:after { content: var(--tw-content); background-repeat: no-repeat; } .after\:font-mono:after { content: var(--tw-content); font-family: 'ui-monospace', SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, 'monospace'; } .after\:whitespace-pre:after { content: var(--tw-content); white-space: pre; } .after\:opacity-0:after { content: var(--tw-content); opacity: 0; } .after\:opacity-80:after { content: var(--tw-content); opacity: 0.8; } .after\:opacity-100:after { content: var(--tw-content); opacity: 1; } .after\:\[outline\:2px_auto_-webkit-focus-ring-color\]:after { content: var(--tw-content); outline: 2px auto -webkit-focus-ring-color; } .after\:\[outline-offset\:-2px\]:after { content: var(--tw-content); outline-offset: -2px; } .after\:transition-opacity:after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:content-\[\'\'\]:after { --tw-content: ''; content: var(--tw-content); } .after\:content-\[\'\\u00b7\'\]:after { --tw-content: 'u00b7'; content: var(--tw-content); } .after\:content-\[attr\(data-value\)\]:after { --tw-content: attr(data-value); content: var(--tw-content); } .after\:\[grid-area\:1\/1\]:after { content: var(--tw-content); grid-area: 1/1; } :is(.\*\:not-last\:after\:px-0\.5 > *):not(:last-child):after { content: var(--tw-content); padding-inline: calc(var(--spacing) * 0.5); } :is(.\*\:not-last\:after\:content-\[\'\+\'\] > *):not(:last-child):after { --tw-content: '+'; content: var(--tw-content); } .group-last\:after\:hidden:is(:where(.group):last-child *):after { content: var(--tw-content); display: none; } .first\:-ms-1:first-child:dir(ltr) { margin-left: calc(var(--spacing) * -1); } .first\:-ms-1:first-child:dir(rtl) { margin-right: calc(var(--spacing) * -1); } .first\:ms-0:first-child:dir(ltr) { margin-left: calc(var(--spacing) * 0); } .first\:ms-0:first-child:dir(rtl) { margin-right: calc(var(--spacing) * 0); } .first\:ms-4:first-child:dir(ltr) { margin-left: calc(var(--spacing) * 4); } .first\:ms-4:first-child:dir(rtl) { margin-right: calc(var(--spacing) * 4); } .first\:me-0:first-child:dir(ltr) { margin-right: calc(var(--spacing) * 0); } .first\:me-0:first-child:dir(rtl) { margin-left: calc(var(--spacing) * 0); } .first\:mt-0:first-child { margin-top: calc(var(--spacing) * 0); } .first\:hidden:first-child { display: none; } .first\:rounded-t:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .first\:border-0:first-child { border-style: var(--tw-border-style); border-width: 0; } .first\:border-t-0:first-child { border-top-style: var(--tw-border-style); border-top-width: 0; } .first\:border-none:first-child { --tw-border-style: none; border-style: none; } .first\:ps-0\!:first-child:dir(ltr) { padding-left: calc(var(--spacing) * 0); } .first\:ps-0\!:first-child:dir(rtl) { padding-right: calc(var(--spacing) * 0); } .first\:pt-0:first-child { padding-top: calc(var(--spacing) * 0); } .first\:pt-4:first-child { padding-top: calc(var(--spacing) * 4); } .first\:pt-\[3px\]:first-child { padding-top: 3px; } :is(.\*\:first\:m-0\! > *):first-child { margin: calc(var(--spacing) * 0) !important; } :is(.\*\:first\:h-full > *):first-child { height: 100%; } .first\:before\:hidden:first-child:before { content: var(--tw-content); display: none; } .last\:me-0:last-child:dir(ltr) { margin-right: calc(var(--spacing) * 0); } .last\:me-0:last-child:dir(rtl) { margin-left: calc(var(--spacing) * 0); } .last\:me-4:last-child:dir(ltr) { margin-right: calc(var(--spacing) * 4); } .last\:me-4:last-child:dir(rtl) { margin-left: calc(var(--spacing) * 4); } .last\:-mb-4:last-child { margin-bottom: calc(var(--spacing) * -4); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .last\:mb-2:last-child { margin-bottom: calc(var(--spacing) * 2); } .last\:mb-5:last-child { margin-bottom: calc(var(--spacing) * 5); } .last\:hidden:last-child { display: none; } .last\:min-h-\[calc\(100vh-8rem\)\]:last-child { min-height: calc(100vh - 8rem); } .last\:snap-end:last-child { scroll-snap-align: end; } .last\:scroll-mb-20:last-child { scroll-margin-bottom: calc(var(--spacing) * 20); } .last\:scroll-pb-20:last-child { scroll-padding-bottom: calc(var(--spacing) * 20); } .last\:rounded-b:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .last\:border-e-0:last-child:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 0; } .last\:border-e-0:last-child:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 0; } .last\:border-b:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:border-none:last-child { --tw-border-style: none; border-style: none; } .last\:pe-0:last-child:dir(ltr) { padding-right: calc(var(--spacing) * 0); } .last\:pe-0:last-child:dir(rtl) { padding-left: calc(var(--spacing) * 0); } .last\:pe-0\!:last-child:dir(ltr) { padding-right: calc(var(--spacing) * 0); } .last\:pe-0\!:last-child:dir(rtl) { padding-left: calc(var(--spacing) * 0); } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0); } .last\:pb-4:last-child { padding-bottom: calc(var(--spacing) * 4); } .last\:pb-20:last-child { padding-bottom: calc(var(--spacing) * 20); } .last\:after\:content-\[none\]:last-child:after { --tw-content: none; content: var(--tw-content); } .first-of-type\:rounded-t-2xl:first-of-type { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .first-of-type\:border-none:first-of-type { --tw-border-style: none; border-style: none; } .last-of-type\:rounded-b-2xl:last-of-type { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .last-of-type\:border-0:last-of-type { border-style: var(--tw-border-style); border-width: 0; } .last-of-type\:border-b:last-of-type { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .last-of-type\:border-b-0:last-of-type { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last-of-type\:border-none:last-of-type { --tw-border-style: none; border-style: none; } .open\:flex:is([open], :popover-open, :open) { display: flex; } .checked\:border-black:checked { border-color: #000; } .checked\:border-black\!:checked { border-color: #000 !important; } .checked\:border-blue-400\!:checked { border-color: var(--blue-400) !important; } .checked\:border-blue-500:checked { border-color: var(--blue-500); } .checked\:border-token-text-primary:checked { border-color: var(--text-primary); } .checked\:bg-black:checked { background-color: #000; } .checked\:bg-black\!:checked { background-color: #000 !important; } .checked\:bg-blue-400\!:checked { background-color: var(--blue-400) !important; } .checked\:bg-blue-500:checked { background-color: var(--blue-500); } .checked\:bg-token-text-primary:checked { background-color: var(--text-primary); } .indeterminate\:border-black:indeterminate { border-color: #000; } .indeterminate\:border-blue-500:indeterminate { border-color: var(--blue-500); } .indeterminate\:bg-black:indeterminate { background-color: #000; } .indeterminate\:bg-blue-500:indeterminate { background-color: var(--blue-500); } .empty\:hidden:empty { display: none; } .empty\:border-0:empty { border-style: var(--tw-border-style); border-width: 0; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-10:focus-within { z-index: 10; } .focus-within\:rounded-lg:focus-within { border-radius: var(--radius-lg); } .focus-within\:border-0\!:focus-within { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .focus-within\:border-s-2:focus-within:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 2px; } .focus-within\:border-s-2:focus-within:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 2px; } .focus-within\:border-green-500:focus-within { border-color: var(--green-500); } .focus-within\:border-red-500:focus-within { border-color: var(--red-500); } .focus-within\:border-token-border-default\/80:focus-within { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:border-token-border-default\/80:focus-within { border-color: color-mix(in oklab, var(--border-default) 80%, transparent); } } .focus-within\:border-token-border-heavy:focus-within { border-color: var(--border-heavy); } .focus-within\:border-token-border-heavy\!:focus-within { border-color: var(--border-heavy) !important; } .focus-within\:border-token-border-status-error:focus-within { border-color: var(--border-status-error); } .focus-within\:border-token-border-xheavy:focus-within { border-color: var(--border-xheavy); } .focus-within\:border-token-text-primary:focus-within { border-color: var(--text-primary); } .focus-within\:bg-black\/7:focus-within { background-color: #00000012; background-color: lab(0% 0 0/0.07); } .focus-within\:bg-token-bg-secondary:focus-within { background-color: var(--bg-secondary); } .focus-within\:bg-token-bg-tertiary:focus-within { background-color: var(--bg-tertiary); } .focus-within\:bg-token-main-surface-tertiary:focus-within { background-color: var(--main-surface-tertiary); } .focus-within\:ps-\[-2px\]:focus-within:dir(ltr) { padding-left: -2px; } .focus-within\:ps-\[-2px\]:focus-within:dir(rtl) { padding-right: -2px; } .focus-within\:opacity-100:focus-within { opacity: 1; } .focus-within\:opacity-100\!:focus-within { opacity: 1 !important; } .focus-within\:shadow-\[0_0_0_2px\]:focus-within { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:shadow-\[0px_0px_1px_0px_\#0000004D\,_0px_4px_4px_0px_\#0000000A\]:focus-within { --tw-shadow: 0px 0px 1px 0px var(--tw-shadow-color, #0000004d), 0px 4px 4px 0px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:shadow-none:focus-within { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-0:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-0\!:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .focus-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-blue-400\/60:focus-within { --tw-ring-color: var(--blue-400); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-blue-400\/60:focus-within { --tw-ring-color: color-mix(in oklab, var(--blue-400) 60%, transparent); } } .focus-within\:ring-red-500:focus-within { --tw-ring-color: var(--red-500); } .focus-within\:ring-token-border-default\/40:focus-within { --tw-ring-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-token-border-default\/40:focus-within { --tw-ring-color: color-mix(in oklab, var(--border-default) 40%, transparent); } } .focus-within\:ring-token-text-primary:focus-within { --tw-ring-color: var(--text-primary); } .focus-within\:ring-token-text-secondary:focus-within { --tw-ring-color: var(--text-secondary); } .focus-within\:ring-token-text-status-error:focus-within { --tw-ring-color: var(--text-status-error); } .focus-within\:ring-transparent:focus-within { --tw-ring-color: transparent; } .focus-within\:outline-hidden:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-within\:outline-hidden:focus-within { outline-offset: 2px; outline: 2px solid #0000; } } .focus-within\:transition-none:focus-within { transition-property: none; } .focus-within\:outline-none:focus-within { --tw-outline-style: none; outline-style: none; } @media (hover: hover) { .hover\:visible:hover { visibility: visible; } .hover\:entity-underline\!:hover { vertical-align: baseline !important; -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; -webkit-text-decoration-color: var(--text-tertiary) !important; -webkit-text-decoration-color: var(--text-tertiary) !important; -webkit-text-decoration-color: var(--text-tertiary) !important; -webkit-text-decoration-color: var(--text-tertiary) !important; text-decoration-color: var(--text-tertiary) !important; text-underline-offset: 2px !important; -webkit-text-decoration-style: dotted !important; text-decoration-style: dotted !important; text-decoration-thickness: 1px !important; display: inline !important; } @media (hover: hover) { .hover\:entity-underline\!:hover:hover { -webkit-text-decoration-color: inherit !important; -webkit-text-decoration-color: inherit !important; -webkit-text-decoration-color: inherit !important; -webkit-text-decoration-color: inherit !important; text-decoration-color: inherit !important; } } .hover\:entity-underline\!:hover { -webkit-text-decoration-skip-ink: auto !important; text-decoration-skip-ink: auto !important; text-underline-position: from-font !important; } .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:scale-103:hover { --tw-scale-x: 103%; --tw-scale-y: 103%; --tw-scale-z: 103%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-125:hover { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.01\]:hover { scale: 1.01; } .hover\:scale-\[1\.005\]:hover { scale: 1.005; } .hover\:scale-\[1\.015\]:hover { scale: 1.015; } .hover\:rotate-\[20deg\]:hover { rotate: 20deg; } .hover\:cursor-default:hover { cursor: default; } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:rounded-2xl:hover { border-radius: var(--radius-2xl); } .hover\:rounded-lg:hover { border-radius: var(--radius-lg); } .hover\:border-\[var\(--interactive-border-secondary-hover\)\]:hover { border-color: var(--interactive-border-secondary-hover); } .hover\:border-gray-300:hover { border-color: var(--gray-300); } .hover\:border-token-border-default\/80:hover { border-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-token-border-default\/80:hover { border-color: color-mix(in oklab, var(--border-default) 80%, transparent); } } .hover\:border-token-border-heavy:hover { border-color: var(--border-heavy); } .hover\:border-token-border-light:hover { border-color: var(--border-light); } .hover\:border-token-border-medium:hover { border-color: var(--border-medium); } .hover\:border-token-border-xheavy:hover { border-color: var(--border-xheavy); } .hover\:border-token-icon-accent:hover { border-color: var(--icon-accent); } .hover\:border-token-text-primary\/44:hover { border-color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-token-text-primary\/44:hover { border-color: color-mix(in oklab, var(--text-primary) 44%, transparent); } } .hover\:border-white\/30:hover { border-color: #ffffff4d; border-color: lab(100% -0.0000298023 0.0000119209/.3); } .hover\:\!bg-\[\#2A2A2A\]:hover { background-color: #2a2a2a !important; } .hover\:\!bg-\[\#F8F8F8\]:hover { background-color: #f8f8f8 !important; } .hover\:bg-\[\#0FA968\]\/15:hover { background-color: #0fa96826; background-color: lab(61.1228% -49.5053 22.9273/0.15); } .hover\:bg-\[\#0000000a\]:hover { background-color: #0000000a; } .hover\:bg-\[\#6a6a6a\]:hover { background-color: #6a6a6a; } .hover\:bg-\[\#0276E0\]:hover { background-color: #0276e0; } .hover\:bg-\[\#0285FF\]\/15:hover { background-color: #0285ff26; background-color: lab(54.959% 5.86918 -70.2582/0.15); } .hover\:bg-\[\#BDDCF4\]:hover { background-color: #bddcf4; } .hover\:bg-\[\#E4E4F6\]:hover { background-color: #e4e4f6; } .hover\:bg-\[\#ECECFF\]:hover { background-color: #ececff; } .hover\:bg-\[\#f5f5f5\]:hover { background-color: #f5f5f5; } .hover\:bg-\[\#f6dc63\]:hover { background-color: #f6dc63; } .hover\:bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_72\%\,transparent\)\]:hover { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_72\%\,transparent\)\]:hover { background-color: color-mix(in srgb, var(--main-surface-secondary) 72%, transparent); } } .hover\:bg-\[rgba\(0\,0\,0\,0\.1\)\]:hover { background-color: #0000001a; } .hover\:bg-\[rgba\(0\,0\,0\,0\.08\)\]:hover { background-color: #00000014; } .hover\:bg-\[rgba\(29\,155\,209\,0\.2\)\]:hover { background-color: #1d9bd133; } .hover\:bg-\[rgba\(217\,238\,255\,0\.85\)\]\!:hover { background-color: #d9eeffd9 !important; } .hover\:bg-\[var\(--bg-tertiary\,\#EBEBEB\)\]:hover { background-color: var(--bg-tertiary, #ebebeb); } .hover\:bg-\[var\(--bg-tertiary\,\#F3F3F3\)\]:hover { background-color: var(--bg-tertiary, #f3f3f3); } .hover\:bg-\[var\(--prompt-icon-hover-bg\)\]:hover { background-color: var(--prompt-icon-hover-bg); } .hover\:bg-\[var\(--scrollbar-color-hover\)\]:hover { background-color: var(--scrollbar-color-hover); } .hover\:bg-\[var\(--snc-hover\)\]:hover { background-color: var(--snc-hover); } .hover\:bg-black:hover { background-color: #000; } .hover\:bg-black\/5:hover { background-color: #0000000d; background-color: lab(0% 0 0/0.05); } .hover\:bg-black\/5\!:hover { background-color: #0000000d !important; background-color: lab(0% 0 0/0.05) !important; } .hover\:bg-black\/10:hover { background-color: #0000001a; background-color: lab(0% 0 0/0.1); } .hover\:bg-black\/10\!:hover { background-color: #0000001a !important; background-color: lab(0% 0 0/0.1) !important; } .hover\:bg-black\/25:hover { background-color: #00000040; background-color: lab(0% 0 0/0.25); } .hover\:bg-black\/35:hover { background-color: #00000059; background-color: lab(0% 0 0/0.35); } .hover\:bg-black\/50:hover { background-color: #00000080; background-color: lab(0% 0 0/0.5); } .hover\:bg-black\/60:hover { background-color: #0009; background-color: lab(0% 0 0/0.6); } .hover\:bg-black\/80:hover { background-color: #000c; background-color: lab(0% 0 0/0.8); } .hover\:bg-black\/90:hover { background-color: #000000e6; background-color: lab(0% 0 0/0.9); } .hover\:bg-blue-50:hover { background-color: var(--blue-50); } .hover\:bg-blue-100:hover, .hover\:bg-blue-100\/80:hover { background-color: var(--blue-100); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-100\/80:hover { background-color: color-mix(in oklab, var(--blue-100) 80%, transparent); } } .hover\:bg-blue-400\/20\!:hover { background-color: var(--blue-400) !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-400\/20\!:hover { background-color: color-mix(in oklab, var(--blue-400) 20%, transparent) !important; } } .hover\:bg-blue-600:hover { background-color: var(--blue-600); } .hover\:bg-blue-700:hover { background-color: var(--blue-700); } .hover\:bg-blue-800:hover { background-color: var(--blue-800); } .hover\:bg-gray-50:hover { background-color: var(--gray-50); } .hover\:bg-gray-100:hover, .hover\:bg-gray-100\/75:hover { background-color: var(--gray-100); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-100\/75:hover { background-color: color-mix(in oklab, var(--gray-100) 75%, transparent); } } .hover\:bg-gray-200:hover { background-color: var(--gray-200); } .hover\:bg-gray-300:hover { background-color: var(--gray-300); } .hover\:bg-gray-500:hover { background-color: var(--gray-500); } .hover\:bg-gray-800:hover, .hover\:bg-gray-800\/10:hover { background-color: var(--gray-800); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-800\/10:hover { background-color: color-mix(in oklab, var(--gray-800) 10%, transparent); } } .hover\:bg-gray-900\/30:hover { background-color: var(--gray-900); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-900\/30:hover { background-color: color-mix(in oklab, var(--gray-900) 30%, transparent); } } .hover\:bg-gray-solid-1000\/90:hover { background-color: #0d0d0de6; background-color: lab(3.63549% -0.00000745058 0.00000298023/.9); } .hover\:bg-green-100:hover { background-color: var(--green-100); } .hover\:bg-orange-400\/10:hover { background-color: var(--orange-400); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-400\/10:hover { background-color: color-mix(in oklab, var(--orange-400) 10%, transparent); } } .hover\:bg-orange-400\/20:hover { background-color: var(--orange-400); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-400\/20:hover { background-color: color-mix(in oklab, var(--orange-400) 20%, transparent); } } .hover\:bg-orange-500:hover { background-color: var(--orange-500); } .hover\:bg-purple-100:hover { background-color: var(--purple-100); } .hover\:bg-purple-600:hover { background-color: var(--purple-600); } .hover\:bg-red-100:hover { background-color: var(--red-100); } .hover\:bg-red-500:hover, .hover\:bg-red-500\/10:hover { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/10:hover { background-color: color-mix(in oklab, var(--red-500) 10%, transparent); } } .hover\:bg-red-500\/15:hover { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/15:hover { background-color: color-mix(in oklab, var(--red-500) 15%, transparent); } } .hover\:bg-red-500\/20:hover { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/20:hover { background-color: color-mix(in oklab, var(--red-500) 20%, transparent); } } .hover\:bg-red-500\/30:hover { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/30:hover { background-color: color-mix(in oklab, var(--red-500) 30%, transparent); } } .hover\:bg-red-600:hover { background-color: var(--red-600); } .hover\:bg-red-700:hover { background-color: var(--red-700); } .hover\:bg-token-bg-elevated-primary:hover { background-color: var(--bg-elevated-primary); } .hover\:bg-token-bg-elevated-secondary:hover, .hover\:bg-token-bg-elevated-secondary\/40:hover { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-elevated-secondary\/40:hover { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 40%, transparent); } } .hover\:bg-token-bg-elevated-secondary\/80:hover { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-elevated-secondary\/80:hover { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 80%, transparent); } } .hover\:bg-token-bg-primary:hover { background-color: var(--bg-primary); } .hover\:bg-token-bg-primary\!:hover { background-color: var(--bg-primary) !important; } .hover\:bg-token-bg-primary\/10:hover { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-primary\/10:hover { background-color: color-mix(in oklab, var(--bg-primary) 10%, transparent); } } .hover\:bg-token-bg-primary\/60:hover { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-primary\/60:hover { background-color: color-mix(in oklab, var(--bg-primary) 60%, transparent); } } .hover\:bg-token-bg-primary\/70:hover { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-primary\/70:hover { background-color: color-mix(in oklab, var(--bg-primary) 70%, transparent); } } .hover\:bg-token-bg-primary\/80:hover { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-primary\/80:hover { background-color: color-mix(in oklab, var(--bg-primary) 80%, transparent); } } .hover\:bg-token-bg-secondary:hover, .hover\:bg-token-bg-secondary\/50:hover { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-secondary\/50:hover { background-color: color-mix(in oklab, var(--bg-secondary) 50%, transparent); } } .hover\:bg-token-bg-secondary\/60:hover { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-secondary\/60:hover { background-color: color-mix(in oklab, var(--bg-secondary) 60%, transparent); } } .hover\:bg-token-bg-secondary\/70:hover { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-secondary\/70:hover { background-color: color-mix(in oklab, var(--bg-secondary) 70%, transparent); } } .hover\:bg-token-bg-tertiary:hover { background-color: var(--bg-tertiary); } .hover\:bg-token-bg-tertiary\!:hover { background-color: var(--bg-tertiary) !important; } .hover\:bg-token-bg-tertiary\/10:hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-tertiary\/10:hover { background-color: color-mix(in oklab, var(--bg-tertiary) 10%, transparent); } } .hover\:bg-token-bg-tertiary\/50:hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-tertiary\/50:hover { background-color: color-mix(in oklab, var(--bg-tertiary) 50%, transparent); } } .hover\:bg-token-bg-tertiary\/60:hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-tertiary\/60:hover { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .hover\:bg-token-bg-tertiary\/70:hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-bg-tertiary\/70:hover { background-color: color-mix(in oklab, var(--bg-tertiary) 70%, transparent); } } .hover\:bg-token-border-default:hover { background-color: var(--border-default); } .hover\:bg-token-border-light:hover { background-color: var(--border-light); } .hover\:bg-token-border-xlight:hover { background-color: var(--border-xlight); } .hover\:bg-token-icon-accent\/20:hover { background-color: var(--icon-accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-icon-accent\/20:hover { background-color: color-mix(in oklab, var(--icon-accent) 20%, transparent); } } .hover\:bg-token-icon-surface\/10:hover { background-color: rgb(var(--icon-surface) / 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-icon-surface\/10:hover { background-color: color-mix(in oklab, rgb(var(--icon-surface) / 1) 10%, transparent); } } .hover\:bg-token-interactive-bg-accent-muted-hover:hover { background-color: var(--interactive-bg-accent-muted-hover); } .hover\:bg-token-interactive-bg-primary-default:hover { background-color: var(--interactive-bg-primary-default); } .hover\:bg-token-interactive-bg-primary-hover:hover, .hover\:bg-token-interactive-bg-primary-hover\/10:hover { background-color: var(--interactive-bg-primary-hover); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-interactive-bg-primary-hover\/10:hover { background-color: color-mix(in oklab, var(--interactive-bg-primary-hover) 10%, transparent); } } .hover\:bg-token-interactive-bg-primary-selected\/5:hover { background-color: var(--interactive-bg-primary-selected); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-interactive-bg-primary-selected\/5:hover { background-color: color-mix(in oklab, var(--interactive-bg-primary-selected) 5%, transparent); } } .hover\:bg-token-interactive-bg-secondary-hover:hover, .hover\:bg-token-interactive-bg-secondary-hover\/60:hover { background-color: var(--interactive-bg-secondary-hover); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-interactive-bg-secondary-hover\/60:hover { background-color: color-mix(in oklab, var(--interactive-bg-secondary-hover) 60%, transparent); } } .hover\:bg-token-interactive-bg-secondary-selected:hover { background-color: var(--interactive-bg-secondary-selected); } .hover\:bg-token-interactive-bg-tertiary-default:hover { background-color: var(--interactive-bg-tertiary-default); } .hover\:bg-token-interactive-bg-tertiary-hover:hover { background-color: var(--interactive-bg-tertiary-hover); } .hover\:bg-token-interactive-bg-tertiary-press:hover { background-color: var(--interactive-bg-tertiary-press); } .hover\:bg-token-main-surface-primary:hover { background-color: var(--main-surface-primary); } .hover\:bg-token-main-surface-primary\!:hover { background-color: var(--main-surface-primary) !important; } .hover\:bg-token-main-surface-primary-inverse:hover { background-color: var(--main-surface-primary-inverse); } .hover\:bg-token-main-surface-primary\/30\!:hover { background-color: var(--main-surface-primary) !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-main-surface-primary\/30\!:hover { background-color: color-mix(in oklab, var(--main-surface-primary) 30%, transparent) !important; } } .hover\:bg-token-main-surface-primary\/70:hover { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-main-surface-primary\/70:hover { background-color: color-mix(in oklab, var(--main-surface-primary) 70%, transparent); } } .hover\:bg-token-main-surface-secondary:hover { background-color: var(--main-surface-secondary); } .hover\:bg-token-main-surface-secondary\!:hover { background-color: var(--main-surface-secondary) !important; } .hover\:bg-token-main-surface-secondary-selected:hover { background-color: var(--main-surface-secondary-selected); } .hover\:bg-token-main-surface-secondary\/80:hover { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-main-surface-secondary\/80:hover { background-color: color-mix(in oklab, var(--main-surface-secondary) 80%, transparent); } } .hover\:bg-token-main-surface-tertiary:hover { background-color: var(--main-surface-tertiary); } .hover\:bg-token-sidebar-surface-secondary:hover { background-color: var(--sidebar-surface-secondary); } .hover\:bg-token-sidebar-surface-tertiary:hover { background-color: var(--sidebar-surface-tertiary); } .hover\:bg-token-surface-error\/10:hover { background-color: rgb(var(--surface-error) / 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-token-surface-error\/10:hover { background-color: color-mix(in oklab, rgb(var(--surface-error) / 1) 10%, transparent); } } .hover\:bg-token-surface-hover:hover { background-color: var(--surface-hover); } .hover\:bg-token-text-primary:hover { background-color: var(--text-primary); } .hover\:bg-token-text-primary\!:hover { background-color: var(--text-primary) !important; } .hover\:bg-token-text-secondary:hover { background-color: var(--text-secondary); } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-transparent\!:hover { background-color: #0000 !important; } .hover\:bg-white:hover { background-color: #fff; } .hover\:bg-white\/10:hover { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } .hover\:bg-white\/15:hover { background-color: #ffffff26; background-color: lab(100% -0.0000298023 0.0000119209/.15); } .hover\:bg-white\/20:hover { background-color: #fff3; background-color: lab(100% -0.0000298023 0.0000119209/.2); } .hover\:bg-white\/25:hover { background-color: #ffffff40; background-color: lab(100% -0.0000298023 0.0000119209/.25); } .hover\:bg-white\/25\!:hover { background-color: #ffffff40 !important; background-color: lab(100% -0.0000298023 0.0000119209/.25) !important; } .hover\:bg-white\/30:hover { background-color: #ffffff4d; background-color: lab(100% -0.0000298023 0.0000119209/.3); } .hover\:bg-white\/40:hover { background-color: #fff6; background-color: lab(100% -0.0000298023 0.0000119209/.4); } .hover\:bg-white\/60:hover { background-color: #fff9; background-color: lab(100% -0.0000298023 0.0000119209/.6); } .hover\:bg-white\/90:hover { background-color: #ffffffe6; background-color: lab(100% -0.0000298023 0.0000119209/.9); } .hover\:bg-yellow-400:hover { background-color: var(--yellow-400); } .hover\:from-\[\#4636f8\]:hover { --tw-gradient-from: #4636f8; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .hover\:to-\[\#951ce8\]:hover { --tw-gradient-to: #951ce8; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .hover\:fill-token-text-primary:hover { fill: var(--text-primary); } .hover\:entity-accent:hover { color: var(--theme-entity-accent); } .hover\:entity-accent\!:hover { color: var(--theme-entity-accent) !important; } .hover\:text-\(--super-widget-link-color-hover\):hover { color: var(--super-widget-link-color-hover); } .hover\:text-\[\#174ea6\]:hover { color: #174ea6; } .hover\:text-\[\#0285ff\]\/80:hover { color: #0285ffcc; color: lab(54.959% 5.86918 -70.2582/0.8); } .hover\:text-\[rgb\(11\,76\,140\)\]:hover { color: #0b4c8c; } .hover\:text-black\/60:hover { color: #0009; color: lab(0% 0 0/0.6); } .hover\:text-blue-200:hover { color: var(--blue-200); } .hover\:text-blue-300:hover { color: var(--blue-300); } .hover\:text-blue-500:hover { color: var(--blue-500); } .hover\:text-blue-600:hover { color: var(--blue-600); } .hover\:text-blue-700:hover { color: var(--blue-700); } .hover\:text-gray-600:hover { color: var(--gray-600); } .hover\:text-gray-700:hover { color: var(--gray-700); } .hover\:text-gray-900:hover { color: var(--gray-900); } .hover\:text-inherit:hover { color: inherit; } .hover\:text-red-300:hover { color: var(--red-300); } .hover\:text-red-500:hover { color: var(--red-500); } .hover\:text-red-700:hover { color: var(--red-700); } .hover\:text-red-800:hover { color: var(--red-800); } .hover\:text-token-icon-accent:hover { color: var(--icon-accent); } .hover\:text-token-icon-primary:hover { color: var(--icon-primary); } .hover\:text-token-interactive-label-accent-hover:hover { color: var(--interactive-label-accent-hover); } .hover\:text-token-link-hover:hover { color: var(--link-hover); } .hover\:text-token-main-surface-tertiary:hover { color: var(--main-surface-tertiary); } .hover\:text-token-text-accent:hover, .hover\:text-token-text-accent\/80:hover { color: var(--text-accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-token-text-accent\/80:hover { color: color-mix(in oklab, var(--text-accent) 80%, transparent); } } .hover\:text-token-text-inverted:hover { color: var(--text-inverted); } .hover\:text-token-text-primary:hover { color: var(--text-primary); } .hover\:text-token-text-primary\!:hover { color: var(--text-primary) !important; } .hover\:text-token-text-primary\/44:hover { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-token-text-primary\/44:hover { color: color-mix(in oklab, var(--text-primary) 44%, transparent); } } .hover\:text-token-text-primary\/60:hover { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-token-text-primary\/60:hover { color: color-mix(in oklab, var(--text-primary) 60%, transparent); } } .hover\:text-token-text-primary\/80:hover { color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-token-text-primary\/80:hover { color: color-mix(in oklab, var(--text-primary) 80%, transparent); } } .hover\:text-token-text-secondary:hover { color: var(--text-secondary); } .hover\:text-token-text-tertiary:hover { color: var(--text-tertiary); } .hover\:text-white:hover { color: #fff; } .hover\:text-white\/40:hover { color: #fff6; color: lab(100% -0.0000298023 0.0000119209/.4); } .hover\:text-white\/70:hover { color: #ffffffb3; color: lab(100% -0.0000298023 0.0000119209/.7); } .hover\:text-white\/90:hover { color: #ffffffe6; color: lab(100% -0.0000298023 0.0000119209/.9); } .hover\:no-underline:hover { -webkit-text-decoration-line: none; text-decoration-line: none; } .hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hover\:underline\!:hover { -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; } .hover\:decoration-token-text-primary:hover { -webkit-text-decoration-color: var(--text-primary); -webkit-text-decoration-color: var(--text-primary); -webkit-text-decoration-color: var(--text-primary); -webkit-text-decoration-color: var(--text-primary); text-decoration-color: var(--text-primary); } .hover\:opacity-60:hover { opacity: 0.6; } .hover\:opacity-65:hover { opacity: 0.65; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-75:hover { opacity: 0.75; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:opacity-95:hover { opacity: 0.95; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-100\!:hover { opacity: 1 !important; } .hover\:mix-blend-normal:hover { mix-blend-mode: normal; } .hover\:shadow-\[-1px_0_2px_2px_rgba\(255\,0\,0\,0\.4\)\]:hover { --tw-shadow: -1px 0 2px 2px var(--tw-shadow-color, #f006); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0px_0px_1px_0px_\#0000004D\,_0px_4px_4px_0px_\#0000000A\]:hover { --tw-shadow: 0px 0px 1px 0px var(--tw-shadow-color, #0000004d), 0px 4px 4px 0px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\]:hover { --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-none:hover { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-1:hover { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-token-border-default:hover { --tw-shadow-color: var(--border-default); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-token-border-default:hover { --tw-shadow-color: color-mix(in oklab, var(--border-default) var(--tw-shadow-alpha), transparent); } } .hover\:ring-black\/10:hover { --tw-ring-color: #0000001a; } @supports (color: lab(0% 0 0)) { .hover\:ring-black\/10:hover { --tw-ring-color: lab(0% 0 0/0.1); } } .hover\:ring-white\/30:hover { --tw-ring-color: #ffffff4d; } @supports (color: lab(0% 0 0)) { .hover\:ring-white\/30:hover { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.3); } } .hover\:outline:hover, .hover\:outline-\[1px\]:hover { outline-style: var(--tw-outline-style); outline-width: 1px; } .hover\:outline-blue-100:hover { outline-color: var(--blue-100); } .hover\:brightness-105:hover { --tw-brightness: brightness(105%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .hover\:brightness-\[0\.98\]:hover { --tw-brightness: brightness(0.98); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .hover\:backdrop-blur-md:hover { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .hover\:transition-none:hover { transition-property: none; } .hover\:delay-0:hover { transition-delay: 0s; } .hover\:delay-300:hover { transition-delay: 0.3s; } .hover\:file\:bg-token-bg-tertiary:hover::file-selector-button { background-color: var(--bg-tertiary); } .hover\:before\:opacity-100:hover:before { content: var(--tw-content); opacity: 1; } .hover\:after\:bg-token-main-surface-tertiary:hover:after { content: var(--tw-content); background-color: var(--main-surface-tertiary); } } .focus\:pointer-events-auto:focus { pointer-events: auto; } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .focus\:absolute:focus { position: absolute; } .focus\:top-4:focus { top: calc(var(--spacing) * 4); } .focus\:left-4:focus { left: calc(var(--spacing) * 4); } .focus\:z-50:focus { z-index: 50; } .focus\:border-0:focus { border-style: var(--tw-border-style); border-width: 0; } .focus\:border-none:focus { --tw-border-style: none; border-style: none; } .focus\:border-none\!:focus { --tw-border-style: none !important; border-style: none !important; } .focus\:border-\[var\(--interactive-border-focus\)\]:focus { border-color: var(--interactive-border-focus); } .focus\:border-black:focus { border-color: #000; } .focus\:border-blue-500:focus { border-color: var(--blue-500); } .focus\:border-gray-200:focus { border-color: var(--gray-200); } .focus\:border-gray-400:focus { border-color: var(--gray-400); } .focus\:border-gray-500:focus { border-color: var(--gray-500); } .focus\:border-orange-400:focus { border-color: var(--orange-400); } .focus\:border-red-500:focus { border-color: var(--red-500); } .focus\:border-token-border-heavy:focus { border-color: var(--border-heavy); } .focus\:border-token-border-xheavy:focus { border-color: var(--border-xheavy); } .focus\:border-token-icon-accent:focus { border-color: var(--icon-accent); } .focus\:border-token-interactive-border-focus:focus { border-color: var(--interactive-border-focus); } .focus\:border-token-text-error:focus { border-color: var(--text-error); } .focus\:border-token-text-primary:focus, .focus\:border-token-text-primary\/44:focus { border-color: var(--text-primary); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-token-text-primary\/44:focus { border-color: color-mix(in oklab, var(--text-primary) 44%, transparent); } } .focus\:border-token-text-tertiary:focus { border-color: var(--text-tertiary); } .focus\:border-transparent:focus { border-color: #0000; } .focus\:border-white\/40:focus { border-color: #fff6; border-color: lab(100% -0.0000298023 0.0000119209/.4); } .focus\:bg-gray-950\!:focus { background-color: var(--gray-950) !important; } .focus\:bg-token-bg-primary:focus { background-color: var(--bg-primary); } .focus\:bg-token-bg-secondary:focus { background-color: var(--bg-secondary); } .focus\:bg-token-icon-surface\/10:focus { background-color: rgb(var(--icon-surface) / 1); } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-token-icon-surface\/10:focus { background-color: color-mix(in oklab, rgb(var(--icon-surface) / 1) 10%, transparent); } } .focus\:bg-token-main-surface-secondary:focus { background-color: var(--main-surface-secondary); } .focus\:bg-transparent:focus { background-color: #0000; } .focus\:bg-white:focus { background-color: #fff; } .focus\:bg-white\/15:focus { background-color: #ffffff26; background-color: lab(100% -0.0000298023 0.0000119209/.15); } .focus\:p-4:focus { padding: calc(var(--spacing) * 4); } .focus\:text-token-text-primary:focus { color: var(--text-primary); } .focus\:text-token-text-secondary:focus { color: var(--text-secondary); } .focus\:opacity-100:focus { opacity: 1; } .focus\:shadow-none:focus { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:shadow-none\!:focus { --tw-shadow: 0 0 transparent !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-0\!:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-4:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-\[\#5856D6\]:focus { --tw-ring-color: #5856d6; } .focus\:ring-\[black\]\!:focus { --tw-ring-color: black !important; } .focus\:ring-black:focus { --tw-ring-color: #000; } .focus\:ring-blue-400:focus { --tw-ring-color: var(--blue-400); } .focus\:ring-blue-500:focus { --tw-ring-color: var(--blue-500); } .focus\:ring-gray-200:focus { --tw-ring-color: var(--gray-200); } .focus\:ring-gray-500:focus { --tw-ring-color: var(--gray-500); } .focus\:ring-purple-500:focus { --tw-ring-color: var(--purple-500); } .focus\:ring-red-500:focus { --tw-ring-color: var(--red-500); } .focus\:ring-token-border-heavy:focus { --tw-ring-color: var(--border-heavy); } .focus\:ring-token-border-light:focus { --tw-ring-color: var(--border-light); } .focus\:ring-token-border-xheavy:focus { --tw-ring-color: var(--border-xheavy); } .focus\:ring-token-icon-accent:focus { --tw-ring-color: var(--icon-accent); } .focus\:ring-token-text-primary:focus { --tw-ring-color: var(--text-primary); } .focus\:ring-token-text-secondary:focus { --tw-ring-color: var(--text-secondary); } .focus\:ring-transparent:focus { --tw-ring-color: transparent; } .focus\:ring-white:focus { --tw-ring-color: #fff; } .focus\:ring-white\/50:focus { --tw-ring-color: #ffffff80; } @supports (color: lab(0% 0 0)) { .focus\:ring-white\/50:focus { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.5); } } .focus\:ring-white\/70:focus { --tw-ring-color: #ffffffb3; } @supports (color: lab(0% 0 0)) { .focus\:ring-white\/70:focus { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.7); } } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:ring-offset-0\!:focus { --tw-ring-offset-width: 0px !important; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:ring-offset-token-bg-primary:focus { --tw-ring-offset-color: var(--bg-primary); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline:focus { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus\:outline\!:focus { outline-style: var(--tw-outline-style) !important; outline-width: 1px !important; } .focus\:outline-0:focus { outline-style: var(--tw-outline-style); outline-width: 0; } .focus\:outline-0\!:focus { outline-style: var(--tw-outline-style) !important; outline-width: 0 !important; } .focus\:outline-1:focus { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus\:outline-1\!:focus { outline-style: var(--tw-outline-style) !important; outline-width: 1px !important; } .focus\:outline-\[1\.5px\]:focus { outline-style: var(--tw-outline-style); outline-width: 1.5px; } .focus\:outline-offset-\[2\.5px\]:focus { outline-offset: 2.5px; } .focus\:outline-black\!:focus { outline-color: #000 !important; } .focus\:outline-token-text-primary:focus { outline-color: var(--text-primary); } .focus\:outline-white\!:focus { outline-color: #fff !important; } .focus\:backdrop-blur-md:focus { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus\:outline-none\!:focus { --tw-outline-style: none !important; outline-style: none !important; } .focus\:outline-solid:focus { --tw-outline-style: solid; outline-style: solid; } .focus\:ring-inset:focus { --tw-ring-inset: inset; } .focus-visible\:pointer-events-auto:focus-visible { pointer-events: auto; } .focus-visible\:translate-y-0:focus-visible { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .focus-visible\:rounded-\[26px\]:focus-visible { border-radius: 26px; } .focus-visible\:border-0:focus-visible { border-style: var(--tw-border-style); border-width: 0; } .focus-visible\:border-none:focus-visible { --tw-border-style: none; border-style: none; } .focus-visible\:border-black:focus-visible { border-color: #000; } .focus-visible\:border-token-border-default:focus-visible { border-color: var(--border-default); } .focus-visible\:border-token-border-heavy:focus-visible { border-color: var(--border-heavy); } .focus-visible\:bg-black\/25:focus-visible { background-color: #00000040; background-color: lab(0% 0 0/0.25); } .focus-visible\:bg-black\/35:focus-visible { background-color: #00000059; background-color: lab(0% 0 0/0.35); } .focus-visible\:bg-token-bg-tertiary:focus-visible, .focus-visible\:bg-token-bg-tertiary\/50:focus-visible { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:bg-token-bg-tertiary\/50:focus-visible { background-color: color-mix(in oklab, var(--bg-tertiary) 50%, transparent); } } .focus-visible\:bg-token-icon-surface\/10:focus-visible { background-color: rgb(var(--icon-surface) / 1); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:bg-token-icon-surface\/10:focus-visible { background-color: color-mix(in oklab, rgb(var(--icon-surface) / 1) 10%, transparent); } } .focus-visible\:bg-token-interactive-bg-secondary-hover:focus-visible { background-color: var(--interactive-bg-secondary-hover); } .focus-visible\:bg-token-surface-hover:focus-visible { background-color: var(--surface-hover); } .focus-visible\:bg-token-text-secondary\!:focus-visible { background-color: var(--text-secondary) !important; } .focus-visible\:bg-transparent:focus-visible { background-color: #0000; } .focus-visible\:bg-transparent\!:focus-visible { background-color: #0000 !important; } .focus-visible\:bg-white\/20:focus-visible { background-color: #fff3; background-color: lab(100% -0.0000298023 0.0000119209/.2); } .focus-visible\:text-token-text-primary:focus-visible { color: var(--text-primary); } .focus-visible\:no-underline:focus-visible { -webkit-text-decoration-line: none; text-decoration-line: none; } .focus-visible\:underline:focus-visible { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:ring:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[\#5856D6\]:focus-visible { --tw-ring-color: #5856d6; } .focus-visible\:ring-\[color\:var\(--accentStroke\)\]:focus-visible { --tw-ring-color: var(--accentStroke); } .focus-visible\:ring-black:focus-visible { --tw-ring-color: #000; } .focus-visible\:ring-blue-500:focus-visible, .focus-visible\:ring-blue-500\/60:focus-visible { --tw-ring-color: var(--blue-500); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-blue-500\/60:focus-visible { --tw-ring-color: color-mix(in oklab, var(--blue-500) 60%, transparent); } } .focus-visible\:ring-current:focus-visible { --tw-ring-color: currentcolor; } .focus-visible\:ring-red-500\/20:focus-visible { --tw-ring-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-red-500\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--red-500) 20%, transparent); } } .focus-visible\:ring-token-border-default:focus-visible { --tw-ring-color: var(--border-default); } .focus-visible\:ring-token-border-heavy:focus-visible { --tw-ring-color: var(--border-heavy); } .focus-visible\:ring-token-border-medium:focus-visible { --tw-ring-color: var(--border-medium); } .focus-visible\:ring-token-text-primary:focus-visible { --tw-ring-color: var(--text-primary); } .focus-visible\:ring-token-text-quaternary:focus-visible { --tw-ring-color: var(--text-quaternary); } .focus-visible\:ring-token-text-secondary:focus-visible { --tw-ring-color: var(--text-secondary); } .focus-visible\:ring-token-text-tertiary:focus-visible { --tw-ring-color: var(--text-tertiary); } .focus-visible\:ring-white\/40:focus-visible { --tw-ring-color: #fff6; } @supports (color: lab(0% 0 0)) { .focus-visible\:ring-white\/40:focus-visible { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.4); } } .focus-visible\:ring-white\/70:focus-visible { --tw-ring-color: #ffffffb3; } @supports (color: lab(0% 0 0)) { .focus-visible\:ring-white\/70:focus-visible { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.7); } } .focus-visible\:ring-white\/80:focus-visible { --tw-ring-color: #fffc; } @supports (color: lab(0% 0 0)) { .focus-visible\:ring-white\/80:focus-visible { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.8); } } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-token-bg-primary:focus-visible { --tw-ring-offset-color: var(--bg-primary); } .focus-visible\:ring-offset-transparent:focus-visible { --tw-ring-offset-color: transparent; } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .focus-visible\:focus-ring:focus-visible { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .focus-visible\:outline:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-0:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-2:focus-visible, .focus-visible\:outline-\[2px\]:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:\[outline-width\:1\.5px\]:focus-visible { outline-width: 1.5px; } .focus-visible\:-outline-offset-1:focus-visible { outline-offset: calc(1px * -1); } .focus-visible\:\[outline-offset\:2\.5px\]:focus-visible { outline-offset: 2.5px; } .focus-visible\:outline-offset-0:focus-visible { outline-offset: 0px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-offset-\[-2px\]:focus-visible { outline-offset: -2px; } .focus-visible\:outline-offset-\[-8px\]:focus-visible { outline-offset: -8px; } .focus-visible\:outline-offset-\[2\.5px\]:focus-visible { outline-offset: 2.5px; } .focus-visible\:\[outline-color\:var\(--text-primary\)\]:focus-visible { outline-color: var(--text-primary); } .focus-visible\:outline-black:focus-visible { outline-color: #000; } .focus-visible\:outline-current:focus-visible { outline-color: currentColor; } .focus-visible\:outline-orange-500:focus-visible { outline-color: var(--orange-500); } .focus-visible\:outline-token-border-heavy:focus-visible { outline-color: var(--border-heavy); } .focus-visible\:outline-token-interactive-label-accent-default:focus-visible { outline-color: var(--interactive-label-accent-default); } .focus-visible\:outline-token-text-primary:focus-visible { outline-color: var(--text-primary); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .focus-visible\:outline-solid:focus-visible { --tw-outline-style: solid; outline-style: solid; } .focus-visible\:\[outline-style\:solid\]:focus-visible { outline-style: solid; } .group-focus-within\/dialog\:focus-visible\:\[outline-width\:1\.5px\]:is( :where(.group\/dialog):focus-within * ):focus-visible { outline-width: 1.5px; } .group-focus-within\/dialog\:focus-visible\:\[outline-offset\:2\.5px\]:is( :where(.group\/dialog):focus-within * ):focus-visible { outline-offset: 2.5px; } .group-focus-within\/dialog\:focus-visible\:\[outline-color\:var\(--text-primary\)\]:is( :where(.group\/dialog):focus-within * ):focus-visible { outline-color: var(--text-primary); } .group-focus-within\/dialog\:focus-visible\:\[outline-style\:solid\]:is( :where(.group\/dialog):focus-within * ):focus-visible { outline-style: solid; } .focus-visible\:before\:opacity-100:focus-visible:before, .focus-visible\:after\:opacity-100:focus-visible:after { content: var(--tw-content); opacity: 1; } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-100:active { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-115:active { --tw-scale-x: 115%; --tw-scale-y: 115%; --tw-scale-z: 115%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.9\]:active { scale: 0.9; } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:bg-\[\#f0d35a\]:active { background-color: #f0d35a; } .active\:bg-black\/8:active { background-color: #00000014; background-color: lab(0% 0 0/0.08); } .active\:bg-black\/10:active { background-color: #0000001a; background-color: lab(0% 0 0/0.1); } .active\:bg-black\/10\!:active { background-color: #0000001a !important; background-color: lab(0% 0 0/0.1) !important; } .active\:bg-black\/20:active { background-color: #0003; background-color: lab(0% 0 0/0.2); } .active\:bg-gray-300:active { background-color: var(--gray-300); } .active\:bg-gray-700:active { background-color: var(--gray-700); } .active\:bg-red-500\/20:active { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-red-500\/20:active { background-color: color-mix(in oklab, var(--red-500) 20%, transparent); } } .active\:bg-token-bg-tertiary:active { background-color: var(--bg-tertiary); } .active\:bg-token-border-default:active { background-color: var(--border-default); } .active\:bg-token-interactive-bg-accent-muted-press:active { background-color: var(--interactive-bg-accent-muted-press); } .active\:bg-token-interactive-bg-secondary-press:active { background-color: var(--interactive-bg-secondary-press); } .active\:bg-token-interactive-bg-tertiary-press:active { background-color: var(--interactive-bg-tertiary-press); } .active\:bg-token-main-surface-primary\/80:active { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-token-main-surface-primary\/80:active { background-color: color-mix(in oklab, var(--main-surface-primary) 80%, transparent); } } .active\:bg-transparent:active { background-color: #0000; } .active\:bg-transparent\!:active { background-color: #0000 !important; } .active\:opacity-1:active { opacity: 0.01; } .active\:opacity-50:active { opacity: 0.5; } .active\:opacity-75:active { opacity: 0.75; } .active\:opacity-100:active { opacity: 1; } .active\:opacity-100\!:active { opacity: 1 !important; } .active\:brightness-95:active { --tw-brightness: brightness(95%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .active\:select-auto:active { -webkit-user-select: auto; user-select: auto; } @media (hover: hover) { .enabled\:hover\:bg-black\/5:enabled:hover { background-color: #0000000d; background-color: lab(0% 0 0/0.05); } .enabled\:hover\:bg-token-bg-tertiary\/60:enabled:hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .enabled\:hover\:bg-token-bg-tertiary\/60:enabled:hover { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .enabled\:hover\:bg-token-interactive-bg-secondary-hover:enabled:hover { background-color: var(--interactive-bg-secondary-hover); } .enabled\:hover\:bg-token-main-surface-secondary:enabled:hover { background-color: var(--main-surface-secondary); } .enabled\:hover\:bg-token-surface-hover:enabled:hover { background-color: var(--surface-hover); } .enabled\:hover\:text-token-text-secondary:enabled:hover { color: var(--text-secondary); } .enabled\:hover\:underline:enabled:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-auto:disabled { cursor: auto; } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-default\!:disabled { cursor: default !important; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-\[\#D7D7D7\]:disabled { background-color: #d7d7d7; } .disabled\:bg-gray-200:disabled { background-color: var(--gray-200); } .disabled\:bg-token-bg-primary:disabled { background-color: var(--bg-primary); } .disabled\:bg-token-bg-tertiary:disabled { background-color: var(--bg-tertiary); } .disabled\:bg-token-main-surface-secondary:disabled { background-color: var(--main-surface-secondary); } .disabled\:bg-token-main-surface-tertiary:disabled { background-color: var(--main-surface-tertiary); } .disabled\:bg-transparent:disabled { background-color: #0000; } .disabled\:text-\[\#f4f4f4\]:disabled { color: #f4f4f4; } .disabled\:text-gray-50:disabled { color: var(--gray-50); } .disabled\:text-gray-500:disabled { color: var(--gray-500); } .disabled\:text-token-border-medium:disabled { color: var(--border-medium); } .disabled\:text-token-text-quaternary:disabled { color: var(--text-quaternary); } .disabled\:text-token-text-tertiary:disabled { color: var(--text-tertiary); } .disabled\:opacity-25:disabled { opacity: 0.25; } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-70:disabled { opacity: 0.7; } .disabled\:opacity-75:disabled { opacity: 0.75; } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-100\!:disabled { opacity: 1 !important; } @media (hover: hover) { .disabled\:hover\:bg-token-bg-primary:disabled:hover { background-color: var(--bg-primary); } .disabled\:hover\:bg-transparent:disabled:hover { background-color: #0000; } .disabled\:hover\:text-token-text-secondary:disabled:hover { color: var(--text-secondary); } } .disabled\:focus\:border-gray-200:disabled:focus { border-color: var(--gray-200); } .disabled\:focus\:ring-transparent:disabled:focus { --tw-ring-color: transparent; } .has-focus-visible\:border-token-border-xheavy:has(:focus-visible) { border-color: var(--border-xheavy); } .has-data-has-thread-error\:pt-2:has([data-has-thread-error]) { padding-top: calc(var(--spacing) * 2); } .has-data-has-thread-error\:\[box-shadow\:var\(--sharp-edge-bottom-shadow\)\]:has([data-has-thread-error]) { box-shadow: var(--sharp-edge-bottom-shadow); } .has-data-writing-block\:pointer-events-none:has([data-writing-block]) { pointer-events: none; } .has-data-writing-block\:-mt-\(--shadow-height\):has([data-writing-block]) { margin-top: calc(var(--shadow-height) * -1); } .has-data-writing-block\:pt-\(--shadow-height\):has([data-writing-block]) { padding-top: var(--shadow-height); } .has-data-\[state\=open\]\:pointer-events-auto:has([data-state='open']) { pointer-events: auto; } .has-data-\[state\=open\]\:\[mask-position\:0_0\]:has([data-state='open']) { -webkit-mask-position: 0 0; mask-position: 0 0; } .has-data-\[state\=open\]\:opacity-100:has([data-state='open']) { opacity: 1; } .has-\[\.action-details\:hover\]\:bg-token-bg-primary:has(.action-details:hover) { background-color: var(--bg-primary); } .has-\[\.pulse-card-body\:hover\]\:cursor-pointer:has(.pulse-card-body:hover) { cursor: pointer; } .has-\[\.pulse-card-body\:hover\]\:bg-token-bg-tertiary:has(.pulse-card-body:hover) { background-color: var(--bg-tertiary); } .has-\[a\:focus-visible\]\:outline-2:has(:is(a:focus-visible)) { outline-style: var(--tw-outline-style); outline-width: 2px; } .has-\[button\:focus-visible\]\:z-10:has(:is(button:focus-visible)) { z-index: 10; } .has-\[button\:focus-visible\]\:ring-2:has(:is(button:focus-visible)) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .has-\[strong\]\:mb-0:has(:is(strong)) { margin-bottom: calc(var(--spacing) * 0); } .aria-checked\:bg-token-interactive-bg-primary-selected[aria-checked='true'] { background-color: var(--interactive-bg-primary-selected); } .aria-checked\:text-token-interactive-label-primary-selected[aria-checked='true'] { color: var(--interactive-label-primary-selected); } .data-active\:bg-transparent[data-active] { background-color: #0000; } .data-border\:border-1[data-border] { border-style: var(--tw-border-style); border-width: 1px; } .data-border\:border-token-border-default[data-border] { border-color: var(--border-default); } .data-disabled\:cursor-not-allowed[data-disabled] { cursor: not-allowed; } .data-disabled\:opacity-50[data-disabled] { opacity: 0.5; } .data-has-range-start\:select-auto[data-has-range-start] { -webkit-user-select: auto; user-select: auto; } .data-highlighted\:bg-transparent[data-highlighted] { background-color: #0000; } @media (hover: hover) { .data-no-hover-bg\:hover\:bg-transparent[data-no-hover-bg]:hover { background-color: #0000; } } .data-placeholder\:text-token-text-tertiary[data-placeholder] { color: var(--text-tertiary); } .data-something\:bg-red-100[data-something] { background-color: var(--red-100); } .data-\[custom-padding\]\:py-0[data-custom-padding] { padding-block: calc(var(--spacing) * 0); } .data-\[disabled\]\:cursor-not-allowed[data-disabled] { cursor: not-allowed; } .data-\[disabled\]\:opacity-60[data-disabled] { opacity: 0.6; } .data-\[focus-visible\]\:ring-2[data-focus-visible] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :is(.\*\*\:data-\[header-icon\]\:rotate-\[10deg\] *)[data-header-icon] { rotate: 10deg; } .data-\[state\=active\]\:border-b-2[data-state='active'] { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .data-\[state\=active\]\:border-token-link-hover[data-state='active'] { border-color: var(--link-hover); } .data-\[state\=active\]\:border-token-text-primary[data-state='active'] { border-color: var(--text-primary); } .data-\[state\=active\]\:border-token-text-secondary[data-state='active'] { border-color: var(--text-secondary); } .data-\[state\=active\]\:bg-token-bg-primary[data-state='active'] { background-color: var(--bg-primary); } .data-\[state\=active\]\:bg-token-bg-tertiary[data-state='active'] { background-color: var(--bg-tertiary); } .data-\[state\=active\]\:bg-token-interactive-bg-secondary-press[data-state='active'] { background-color: var(--interactive-bg-secondary-press); } .data-\[state\=active\]\:text-token-interactive-label-secondary-default[data-state='active'] { color: var(--interactive-label-secondary-default); } .data-\[state\=active\]\:text-token-link[data-state='active'] { color: var(--link); } .data-\[state\=active\]\:text-token-text-primary[data-state='active'] { color: var(--text-primary); } .data-\[state\=checked\]\:border[data-state='checked'] { border-style: var(--tw-border-style); border-width: 1px; } .data-\[state\=checked\]\:border-2[data-state='checked'] { border-style: var(--tw-border-style); border-width: 2px; } .data-\[state\=checked\]\:border-black[data-state='checked'] { border-color: #000; } .data-\[state\=checked\]\:border-token-border-default[data-state='checked'] { border-color: var(--border-default); } .data-\[state\=checked\]\:bg-black[data-state='checked'] { background-color: #000; } .data-\[state\=checked\]\:bg-token-bg-primary[data-state='checked'] { background-color: var(--bg-primary); } .data-\[state\=checked\]\:bg-token-bg-secondary[data-state='checked'] { background-color: var(--bg-secondary); } .data-\[state\=checked\]\:text-token-interactive-label-secondary-default[data-state='checked'] { color: var(--interactive-label-secondary-default); } .data-\[state\=checked\]\:shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.05\)\][data-state='checked'] { --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[state\=inactive\]\:hidden[data-state='inactive'] { display: none; } .data-\[state\=inactive\]\:cursor-pointer[data-state='inactive'] { cursor: pointer; } .data-\[state\=inactive\]\:text-token-text-secondary[data-state='inactive'] { color: var(--text-secondary); } .data-\[state\=inactive\]\:text-token-text-tertiary[data-state='inactive'] { color: var(--text-tertiary); } @media (hover: hover) { .data-\[state\=inactive\]\:hover\:bg-token-bg-tertiary[data-state='inactive']:hover { background-color: var(--bg-tertiary); } .data-\[state\=inactive\]\:hover\:bg-token-interactive-bg-secondary-hover\/60[data-state='inactive']:hover { background-color: var(--interactive-bg-secondary-hover); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=inactive\]\:hover\:bg-token-interactive-bg-secondary-hover\/60[data-state='inactive']:hover { background-color: color-mix(in oklab, var(--interactive-bg-secondary-hover) 60%, transparent); } } .data-\[state\=inactive\]\:hover\:text-token-text-tertiary[data-state='inactive']:hover { color: var(--text-tertiary); } } .data-\[state\=open\]\:bg-token-bg-tertiary[data-state='open'] { background-color: var(--bg-tertiary); } .data-\[state\=open\]\:bg-token-interactive-bg-secondary-selected[data-state='open'] { background-color: var(--interactive-bg-secondary-selected); } .data-\[state\=open\]\:bg-transparent[data-state='open'] { background-color: #0000; } .data-\[state\=unchecked\]\:m-\[1px\][data-state='unchecked'] { margin: 1px; } .data-\[state\=unchecked\]\:border[data-state='unchecked'] { border-style: var(--tw-border-style); border-width: 1px; } .data-\[unbound-width\]\:min-w-\[unset\][data-unbound-width] { min-width: unset; } .nth-1\:bg-\[\#FFF493\]:first-child { background-color: #fff493; } .nth-2\:mb-4:nth-child(2) { margin-bottom: calc(var(--spacing) * 4); } .nth-2\:bg-\[\#EBEBEB\]:nth-child(2) { background-color: #ebebeb; } .nth-3\:bg-\[\#94E6FF\]:nth-child(3) { background-color: #94e6ff; } .nth-4\:bg-\[\#C8F7AB\]:nth-child(4) { background-color: #c8f7ab; } .nth-5\:bg-\[\#B4A6FE\]:nth-child(5) { background-color: #b4a6fe; } .nth-last-\[2\]\:mt-4:nth-last-child(2) { margin-top: calc(var(--spacing) * 4); } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .supports-\[backdrop-filter\]\:bg-black\/70 { background-color: #000000b3; background-color: lab(0% 0 0/0.7); } .supports-\[backdrop-filter\]\:bg-token-bg-elevated-primary\/92 { background-color: var(--bg-elevated-primary); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-token-bg-elevated-primary\/92 { background-color: color-mix(in oklab, var(--bg-elevated-primary) 92%, transparent); } } .supports-\[backdrop-filter\]\:bg-token-bg-primary\/80 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-token-bg-primary\/80 { background-color: color-mix(in oklab, var(--bg-primary) 80%, transparent); } } .supports-\[backdrop-filter\]\:bg-white\/80 { background-color: #fffc; background-color: lab(100% -0.0000298023 0.0000119209/.8); } .supports-\[backdrop-filter\]\:backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } @supports (content-visibility: auto) { .supports-\[content-visibility\:auto\]\:\[contain-intrinsic-size\:auto_100lvh\] { contain-intrinsic-size: auto 100lvh; } } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-\[mkt-slide-anim_linear_infinite\] { animation: linear infinite mkt-slide-anim; } .motion-safe\:animate-pulse { animation: var(--animate-pulse); } .motion-safe\:animate-slideDownAndFade { animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) slideDownAndFade; } .motion-safe\:animate-spin { animation: var(--animate-spin); } .motion-safe\:transition { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[filter\,background-color\] { transition-property: filter, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[mask-position\] { transition-property: -webkit-mask-position, mask-position; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[max-height\,opacity\] { transition-property: max-height, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[max-height\] { transition-property: max-height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[opacity\,transform\,scale\] { transition-property: opacity, transform, scale; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[opacity\,transform\] { transition-property: opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[scale\,filter\] { transition-property: scale, filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[shadow\,opacity\] { transition-property: shadow, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-colors { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-width { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:transition-none { transition-property: none; } .motion-safe\:delay-0 { transition-delay: 0s; } .motion-safe\:delay-100 { transition-delay: 0.1s; } .motion-safe\:delay-300 { transition-delay: 0.3s; } .motion-safe\:delay-\[175ms\] { transition-delay: 0.175s; } .motion-safe\:duration-150 { --tw-duration: 0.15s; transition-duration: 0.15s; } .motion-safe\:duration-200 { --tw-duration: 0.2s; transition-duration: 0.2s; } .motion-safe\:duration-300 { --tw-duration: 0.3s; transition-duration: 0.3s; } .motion-safe\:duration-500 { --tw-duration: 0.5s; transition-duration: 0.5s; } .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] { --tw-ease: cubic-bezier(0.22, 1, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } .motion-safe\:ease-\[steps\(1\,end\)\] { --tw-ease: steps(1, end); transition-timing-function: step-end; } .motion-safe\:ease-\[steps\(1\,start\)\] { --tw-ease: steps(1, start); transition-timing-function: step-start; } .motion-safe\:ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .motion-safe\:ease-linear { --tw-ease: linear; transition-timing-function: linear; } .motion-safe\:ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .motion-safe\:\[animation-play-state\:running\] { animation-play-state: running; } .motion-safe\:\[transition\:height_0\.3s_var\(--easing-common\)\] { transition: height 0.3s var(--easing-common); } .motion-safe\:\[view-transition-name\:business-list-container\] { view-transition-name: business-list-container; } .motion-safe\:\[view-transition-name\:map-with-entities\] { view-transition-name: map-with-entities; } .motion-safe\:group-focus-within\:shadow-elevation-03:is(:where(.group):focus-within *) { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a), 0px 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .motion-safe\:group-hover\:shadow-elevation-03:is(:where(.group):hover *) { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a), 0px 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } @media (hover: hover) { @media (prefers-reduced-motion: no-preference) { .group-hover\/app-icon\:motion-safe\:scale-\[0\.91\]:is(:where(.group\/app-icon):hover *) { scale: 0.91; } .group-hover\/app-icon\:motion-safe\:scale-\[1\.025\]:is(:where(.group\/app-icon):hover *) { scale: 1.025; } .group-hover\/app-icon\:motion-safe\:shadow-\[0px_4px_12px_rgba\(0\,0\,0\,0\.08\)\]:is( :where(.group\/app-icon):hover * ) { --tw-shadow: 0px 4px 12px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\/app-icon\:motion-safe\:\[--shadow-color\:rgba\(0\,0\,0\,0\.1\)\]:is( :where(.group\/app-icon):hover * ) { --shadow-color: #0000001a; } } } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .motion-safe\:group-hover\/button\:brightness-110:is(:where(.group\/button):hover *) { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .motion-safe\:group-hover\/button\:brightness-120:is(:where(.group\/button):hover *) { --tw-brightness: brightness(120%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:group-hover\/button\:motion-safe\:will-change-\[scale\,filter\]:is( :where(.group\/button):hover * ) { will-change: scale, filter; } } } .motion-safe\:group-active\/button\:scale-98:is(:where(.group\/button):active *) { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x) var(--tw-scale-y); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:group-active\/button\:motion-safe\:will-change-\[scale\,filter\]:is( :where(.group\/button):active * ) { will-change: scale, filter; } } .motion-safe\:before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:before\:duration-300:before { content: var(--tw-content); --tw-duration: 0.3s; transition-duration: 0.3s; } .motion-safe\:before\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:before { content: var(--tw-content); --tw-ease: cubic-bezier(0.22, 1, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } .motion-safe\:group-focus-within\:before\:opacity-35:is(:where(.group):focus-within *):before { content: var(--tw-content); opacity: 0.35; } @media (hover: hover) { .motion-safe\:group-hover\:before\:opacity-35:is(:where(.group):hover *):before { content: var(--tw-content); opacity: 0.35; } .motion-safe\:hover\:brightness-120:hover { --tw-brightness: brightness(120%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } .motion-safe\:active\:scale-98:active { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } .motion-reduce\:transition-\[background-color\,box-shadow\] { transition-property: background-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-reduce\:transition-none { transition-property: none; } .motion-reduce\:transition-none\! { transition-property: none !important; } .motion-reduce\:duration-0 { --tw-duration: 0s; transition-duration: 0s; } } @media not all and (min-width: 839px) { .max-\[839px\]\:hidden { display: none; } } @media not all and (min-width: 480px) { .max-xs\:hidden { display: none; } .max-xs\:max-h-\[260px\] { max-height: 260px; } } @media not all and (min-width: 400px) { .max-\[400px\]\:h-auto { height: auto; } } @media not all and (min-width: 64rem) { .max-lg\:start-1\/2:dir(ltr) { left: 50%; } .max-lg\:start-1\/2:dir(rtl) { right: 50%; } .max-lg\:end-auto:dir(ltr) { right: auto; } .max-lg\:end-auto:dir(rtl) { left: auto; } .max-lg\:w-0\! { width: calc(var(--spacing) * 0) !important; } .max-lg\:w-\[min\(280px\,calc\(100vw-24px\)\)\] { width: min(280px, 100vw - 24px); } .max-lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-lg\:mask-b-from-black { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient( to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position) ); --tw-mask-bottom-from-color: #000; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } } @media not all and (min-width: 48rem) { .max-md\:pointer-events-auto { pointer-events: auto; } .max-md\:sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .max-md\:absolute { position: absolute; } .max-md\:fixed { position: fixed; } .max-md\:relative { position: relative; } .max-md\:inset-0 { inset: calc(var(--spacing) * 0); } .max-md\:start-0:dir(ltr) { left: calc(var(--spacing) * 0); } .max-md\:start-0:dir(rtl) { right: calc(var(--spacing) * 0); } .max-md\:end-0:dir(ltr) { right: calc(var(--spacing) * 0); } .max-md\:end-0:dir(rtl) { left: calc(var(--spacing) * 0); } .max-md\:top-\(--header-height\) { top: var(--header-height); } .max-md\:top-0 { top: calc(var(--spacing) * 0); } .max-md\:top-13 { top: calc(var(--spacing) * 13); } .max-md\:z-20 { z-index: 20; } .max-md\:z-50 { z-index: 50; } .max-md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .max-md\:mx-auto { margin-left: auto; margin-right: auto; } .max-md\:-ms-14:dir(ltr) { margin-left: calc(var(--spacing) * -14); } .max-md\:-ms-14:dir(rtl) { margin-right: calc(var(--spacing) * -14); } .max-md\:mt-0 { margin-top: calc(var(--spacing) * 0); } .max-md\:mt-4 { margin-top: calc(var(--spacing) * 4); } .max-md\:contents { display: contents; } .max-md\:flex { display: flex; } .max-md\:hidden { display: none; } .max-md\:h-6 { height: calc(var(--spacing) * 6); } .max-md\:h-\[28px\] { height: 28px; } .max-md\:h-\[98dvh\] { height: 98dvh; } .max-md\:h-\[136px\] { height: 136px; } .max-md\:h-full { height: 100%; } .max-md\:max-h-\[calc\(100vh-150px\)\] { max-height: calc(100vh - 150px); } .max-md\:min-h-\[60vh\] { min-height: 60vh; } .max-md\:w-24 { width: calc(var(--spacing) * 24); } .max-md\:w-\[28px\] { width: 28px; } .max-md\:w-\[100dvw\] { width: 100dvw; } .max-md\:w-full { width: 100%; } .max-md\:w-full\! { width: 100% !important; } .max-md\:max-w-\[100dvw\] { max-width: 100dvw; } .max-md\:max-w-\[calc\(100\%-2\*1\.5rem\)\] { max-width: calc(100% - 3rem); } .max-md\:flex-1 { flex: 1; } .max-md\:-translate-x-1 { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-md\:snap-always { scroll-snap-stop: always; } .max-md\:scroll-px-4 { scroll-padding-inline: calc(var(--spacing) * 4); } .max-md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .max-md\:grid-rows-\[1fr_0\] { grid-template-rows: 1fr 0; } .max-md\:flex-col { flex-direction: column; } .max-md\:flex-wrap { flex-wrap: wrap; } .max-md\:\[align-items\:unset\] { align-items: unset; } .max-md\:items-center { align-items: center; } .max-md\:justify-between { justify-content: space-between; } .max-md\:justify-center { justify-content: center; } .max-md\:gap-0 { gap: calc(var(--spacing) * 0); } .max-md\:gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .max-md\:gap-1 { gap: calc(var(--spacing) * 1); } .max-md\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .max-md\:gap-2 { gap: calc(var(--spacing) * 2); } .max-md\:overflow-clip { overflow: clip; } .max-md\:overflow-x-auto { overflow-x: auto; } .max-md\:overflow-y-auto { overflow-y: auto; } .max-md\:rounded-xl { border-radius: var(--radius-xl); } .max-md\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .max-md\:bg-gray-solid-1000\/10 { background-color: #0d0d0d1a; background-color: lab(3.63549% -0.00000745058 0.00000298023/.1); } .max-md\:bg-token-bg-primary { background-color: var(--bg-primary); } .max-md\:p-0 { padding: calc(var(--spacing) * 0); } .max-md\:px-\(--images-app-padding\) { padding-inline: var(--images-app-padding); } .max-md\:px-3 { padding-inline: calc(var(--spacing) * 3); } .max-md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .max-md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .max-md\:py-0 { padding-block: calc(var(--spacing) * 0); } .max-md\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .max-md\:ps-2:dir(ltr) { padding-left: calc(var(--spacing) * 2); } .max-md\:ps-2:dir(rtl) { padding-right: calc(var(--spacing) * 2); } .max-md\:pt-0 { padding-top: calc(var(--spacing) * 0); } .max-md\:pt-2 { padding-top: calc(var(--spacing) * 2); } .max-md\:pt-4 { padding-top: calc(var(--spacing) * 4); } .max-md\:pt-6 { padding-top: calc(var(--spacing) * 6); } .max-md\:pt-17 { padding-top: calc(var(--spacing) * 17); } .max-md\:pb-1 { padding-bottom: calc(var(--spacing) * 1); } .max-md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .max-md\:text-center { text-align: center; } .max-md\:text-footnote-regular { font-size: var(--text-footnote-regular); line-height: var(--tw-leading, var(--text-footnote-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-footnote-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-footnote-regular--font-weight)); } .max-md\:text-heading-3 { font-size: var(--text-heading-3); line-height: var(--tw-leading, var(--text-heading-3--line-height)); letter-spacing: var(--tw-tracking, var(--text-heading-3--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-heading-3--font-weight)); } .max-md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .max-md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .max-md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .max-md\:text-\[18px\] { font-size: 18px; } .max-md\:text-\[24px\] { font-size: 24px; } .max-md\:leading-\[22px\] { --tw-leading: 22px; line-height: 22px; } .max-md\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .max-md\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .max-md\:tracking-\[-0\.43px\] { --tw-tracking: -0.43px; letter-spacing: -0.43px; } .max-md\:opacity-100 { opacity: 1; } .max-md\:sharp-edge-top-shadow { box-shadow: var(--sharp-edge-top-shadow-placeholder); } .max-md\:sharp-edge-top-shadow[data-scrolled-from-start] { box-shadow: var(--sharp-edge-top-shadow); } .max-md\:\[--composer-container-flex\:0\] { --composer-container-flex: 0; } .max-md\:\[--composer-container-height\:auto\] { --composer-container-height: auto; } } @media not all and (min-width: 40rem) { .max-sm\:-mx-\(--thread-content-margin\) { margin-inline: calc(var(--thread-content-margin) * -1); } .max-sm\:ms-0\.75:dir(ltr) { margin-left: calc(var(--spacing) * 0.75); } .max-sm\:ms-0\.75:dir(rtl) { margin-right: calc(var(--spacing) * 0.75); } .max-sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .max-sm\:mt-1 { margin-top: calc(var(--spacing) * 1); } .max-sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } .max-sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .max-sm\:hidden { display: none; } .max-sm\:h-6 { height: calc(var(--spacing) * 6); } .max-sm\:h-12 { height: calc(var(--spacing) * 12); } .max-sm\:h-\[80dvh\] { height: 80dvh; } .max-sm\:h-full { height: 100%; } .max-sm\:max-h-\[300px\] { max-height: 300px; } .max-sm\:w-6 { width: calc(var(--spacing) * 6); } .max-sm\:w-12 { width: calc(var(--spacing) * 12); } .max-sm\:w-\[100cqw\] { width: 100cqw; } .max-sm\:w-\[164px\] { width: 164px; } .max-sm\:w-full { width: 100%; } .max-sm\:w-screen { width: 100vw; } .max-sm\:max-w-none { max-width: none; } .max-sm\:flex-1 { flex: 1; } .max-sm\:flex-none { flex: none; } .max-sm\:grow { flex-grow: 1; } .max-sm\:\!grid-cols-\[0px_1fr_0px\] { grid-template-columns: 0 1fr 0 !important; } .max-sm\:\!grid-rows-\[minmax\(0\,1fr\)_auto_0px\] { grid-template-rows: minmax(0, 1fr) auto 0 !important; } .max-sm\:grid-rows-\[min-content_min-content_1fr_min-content\] { grid-template-rows: min-content min-content 1fr min-content; } .max-sm\:flex-col { flex-direction: column; } .max-sm\:justify-center { justify-content: center; } .max-sm\:justify-start { justify-content: flex-start; } .max-sm\:gap-4 { gap: calc(var(--spacing) * 4); } .max-sm\:gap-6 { gap: calc(var(--spacing) * 6); } :where(.max-sm\:space-x-6 > :not(:last-child)) { --tw-space-x-reverse: 0; } :where(.max-sm\:space-x-6 > :not(:last-child)):dir(ltr) { margin-left: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-right: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } :where(.max-sm\:space-x-6 > :not(:last-child)):dir(rtl) { margin-right: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-left: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } .max-sm\:gap-y-2 { row-gap: calc(var(--spacing) * 2); } .max-sm\:gap-y-6 { row-gap: calc(var(--spacing) * 6); } .max-sm\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .max-sm\:overflow-hidden { overflow: hidden; } .max-sm\:overflow-visible { overflow: visible; } .max-sm\:overflow-y-auto { overflow-y: auto; } .max-sm\:rounded-none { border-radius: 0; } .max-sm\:rounded-t-\[32px\] { border-top-left-radius: 32px; border-top-right-radius: 32px; } .max-sm\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .max-sm\:bg-token-interactive-bg-secondary-hover { background-color: var(--interactive-bg-secondary-hover); } .max-sm\:bg-token-interactive-bg-secondary-selected { background-color: var(--interactive-bg-secondary-selected); } .max-sm\:px-0 { padding-inline: calc(var(--spacing) * 0); } .max-sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .max-sm\:px-2\! { padding-inline: calc(var(--spacing) * 2) !important; } .max-sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .max-sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .max-sm\:py-4 { padding-block: calc(var(--spacing) * 4); } .max-sm\:py-5 { padding-block: calc(var(--spacing) * 5); } .max-sm\:pt-10 { padding-top: calc(var(--spacing) * 10); } .max-sm\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .max-sm\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .max-sm\:pb-25 { padding-bottom: calc(var(--spacing) * 25); } .max-sm\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .max-sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .max-sm\:shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .max-sm\:brightness-90 { --tw-brightness: brightness(90%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .max-sm\:\[--sheet-radius\:var\(--sheet-radius-amount\)_var\(--sheet-radius-amount\)_0_0\] { --sheet-radius: var(--sheet-radius-amount) var(--sheet-radius-amount) 0 0; } } @media (min-width: 420px) { .min-\[420px\]\:inline-block { display: inline-block; } .min-\[420px\]\:flex-row { flex-direction: row; } .min-\[420px\]\:flex-wrap { flex-wrap: wrap; } .min-\[420px\]\:items-center { align-items: center; } .min-\[420px\]\:justify-end { justify-content: flex-end; } .min-\[420px\]\:gap-2 { gap: calc(var(--spacing) * 2); } .min-\[420px\]\:gap-3 { gap: calc(var(--spacing) * 3); } } @media (min-width: 480px) { .xs\:ms-1\.5:dir(ltr) { margin-left: calc(var(--spacing) * 1.5); } .xs\:ms-1\.5:dir(rtl) { margin-right: calc(var(--spacing) * 1.5); } .xs\:max-h-\[206px\] { max-height: 206px; } .xs\:max-h-\[358px\] { max-height: 358px; } .xs\:max-h-\[708px\] { max-height: 708px; } .xs\:max-w-\[400px\] { max-width: 400px; } .xs\:max-w-sm\! { max-width: var(--container-sm) !important; } .xs\:basis-\[calc\(\(100\%-2rem\)\/3\)\] { flex-basis: calc(33.3333% - 0.666667rem); } .xs\:columns-2 { columns: 2; } .xs\:flex-col { flex-direction: column; } } @media (min-width: 1200px) { .min-\[1200px\]\:hidden { display: none; } } @media (min-width: 40rem) { .sm\:absolute { position: absolute; } .sm\:static { position: static; } .sm\:inset-x-4 { inset-inline: calc(var(--spacing) * 4); } .sm\:-start-\[0\%\]:dir(ltr) { left: -0%; } .sm\:-start-\[0\%\]:dir(rtl) { right: -0%; } .sm\:-start-\[5\%\]:dir(ltr) { left: -5%; } .sm\:-start-\[5\%\]:dir(rtl) { right: -5%; } .sm\:start-0:dir(ltr) { left: calc(var(--spacing) * 0); } .sm\:start-0:dir(rtl) { right: calc(var(--spacing) * 0); } .sm\:start-1\/2:dir(ltr) { left: 50%; } .sm\:start-1\/2:dir(rtl) { right: 50%; } .sm\:start-5:dir(ltr) { left: calc(var(--spacing) * 5); } .sm\:start-5:dir(rtl) { right: calc(var(--spacing) * 5); } .sm\:start-6:dir(ltr) { left: calc(var(--spacing) * 6); } .sm\:start-6:dir(rtl) { right: calc(var(--spacing) * 6); } .sm\:start-10:dir(ltr) { left: calc(var(--spacing) * 10); } .sm\:start-10:dir(rtl) { right: calc(var(--spacing) * 10); } .sm\:start-\[0\%\]:dir(ltr) { left: 0%; } .sm\:start-\[0\%\]:dir(rtl) { right: 0%; } .sm\:start-\[15\%\]:dir(ltr) { left: 15%; } .sm\:start-\[15\%\]:dir(rtl) { right: 15%; } .sm\:end-0:dir(ltr) { right: calc(var(--spacing) * 0); } .sm\:end-0:dir(rtl) { left: calc(var(--spacing) * 0); } .sm\:end-6:dir(ltr) { right: calc(var(--spacing) * 6); } .sm\:end-6:dir(rtl) { left: calc(var(--spacing) * 6); } .sm\:end-10:dir(ltr) { right: calc(var(--spacing) * 10); } .sm\:end-10:dir(rtl) { left: calc(var(--spacing) * 10); } .sm\:end-\[-5\%\]:dir(ltr) { right: -5%; } .sm\:end-\[-5\%\]:dir(rtl) { left: -5%; } .sm\:end-\[5\%\]:dir(ltr) { right: 5%; } .sm\:end-\[5\%\]:dir(rtl) { left: 5%; } .sm\:end-\[15\%\]:dir(ltr) { right: 15%; } .sm\:end-\[15\%\]:dir(rtl) { left: 15%; } .sm\:-top-\[15\%\] { top: -15%; } .sm\:top-\(--header-height\) { top: var(--header-height); } .sm\:top-30 { top: calc(var(--spacing) * 30); } .sm\:top-\[-15\%\] { top: -15%; } .sm\:top-\[10\%\] { top: 10%; } .sm\:top-\[20\%\] { top: 20%; } .sm\:top-\[52\%\] { top: 52%; } .sm\:top-\[70\%\] { top: 70%; } .sm\:top-\[80\%\] { top: 80%; } .sm\:bottom-5 { bottom: calc(var(--spacing) * 5); } .sm\:bottom-8 { bottom: calc(var(--spacing) * 8); } .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:col-span-8 { grid-column: span 8 / span 8; } .sm\:col-span-10 { grid-column: span 10 / span 10; } .sm\:col-start-2 { grid-column-start: 2; } .sm\:col-start-3 { grid-column-start: 3; } .sm\:mx-\[-32px\] { margin-left: -32px; margin-right: -32px; } .sm\:mx-auto { margin-left: auto; margin-right: auto; } .sm\:my-10 { margin-block: calc(var(--spacing) * 10); } .sm\:my-12 { margin-block: calc(var(--spacing) * 12); } .sm\:ms-0:dir(ltr) { margin-left: calc(var(--spacing) * 0); } .sm\:ms-0:dir(rtl) { margin-right: calc(var(--spacing) * 0); } .sm\:ms-4:dir(ltr) { margin-left: calc(var(--spacing) * 4); } .sm\:ms-4:dir(rtl) { margin-right: calc(var(--spacing) * 4); } .sm\:ms-5:dir(ltr) { margin-left: calc(var(--spacing) * 5); } .sm\:ms-5:dir(rtl) { margin-right: calc(var(--spacing) * 5); } .sm\:ms-6:dir(ltr) { margin-left: calc(var(--spacing) * 6); } .sm\:ms-6:dir(rtl) { margin-right: calc(var(--spacing) * 6); } .sm\:ms-8:dir(ltr) { margin-left: calc(var(--spacing) * 8); } .sm\:ms-8:dir(rtl) { margin-right: calc(var(--spacing) * 8); } .sm\:ms-auto:dir(ltr) { margin-left: auto; } .sm\:ms-auto:dir(rtl) { margin-right: auto; } .sm\:-me-1:dir(ltr) { margin-right: calc(var(--spacing) * -1); } .sm\:-me-1:dir(rtl) { margin-left: calc(var(--spacing) * -1); } .sm\:me-8:dir(ltr) { margin-right: calc(var(--spacing) * 8); } .sm\:me-8:dir(rtl) { margin-left: calc(var(--spacing) * 8); } .sm\:-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:mt-2 { margin-top: calc(var(--spacing) * 2); } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3); } .sm\:mt-4 { margin-top: calc(var(--spacing) * 4); } .sm\:mt-5 { margin-top: calc(var(--spacing) * 5); } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } .sm\:mt-8 { margin-top: calc(var(--spacing) * 8); } .sm\:mt-9 { margin-top: calc(var(--spacing) * 9); } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-12 { margin-top: calc(var(--spacing) * 12); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:mt-40 { margin-top: calc(var(--spacing) * 40); } .sm\:mt-\[min\(20svh\,150px\)\] { margin-top: min(20svh, 150px); } .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .sm\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .sm\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .sm\:line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .sm\:line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .sm\:line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .sm\:line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:inline-block { display: inline-block; } .sm\:aspect-auto { aspect-ratio: auto; } .sm\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .sm\:h-5 { height: calc(var(--spacing) * 5); } .sm\:h-6 { height: calc(var(--spacing) * 6); } .sm\:h-10 { height: calc(var(--spacing) * 10); } .sm\:h-16 { height: calc(var(--spacing) * 16); } .sm\:h-28 { height: calc(var(--spacing) * 28); } .sm\:h-30 { height: calc(var(--spacing) * 30); } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:h-52 { height: calc(var(--spacing) * 52); } .sm\:h-\[4rem\] { height: 4rem; } .sm\:h-\[40px\] { height: 40px; } .sm\:h-\[57px\] { height: 57px; } .sm\:h-\[78px\] { height: 78px; } .sm\:h-\[165px\] { height: 165px; } .sm\:h-\[170px\] { height: 170px; } .sm\:h-\[172px\] { height: 172px; } .sm\:h-\[262px\] { height: 262px; } .sm\:h-\[440px\] { height: 440px; } .sm\:h-\[480px\] { height: 480px; } .sm\:h-\[500px\] { height: 500px; } .sm\:h-\[600px\]\! { height: 600px !important; } .sm\:h-\[660px\] { height: 660px; } .sm\:h-\[680px\] { height: 680px; } .sm\:h-\[700px\] { height: 700px; } .sm\:h-\[calc\(100svh-4rem\)\] { height: calc(100svh - 4rem); } .sm\:h-auto { height: auto; } .sm\:h-full { height: 100%; } .sm\:h-snc-input-height { height: var(--snc-input-height); } .sm\:max-h-80 { max-height: calc(var(--spacing) * 80); } .sm\:max-h-\[60vh\] { max-height: 60vh; } .sm\:max-h-\[70vh\]\! { max-height: 70vh !important; } .sm\:max-h-\[80vh\] { max-height: 80vh; } .sm\:max-h-\[96vh\] { max-height: 96vh; } .sm\:max-h-\[253px\] { max-height: 253px; } .sm\:max-h-\[408px\] { max-height: 408px; } .sm\:max-h-\[758px\] { max-height: 758px; } .sm\:max-h-none { max-height: none; } .sm\:btn-large { min-height: calc(var(--spacing) * 11); padding-inline: calc(var(--spacing) * 4); } .sm\:min-h-24 { min-height: calc(var(--spacing) * 24); } .sm\:min-h-\[21svh\]\! { min-height: 21svh !important; } .sm\:min-h-\[60px\] { min-height: 60px; } .sm\:min-h-\[66px\] { min-height: 66px; } .sm\:min-h-\[112px\] { min-height: 112px; } .sm\:min-h-\[260px\] { min-height: 260px; } .sm\:min-h-\[280px\] { min-height: 280px; } .sm\:min-h-\[320px\] { min-height: 320px; } .sm\:min-h-\[386px\] { min-height: 386px; } .sm\:min-h-\[calc\(38svh-var\(--header-height\)\)\] { min-height: calc(38svh - var(--header-height)); } .sm\:min-h-\[calc\(42svh-var\(--header-height\)\)\] { min-height: calc(42svh - var(--header-height)); } .sm\:w-1\/3 { width: 33.3333%; } .sm\:w-1\/4 { width: 25%; } .sm\:w-1\/6 { width: 16.6667%; } .sm\:w-2\/3 { width: 66.6667%; } .sm\:w-5 { width: calc(var(--spacing) * 5); } .sm\:w-6 { width: calc(var(--spacing) * 6); } .sm\:w-10 { width: calc(var(--spacing) * 10); } .sm\:w-16 { width: calc(var(--spacing) * 16); } .sm\:w-28 { width: calc(var(--spacing) * 28); } .sm\:w-32 { width: calc(var(--spacing) * 32); } .sm\:w-52 { width: calc(var(--spacing) * 52); } .sm\:w-56 { width: calc(var(--spacing) * 56); } .sm\:w-60 { width: calc(var(--spacing) * 60); } .sm\:w-80 { width: calc(var(--spacing) * 80); } .sm\:w-\[20\%\] { width: 20%; } .sm\:w-\[22\%\] { width: 22%; } .sm\:w-\[30\%\] { width: 30%; } .sm\:w-\[36\%\] { width: 36%; } .sm\:w-\[40\%\] { width: 40%; } .sm\:w-\[78px\] { width: 78px; } .sm\:w-\[80\%\] { width: 80%; } .sm\:w-\[106px\] { width: 106px; } .sm\:w-\[192px\] { width: 192px; } .sm\:w-\[240px\] { width: 240px; } .sm\:w-\[250px\] { width: 250px; } .sm\:w-\[256px\] { width: 256px; } .sm\:w-\[260px\] { width: 260px; } .sm\:w-\[320px\] { width: 320px; } .sm\:w-\[368px\] { width: 368px; } .sm\:w-\[372px\] { width: 372px; } .sm\:w-\[420px\] { width: 420px; } .sm\:w-\[460px\] { width: 460px; } .sm\:w-\[486px\] { width: 486px; } .sm\:w-\[512px\] { width: 512px; } .sm\:w-\[515px\] { width: 515px; } .sm\:w-\[560px\] { width: 560px; } .sm\:w-\[600px\] { width: 600px; } .sm\:w-\[640px\] { width: 640px; } .sm\:w-\[700px\] { width: 700px; } .sm\:w-\[1000px\] { width: 1000px; } .sm\:w-\[calc\(\(100\%-0\.5rem\)\/3\)\] { width: calc(33.3333% - 0.166667rem); } .sm\:w-\[calc\(\(100\%-0\.5rem\)\/4\)\] { width: calc(25% - 0.125rem); } .sm\:w-\[calc\(100\%-2\*2rem\)\] { width: calc(100% - 4rem); } .sm\:w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .sm\:w-\[calc\(800px-1\.25rem\)\] { width: calc(800px - 1.25rem); } .sm\:w-\[min\(720px\,calc\(100vw-32px\)\)\] { width: min(720px, 100vw - 32px); } .sm\:w-\[min\(1200px\,calc\(100vw-3rem\)\)\] { width: min(1200px, 100vw - 3rem); } .sm\:w-auto { width: auto; } .sm\:w-fit { width: -webkit-fit-content; width: fit-content; } .sm\:w-full { width: 100%; } .sm\:max-w-2xl { max-width: var(--container-2xl); } .sm\:max-w-100 { max-width: 25rem; } .sm\:max-w-\[20ch\] { max-width: 20ch; } .sm\:max-w-\[28rem\] { max-width: 28rem; } .sm\:max-w-\[70\%\] { max-width: 70%; } .sm\:max-w-\[100\%\] { max-width: 100%; } .sm\:max-w-\[300px\] { max-width: 300px; } .sm\:max-w-\[320px\] { max-width: 320px; } .sm\:max-w-\[350px\] { max-width: 350px; } .sm\:max-w-\[380px\] { max-width: 380px; } .sm\:max-w-\[388px\] { max-width: 388px; } .sm\:max-w-\[400px\] { max-width: 400px; } .sm\:max-w-\[408px\] { max-width: 408px; } .sm\:max-w-\[416px\] { max-width: 416px; } .sm\:max-w-\[420px\] { max-width: 420px; } .sm\:max-w-\[480px\] { max-width: 480px; } .sm\:max-w-\[515px\] { max-width: 515px; } .sm\:max-w-\[520px\] { max-width: 520px; } .sm\:max-w-\[552px\] { max-width: 552px; } .sm\:max-w-\[606px\] { max-width: 606px; } .sm\:max-w-\[700px\] { max-width: 700px; } .sm\:max-w-\[820px\] { max-width: 820px; } .sm\:max-w-\[840px\] { max-width: 840px; } .sm\:max-w-\[900px\] { max-width: 900px; } .sm\:max-w-\[996px\] { max-width: 996px; } .sm\:max-w-\[calc\(100vw-10rem\)\] { max-width: calc(100vw - 10rem); } .sm\:max-w-\[calc\(100vw-380px\)\] { max-width: calc(100vw - 380px); } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:max-w-md { max-width: var(--container-md); } .sm\:max-w-none { max-width: none; } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:max-w-xs { max-width: var(--container-xs); } .sm\:min-w-28 { min-width: calc(var(--spacing) * 28); } .sm\:min-w-\[6rem\] { min-width: 6rem; } .sm\:min-w-\[24rem\] { min-width: 24rem; } .sm\:min-w-\[120px\] { min-width: 120px; } .sm\:min-w-\[150px\] { min-width: 150px; } .sm\:min-w-\[160px\] { min-width: 160px; } .sm\:min-w-\[200px\] { min-width: 200px; } .sm\:min-w-\[220px\] { min-width: 220px; } .sm\:min-w-\[360px\] { min-width: 360px; } .sm\:flex-1 { flex: 1; } .sm\:flex-initial { flex: 0 auto; } .sm\:flex-none { flex: none; } .sm\:shrink-0 { flex-shrink: 0; } .sm\:grow { flex-grow: 1; } .sm\:basis-0 { flex-basis: calc(var(--spacing) * 0); } .sm\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:columns-3 { columns: 3; } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-\[1fr_1\.2fr\] { grid-template-columns: 1fr 1.2fr; } .sm\:grid-cols-\[7rem_9ch_auto_auto\] { grid-template-columns: 7rem 9ch auto auto; } .sm\:grid-cols-\[10px_1fr_10px\] { grid-template-columns: 10px 1fr 10px; } .sm\:grid-cols-\[96px_120px_auto\] { grid-template-columns: 96px 120px auto; } .sm\:grid-cols-\[96px_auto_auto\] { grid-template-columns: 96px auto auto; } .sm\:grid-cols-\[96px_auto_auto_auto\] { grid-template-columns: 96px auto auto auto; } .sm\:grid-cols-\[104px_minmax\(0\,1fr\)\] { grid-template-columns: 104px minmax(0, 1fr); } .sm\:grid-cols-\[140px_minmax\(0\,1fr\)\] { grid-template-columns: 140px minmax(0, 1fr); } .sm\:grid-cols-\[minmax\(0\,1fr\)_96px_auto\] { grid-template-columns: minmax(0, 1fr) 96px auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)_100px_auto\] { grid-template-columns: minmax(0, 1fr) 100px auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)_160px_104px_64px\] { grid-template-columns: minmax(0, 1fr) 160px 104px 64px; } .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_96px\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 96px; } .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,160px\)_minmax\(0\,88px\)_64px\] { grid-template-columns: minmax(0, 1fr) minmax(0, 160px) minmax(0, 88px) 64px; } .sm\:grid-cols-\[minmax\(max-content\,1fr\)_auto_minmax\(0\,1fr\)\] { grid-template-columns: minmax(max-content, 1fr) auto minmax(0, 1fr); } .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .sm\:grid-rows-\[minmax\(10px\,0\.8fr\)_auto_minmax\(20px\,1fr\)\] { grid-template-rows: minmax(10px, 0.8fr) auto minmax(20px, 1fr); } .sm\:flex-col { flex-direction: column; } .sm\:flex-row { flex-direction: row; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-center { justify-content: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-0 { gap: calc(var(--spacing) * 0); } .sm\:gap-1 { gap: calc(var(--spacing) * 1); } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } .sm\:gap-10 { gap: calc(var(--spacing) * 10); } .sm\:gap-12 { gap: calc(var(--spacing) * 12); } .sm\:gap-16 { gap: calc(var(--spacing) * 16); } :where(.sm\:space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .sm\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } .sm\:gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .sm\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .sm\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .sm\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .sm\:gap-y-2 { row-gap: calc(var(--spacing) * 2); } .sm\:gap-y-4 { row-gap: calc(var(--spacing) * 4); } .sm\:gap-y-5 { row-gap: calc(var(--spacing) * 5); } .sm\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } :where(.sm\:divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.sm\:divide-token-border-light > :not(:last-child)) { border-color: var(--border-light); } .sm\:self-auto { align-self: auto; } .sm\:justify-self-center { justify-self: center; } .sm\:justify-self-end { justify-self: flex-end; } .sm\:truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sm\:overflow-hidden { overflow: hidden; } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:rounded-\[20px\] { border-radius: 20px; } .sm\:rounded-\[24px\] { border-radius: 24px; } .sm\:rounded-\[26px\] { border-radius: 26px; } .sm\:rounded-\[28px\] { border-radius: 28px; } .sm\:rounded-\[30px\] { border-radius: 30px; } .sm\:rounded-\[100px\] { border-radius: 100px; } .sm\:rounded-full { border-radius: 3.40282e38px; } .sm\:rounded-lg { border-radius: var(--radius-lg); } .sm\:rounded-none { border-radius: 0; } .sm\:rounded-ss-xl:dir(ltr) { border-top-left-radius: var(--radius-xl); } .sm\:rounded-ss-xl:dir(rtl) { border-top-right-radius: var(--radius-xl); } .sm\:rounded-se-xl:dir(ltr) { border-top-right-radius: var(--radius-xl); } .sm\:rounded-se-xl:dir(rtl) { border-top-left-radius: var(--radius-xl); } .sm\:rounded-ee-xl:dir(ltr) { border-bottom-right-radius: var(--radius-xl); } .sm\:rounded-ee-xl:dir(rtl) { border-bottom-left-radius: var(--radius-xl); } .sm\:rounded-es-xl:dir(ltr) { border-bottom-left-radius: var(--radius-xl); } .sm\:rounded-es-xl:dir(rtl) { border-bottom-right-radius: var(--radius-xl); } .sm\:rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); } .sm\:rounded-t-\[30px\] { border-top-left-radius: 30px; border-top-right-radius: 30px; } .sm\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sm\:border { border-style: var(--tw-border-style); border-width: 1px; } .sm\:border-none { --tw-border-style: none; border-style: none; } .sm\:border-token-border-default { border-color: var(--border-default); } .sm\:border-token-border-light { border-color: var(--border-light); } .sm\:border-token-border-light\! { border-color: var(--border-light) !important; } .sm\:bg-gray-200\/50 { background-color: var(--gray-200); } @supports (color: color-mix(in lab, red, red)) { .sm\:bg-gray-200\/50 { background-color: color-mix(in oklab, var(--gray-200) 50%, transparent); } } .sm\:bg-token-bg-primary { background-color: var(--bg-primary); } .sm\:bg-token-main-surface-tertiary { background-color: var(--main-surface-tertiary); } .sm\:p-0 { padding: calc(var(--spacing) * 0); } .sm\:p-2 { padding: calc(var(--spacing) * 2); } .sm\:p-3 { padding: calc(var(--spacing) * 3); } .sm\:p-5 { padding: calc(var(--spacing) * 5); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:p-10 { padding: calc(var(--spacing) * 10); } .sm\:px-0 { padding-inline: calc(var(--spacing) * 0); } .sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .sm\:px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .sm\:px-3 { padding-inline: calc(var(--spacing) * 3); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10); } .sm\:px-12 { padding-inline: calc(var(--spacing) * 12); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:px-24 { padding-inline: calc(var(--spacing) * 24); } .sm\:px-\[106px\] { padding-left: 106px; padding-right: 106px; } .sm\:px-snc-results-padding { padding-inline: var(--snc-results-padding); } .sm\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } .sm\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .sm\:py-3 { padding-block: calc(var(--spacing) * 3); } .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } .sm\:py-4\.5 { padding-block: calc(var(--spacing) * 4.5); } .sm\:py-6 { padding-block: calc(var(--spacing) * 6); } .sm\:py-12 { padding-block: calc(var(--spacing) * 12); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-28 { padding-block: calc(var(--spacing) * 28); } .sm\:py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .sm\:ps-2:dir(ltr) { padding-left: calc(var(--spacing) * 2); } .sm\:ps-2:dir(rtl) { padding-right: calc(var(--spacing) * 2); } .sm\:ps-4:dir(ltr) { padding-left: calc(var(--spacing) * 4); } .sm\:ps-4:dir(rtl) { padding-right: calc(var(--spacing) * 4); } .sm\:ps-5:dir(ltr) { padding-left: calc(var(--spacing) * 5); } .sm\:ps-5:dir(rtl) { padding-right: calc(var(--spacing) * 5); } .sm\:ps-6:dir(ltr) { padding-left: calc(var(--spacing) * 6); } .sm\:ps-6:dir(rtl) { padding-right: calc(var(--spacing) * 6); } .sm\:ps-16:dir(ltr) { padding-left: calc(var(--spacing) * 16); } .sm\:ps-16:dir(rtl) { padding-right: calc(var(--spacing) * 16); } .sm\:ps-\[3\.25rem\]:dir(ltr) { padding-left: 3.25rem; } .sm\:ps-\[3\.25rem\]:dir(rtl) { padding-right: 3.25rem; } .sm\:ps-\[14px\]:dir(ltr) { padding-left: 14px; } .sm\:ps-\[14px\]:dir(rtl) { padding-right: 14px; } .sm\:pe-0:dir(ltr) { padding-right: calc(var(--spacing) * 0); } .sm\:pe-0:dir(rtl) { padding-left: calc(var(--spacing) * 0); } .sm\:pe-2:dir(ltr) { padding-right: calc(var(--spacing) * 2); } .sm\:pe-2:dir(rtl) { padding-left: calc(var(--spacing) * 2); } .sm\:pe-3:dir(ltr) { padding-right: calc(var(--spacing) * 3); } .sm\:pe-3:dir(rtl) { padding-left: calc(var(--spacing) * 3); } .sm\:pe-16:dir(ltr) { padding-right: calc(var(--spacing) * 16); } .sm\:pe-16:dir(rtl) { padding-left: calc(var(--spacing) * 16); } .sm\:pe-\[16px\]:dir(ltr) { padding-right: 16px; } .sm\:pe-\[16px\]:dir(rtl) { padding-left: 16px; } .sm\:pt-0 { padding-top: calc(var(--spacing) * 0); } .sm\:pt-1 { padding-top: calc(var(--spacing) * 1); } .sm\:pt-3 { padding-top: calc(var(--spacing) * 3); } .sm\:pt-4 { padding-top: calc(var(--spacing) * 4); } .sm\:pt-5 { padding-top: calc(var(--spacing) * 5); } .sm\:pt-6 { padding-top: calc(var(--spacing) * 6); } .sm\:pt-7 { padding-top: calc(var(--spacing) * 7); } .sm\:pt-8 { padding-top: calc(var(--spacing) * 8); } .sm\:pt-10 { padding-top: calc(var(--spacing) * 10); } .sm\:pt-12 { padding-top: calc(var(--spacing) * 12); } .sm\:pt-14 { padding-top: calc(var(--spacing) * 14); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-28 { padding-top: calc(var(--spacing) * 28); } .sm\:pt-\[3\.5rem\] { padding-top: 3.5rem; } .sm\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .sm\:pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .sm\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } .sm\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .sm\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .sm\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .sm\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .sm\:pb-12 { padding-bottom: calc(var(--spacing) * 12); } .sm\:pb-15 { padding-bottom: calc(var(--spacing) * 15); } .sm\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .sm\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .sm\:pb-28 { padding-bottom: calc(var(--spacing) * 28); } .sm\:pb-\[max\(4rem\,env\(safe-area-inset-bottom\,0px\)\+1\.5rem\)\] { padding-bottom: max(4rem, env(safe-area-inset-bottom, 0px) + 1.5rem); } .sm\:text-center { text-align: center; } .sm\:text-end { text-align: end; } .sm\:text-start { text-align: start; } .sm\:text-mkt-p1 { font-size: 1.0625rem; line-height: var(--tw-leading, 1.74994rem); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 400); } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sm\:text-base\! { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .sm\:text-\[14px\] { font-size: 14px; } .sm\:text-\[22px\] { font-size: 22px; } .sm\:text-\[32px\] { font-size: 32px; } .sm\:leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .sm\:leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .sm\:leading-\[18px\] { --tw-leading: 18px; line-height: 18px; } .sm\:leading-\[44px\] { --tw-leading: 44px; line-height: 44px; } .sm\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .sm\:tracking-\[-0\.3px\], .sm\:tracking-\[-0\.30px\] { --tw-tracking: -0.3px; letter-spacing: -0.3px; } .sm\:whitespace-nowrap { white-space: nowrap; } .sm\:text-\[color\:var\(--text-secondary\,\#5D5D5D\)\] { color: var(--text-secondary, #5d5d5d); } .sm\:text-token-main-surface-tertiary { color: var(--main-surface-tertiary); } .sm\:text-token-text-tertiary { color: var(--text-tertiary); } .sm\:opacity-65 { opacity: 0.65; } .sm\:shadow-long { --tw-shadow: 0px 8px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #00000014)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-long:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 8px 16px 0px var(--tw-shadow-color, #00000052), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)), 0px 0px 1px 0px var(--tw-shadow-color, #0000009e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-short { --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-short:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000001a)), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-\[0px_4px_48px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px 4px 48px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-none { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } @media not all and (prefers-reduced-motion: reduce) { @media (min-width: 40rem) { .not-motion-reduce\:sm\:transition { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .not-motion-reduce\:sm\:duration-250 { --tw-duration: 0.25s; transition-duration: 0.25s; } } } @media (min-width: 40rem) { @media (hover: hover) { .sm\:group-hover\:text-token-text-primary:is(:where(.group):hover *) { color: var(--text-primary); } .sm\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .sm\:enabled\:hover\:bg-token-bg-tertiary:enabled:hover { background-color: var(--bg-tertiary); } } } @media (min-width: 48rem) { .md\:pointer-events-none { pointer-events: none; } .md\:absolute { position: absolute; } .md\:fixed { position: fixed; } .md\:relative { position: relative; } .md\:relative\! { position: relative !important; } .md\:sticky { position: -webkit-sticky; position: sticky; } .md\:inset-\[36px\] { top: 36px; bottom: 36px; left: 36px; right: 36px; } .md\:inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .md\:-start-6:dir(ltr) { left: calc(var(--spacing) * -6); } .md\:-start-6:dir(rtl) { right: calc(var(--spacing) * -6); } .md\:start-0:dir(ltr) { left: calc(var(--spacing) * 0); } .md\:start-0:dir(rtl) { right: calc(var(--spacing) * 0); } .md\:start-3:dir(ltr) { left: calc(var(--spacing) * 3); } .md\:start-3:dir(rtl) { right: calc(var(--spacing) * 3); } .md\:start-4:dir(ltr) { left: calc(var(--spacing) * 4); } .md\:start-4:dir(rtl) { right: calc(var(--spacing) * 4); } .md\:start-8:dir(ltr) { left: calc(var(--spacing) * 8); } .md\:start-8:dir(rtl) { right: calc(var(--spacing) * 8); } .md\:start-\[var\(--pricing-table-padding-inline\)\]:dir(ltr) { left: var(--pricing-table-padding-inline); } .md\:start-\[var\(--pricing-table-padding-inline\)\]:dir(rtl) { right: var(--pricing-table-padding-inline); } .md\:start-auto:dir(ltr) { left: auto; } .md\:start-auto:dir(rtl) { right: auto; } .md\:-end-\[80px\]:dir(ltr) { right: -80px; } .md\:-end-\[80px\]:dir(rtl) { left: -80px; } .md\:end-0:dir(ltr) { right: calc(var(--spacing) * 0); } .md\:end-0:dir(rtl) { left: calc(var(--spacing) * 0); } .md\:end-2:dir(ltr) { right: calc(var(--spacing) * 2); } .md\:end-2:dir(rtl) { left: calc(var(--spacing) * 2); } .md\:end-4:dir(ltr) { right: calc(var(--spacing) * 4); } .md\:end-4:dir(rtl) { left: calc(var(--spacing) * 4); } .md\:end-6:dir(ltr) { right: calc(var(--spacing) * 6); } .md\:end-6:dir(rtl) { left: calc(var(--spacing) * 6); } .md\:end-auto:dir(ltr) { right: auto; } .md\:end-auto:dir(rtl) { left: auto; } .md\:-top-\[40px\] { top: -40px; } .md\:top-1 { top: calc(var(--spacing) * 1); } .md\:top-2 { top: calc(var(--spacing) * 2); } .md\:top-4 { top: calc(var(--spacing) * 4); } .md\:top-6 { top: calc(var(--spacing) * 6); } .md\:top-10 { top: calc(var(--spacing) * 10); } .md\:top-16 { top: calc(var(--spacing) * 16); } .md\:top-20 { top: calc(var(--spacing) * 20); } .md\:top-\[15\%\] { top: 15%; } .md\:top-\[22px\] { top: 22px; } .md\:top-\[calc\(var\(--header-height\)\+4px\)\] { top: calc(var(--header-height) + 4px); } .md\:top-auto { top: auto; } .md\:bottom-4 { bottom: calc(var(--spacing) * 4); } .md\:bottom-6 { bottom: calc(var(--spacing) * 6); } .md\:bottom-8 { bottom: calc(var(--spacing) * 8); } .md\:bottom-10 { bottom: calc(var(--spacing) * 10); } .md\:bottom-16 { bottom: calc(var(--spacing) * 16); } .md\:bottom-\[5\%\] { bottom: 5%; } .md\:z-10 { z-index: 10; } .md\:z-20 { z-index: 20; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-none { order: 0; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:col-span-9 { grid-column: span 9 / span 9; } .md\:col-span-10 { grid-column: span 10 / span 10; } .md\:col-span-12 { grid-column: span 12 / span 12; } .md\:col-start-1 { grid-column-start: 1; } .md\:col-start-2 { grid-column-start: 2; } .md\:col-start-3 { grid-column-start: 3; } .md\:col-start-4 { grid-column-start: 4; } .md\:col-start-6 { grid-column-start: 6; } .md\:col-start-7 { grid-column-start: 7; } .md\:col-start-8 { grid-column-start: 8; } .md\:col-start-10 { grid-column-start: 10; } .md\:col-end-6 { grid-column-end: 6; } .md\:col-end-10 { grid-column-end: 10; } .md\:row-span-12 { grid-row: span 12 / span 12; } .md\:row-start-1 { grid-row-start: 1; } .md\:row-start-2 { grid-row-start: 2; } .md\:m-0 { margin: calc(var(--spacing) * 0); } .md\:m-\[-8px\] { margin: -8px; } .md\:-mx-4 { margin-inline: calc(var(--spacing) * -4); } .md\:-mx-6 { margin-inline: calc(var(--spacing) * -6); } .md\:-mx-\[10px\] { margin-left: -10px; margin-right: -10px; } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .md\:mx-4 { margin-inline: calc(var(--spacing) * 4); } .md\:mx-5 { margin-inline: calc(var(--spacing) * 5); } .md\:mx-6 { margin-inline: calc(var(--spacing) * 6); } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:my-0 { margin-block: calc(var(--spacing) * 0); } .md\:my-4 { margin-block: calc(var(--spacing) * 4); } .md\:my-28\! { margin-block: calc(var(--spacing) * 28) !important; } .md\:ms-0:dir(ltr) { margin-left: calc(var(--spacing) * 0); } .md\:ms-0:dir(rtl) { margin-right: calc(var(--spacing) * 0); } .md\:ms-4:dir(ltr) { margin-left: calc(var(--spacing) * 4); } .md\:ms-4:dir(rtl) { margin-right: calc(var(--spacing) * 4); } .md\:ms-8:dir(ltr) { margin-left: calc(var(--spacing) * 8); } .md\:ms-8:dir(rtl) { margin-right: calc(var(--spacing) * 8); } .md\:ms-auto:dir(ltr) { margin-left: auto; } .md\:ms-auto:dir(rtl) { margin-right: auto; } .md\:-mt-4 { margin-top: calc(var(--spacing) * -4); } .md\:-mt-33 { margin-top: calc(var(--spacing) * -33); } .md\:-mt-\[10px\] { margin-top: -10px; } .md\:mt-\(--image-page-spacing\) { margin-top: var(--image-page-spacing); } .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } .md\:mt-2 { margin-top: calc(var(--spacing) * 2); } .md\:mt-3 { margin-top: calc(var(--spacing) * 3); } .md\:mt-6 { margin-top: calc(var(--spacing) * 6); } .md\:mt-7 { margin-top: calc(var(--spacing) * 7); } .md\:mt-8 { margin-top: calc(var(--spacing) * 8); } .md\:mt-9 { margin-top: calc(var(--spacing) * 9); } .md\:mt-10 { margin-top: calc(var(--spacing) * 10); } .md\:mt-12 { margin-top: calc(var(--spacing) * 12); } .md\:mt-15 { margin-top: calc(var(--spacing) * 15); } .md\:mt-16 { margin-top: calc(var(--spacing) * 16); } .md\:mt-20 { margin-top: calc(var(--spacing) * 20); } .md\:mt-\[-8px\] { margin-top: -8px; } .md\:mt-\[-48px\] { margin-top: -48px; } .md\:mt-\[72px\] { margin-top: 72px; } .md\:mt-\[120px\] { margin-top: 120px; } .md\:mt-px { margin-top: 1px; } .md\:-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .md\:mb-1 { margin-bottom: calc(var(--spacing) * 1); } .md\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .md\:line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .md\:line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:inline-block { display: inline-block; } .md\:inline-flex { display: inline-flex; } .md\:aspect-square { aspect-ratio: 1; } .md\:h-6 { height: calc(var(--spacing) * 6); } .md\:h-7 { height: calc(var(--spacing) * 7); } .md\:h-9 { height: calc(var(--spacing) * 9); } .md\:h-11 { height: calc(var(--spacing) * 11); } .md\:h-12 { height: calc(var(--spacing) * 12); } .md\:h-16 { height: calc(var(--spacing) * 16); } .md\:h-20 { height: calc(var(--spacing) * 20); } .md\:h-24 { height: calc(var(--spacing) * 24); } .md\:h-32 { height: calc(var(--spacing) * 32); } .md\:h-\[80px\] { height: 80px; } .md\:h-\[92px\] { height: 92px; } .md\:h-\[170px\] { height: 170px; } .md\:h-\[180px\] { height: 180px; } .md\:h-\[420px\] { height: 420px; } .md\:h-\[500px\] { height: 500px; } .md\:h-\[600px\] { height: 600px; } .md\:h-\[740px\] { height: 740px; } .md\:h-\[calc\(100\%-80px\)\] { height: calc(100% - 80px); } .md\:h-auto { height: auto; } .md\:h-fit { height: -webkit-fit-content; height: fit-content; } .md\:h-full { height: 100%; } .md\:h-full\! { height: 100% !important; } .md\:h-screen { height: 100vh; } .md\:max-h-\[40\.625rem\] { max-height: 40.625rem; } .md\:max-h-\[80vh\] { max-height: 80vh; } .md\:max-h-\[180px\] { max-height: 180px; } .md\:max-h-\[253px\] { max-height: 253px; } .md\:max-h-\[360px\] { max-height: 360px; } .md\:max-h-\[398px\] { max-height: 398px; } .md\:max-h-\[600px\] { max-height: 600px; } .md\:max-h-\[700px\] { max-height: 700px; } .md\:max-h-\[748px\] { max-height: 748px; } .md\:max-h-\[calc\(100vh-12rem\)\] { max-height: calc(100vh - 12rem); } .md\:max-h-full { max-height: 100%; } .md\:min-h-0 { min-height: calc(var(--spacing) * 0); } .md\:min-h-12 { min-height: calc(var(--spacing) * 12); } .md\:min-h-\[20rem\] { min-height: 20rem; } .md\:min-h-\[30rem\] { min-height: 30rem; } .md\:min-h-\[60px\] { min-height: 60px; } .md\:min-h-\[196px\] { min-height: 196px; } .md\:min-h-\[300px\] { min-height: 300px; } .md\:min-h-\[380px\] { min-height: 380px; } .md\:min-h-\[600px\] { min-height: 600px; } .md\:min-h-\[calc\(370px\*5\/4\)\] { min-height: 462.5px; } .md\:w-0 { width: calc(var(--spacing) * 0); } .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.3333%; } .md\:w-1\/6 { width: 16.6667%; } .md\:w-2\/3\! { width: 66.6667% !important; } .md\:w-3\/5 { width: 60%; } .md\:w-3xl { width: var(--container-3xl); } .md\:w-4\/12 { width: 33.3333%; } .md\:w-6 { width: calc(var(--spacing) * 6); } .md\:w-9 { width: calc(var(--spacing) * 9); } .md\:w-24 { width: calc(var(--spacing) * 24); } .md\:w-32 { width: calc(var(--spacing) * 32); } .md\:w-44 { width: calc(var(--spacing) * 44); } .md\:w-58 { width: calc(var(--spacing) * 58); } .md\:w-60 { width: calc(var(--spacing) * 60); } .md\:w-64 { width: calc(var(--spacing) * 64); } .md\:w-72 { width: calc(var(--spacing) * 72); } .md\:w-80 { width: calc(var(--spacing) * 80); } .md\:w-\[10rem\] { width: 10rem; } .md\:w-\[80px\] { width: 80px; } .md\:w-\[92px\] { width: 92px; } .md\:w-\[100px\] { width: 100px; } .md\:w-\[180px\] { width: 180px; } .md\:w-\[210px\] { width: 210px; } .md\:w-\[212px\] { width: 212px; } .md\:w-\[258px\] { width: 258px; } .md\:w-\[260px\] { width: 260px; } .md\:w-\[280px\] { width: 280px; } .md\:w-\[340px\] { width: 340px; } .md\:w-\[360px\] { width: 360px; } .md\:w-\[370px\] { width: 370px; } .md\:w-\[380px\] { width: 380px; } .md\:w-\[420px\] { width: 420px; } .md\:w-\[430px\] { width: 430px; } .md\:w-\[464px\] { width: 464px; } .md\:w-\[480px\] { width: 480px; } .md\:w-\[560px\] { width: 560px; } .md\:w-\[720px\] { width: 720px; } .md\:w-\[calc\(100\%-16rem\)\] { width: calc(100% - 16rem); } .md\:w-\[calc\(100\%_-_64px\)\] { width: calc(100% - 64px); } .md\:w-\[min\(100\%\,calc\(var\(--pricing-table-grid-min-width\)\+var\(--pricing-table-padding-inline\)\*2\)\)\] { width: min(100%, calc(var(--pricing-table-grid-min-width) + var(--pricing-table-padding-inline) * 2)); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:w-max { width: -webkit-max-content; width: max-content; } .md\:max-w-3\/4 { max-width: 75%; } .md\:max-w-3xl { max-width: var(--container-3xl); } .md\:max-w-96 { max-width: calc(var(--spacing) * 96); } .md\:max-w-117 { max-width: calc(var(--spacing) * 117); } .md\:max-w-\[10rem\] { max-width: 10rem; } .md\:max-w-\[50\%\] { max-width: 50%; } .md\:max-w-\[70\%\] { max-width: 70%; } .md\:max-w-\[180px\] { max-width: 180px; } .md\:max-w-\[200px\] { max-width: 200px; } .md\:max-w-\[210px\] { max-width: 210px; } .md\:max-w-\[340px\] { max-width: 340px; } .md\:max-w-\[350px\] { max-width: 350px; } .md\:max-w-\[360px\] { max-width: 360px; } .md\:max-w-\[380px\] { max-width: 380px; } .md\:max-w-\[432px\] { max-width: 432px; } .md\:max-w-\[440px\] { max-width: 440px; } .md\:max-w-\[480px\] { max-width: 480px; } .md\:max-w-\[515px\] { max-width: 515px; } .md\:max-w-\[560px\] { max-width: 560px; } .md\:max-w-\[600px\] { max-width: 600px; } .md\:max-w-\[640px\] { max-width: 640px; } .md\:max-w-\[672px\] { max-width: 672px; } .md\:max-w-\[680px\] { max-width: 680px; } .md\:max-w-\[900px\] { max-width: 900px; } .md\:max-w-\[960px\] { max-width: 960px; } .md\:max-w-\[calc\(100vw-480px\)\] { max-width: calc(100vw - 480px); } .md\:max-w-full { max-width: 100%; } .md\:max-w-none { max-width: none; } .md\:max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .md\:max-w-sm { max-width: var(--container-sm); } .md\:max-w-xs { max-width: var(--container-xs); } .md\:min-w-\[20rem\] { min-width: 20rem; } .md\:min-w-\[170px\] { min-width: 170px; } .md\:min-w-\[180px\] { min-width: 180px; } .md\:min-w-\[300px\] { min-width: 300px; } .md\:min-w-\[450px\] { min-width: 450px; } .md\:min-w-\[680px\] { min-width: 680px; } .md\:min-w-\[unset\] { min-width: unset; } .md\:min-w-\[var\(--pricing-table-grid-min-width\)\] { min-width: var(--pricing-table-grid-min-width); } .md\:min-w-\[var\(--pricing-table-label-min-width\)\] { min-width: var(--pricing-table-label-min-width); } .md\:min-w-full { min-width: 100%; } .md\:min-w-md { min-width: var(--container-md); } .md\:flex-1 { flex: 1; } .md\:flex-\[0_0_28\%\] { flex: 0 0 28%; } .md\:flex-\[0_0_72\%\] { flex: 0 0 72%; } .md\:flex-none { flex: none; } .md\:shrink { flex-shrink: 1; } .md\:shrink-0 { flex-shrink: 0; } .md\:grow-0 { flex-grow: 0; } .md\:basis-0 { flex-basis: calc(var(--spacing) * 0); } .md\:basis-\[25vw\] { flex-basis: 25vw; } .md\:basis-\[75vw\] { flex-basis: 75vw; } .md\:basis-\[calc\(\(100\%-60px\)\/6\)\] { flex-basis: calc(16.6667% - 10px); } .md\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-\[3\%\] { --tw-translate-x: 3%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-\[calc\(-50\%\+155px\)\] { --tw-translate-x: calc(-50% + 155px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-\[calc\(-50\%\+170px\)\] { --tw-translate-x: calc(-50% + 170px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-y-\[3\%\] { --tw-translate-y: 3%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-y-\[calc\(-50\%\+60px\)\] { --tw-translate-y: calc(-50% + 60px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-y-\[calc\(-50\%-40px\)\] { --tw-translate-y: calc(-50% - 40px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:scale-\[0\.94\] { scale: 0.94; } .md\:scale-\[1\.0\] { scale: 1; } .md\:scroll-ps-8 { scroll-padding-inline-start: calc(var(--spacing) * 8); } .md\:columns-3 { columns: 3; } .md\:auto-cols-\[minmax\(220px\,1fr\)\] { grid-auto-columns: minmax(220px, 1fr); } .md\:grid-flow-col { grid-auto-flow: column; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-\[1fr_24rem\] { grid-template-columns: 1fr 24rem; } .md\:grid-cols-\[1fr_220px\] { grid-template-columns: 1fr 220px; } .md\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .md\:grid-cols-\[3fr_2fr\] { grid-template-columns: 3fr 2fr; } .md\:grid-cols-\[110px_minmax\(0\,1fr\)\] { grid-template-columns: 110px minmax(0, 1fr); } .md\:grid-cols-\[auto\,1fr\] { grid-template-columns: auto, 1fr; } .md\:grid-cols-\[minmax\(0\,0\.82fr\)_minmax\(0\,1\.18fr\)\] { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); } .md\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(260px\,0\.8fr\)\] { grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr); } .md\:grid-cols-\[minmax\(0\,1fr\)_9rem\] { grid-template-columns: minmax(0, 1fr) 9rem; } .md\:grid-cols-\[minmax\(0\,1fr\)_220px\] { grid-template-columns: minmax(0, 1fr) 220px; } .md\:grid-cols-\[minmax\(var\(--pricing-table-label-min-width\)\,1fr\)_repeat\(var\(--pricing-table-tier-count\)\,minmax\(var\(--pricing-table-tier-min-width\)\,1fr\)\)\] { grid-template-columns: minmax(var(--pricing-table-label-min-width), 1fr) repeat( var(--pricing-table-tier-count), minmax(var(--pricing-table-tier-min-width), 1fr) ); } .md\:grid-rows-\[20px_auto_minmax\(20px\,1fr\)\] { grid-template-rows: 20px auto minmax(20px, 1fr); } .md\:grid-rows-\[36px_auto_minmax\(36px\,1fr\)\] { grid-template-rows: 36px auto minmax(36px, 1fr); } .md\:grid-rows-\[minmax\(20px\,0\.8fr\)_auto_minmax\(20px\,1fr\)\] { grid-template-rows: minmax(20px, 0.8fr) auto minmax(20px, 1fr); } .md\:grid-rows-\[minmax\(20px\,1fr\)_auto_20px\] { grid-template-rows: minmax(20px, 1fr) auto 20px; } .md\:grid-rows-\[minmax\(20px\,1fr\)_auto_minmax\(20px\,1fr\)\] { grid-template-rows: minmax(20px, 1fr) auto minmax(20px, 1fr); } .md\:flex-col { flex-direction: column; } .md\:flex-row { flex-direction: row; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:flex-wrap { flex-wrap: wrap; } .md\:place-items-center { place-items: center; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-start { align-items: flex-start; } .md\:items-stretch { align-items: stretch; } .md\:justify-between { justify-content: space-between; } .md\:justify-between\! { justify-content: space-between !important; } .md\:justify-center { justify-content: center; } .md\:justify-center\! { justify-content: center !important; } .md\:justify-end { justify-content: flex-end; } .md\:justify-start { justify-content: flex-start; } .md\:\!gap-0 { gap: calc(var(--spacing) * 0) !important; } .md\:\!gap-4 { gap: calc(var(--spacing) * 4) !important; } .md\:gap-0 { gap: calc(var(--spacing) * 0); } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .md\:gap-3 { gap: calc(var(--spacing) * 3); } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:gap-5 { gap: calc(var(--spacing) * 5); } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-10 { gap: calc(var(--spacing) * 10); } .md\:gap-12 { gap: calc(var(--spacing) * 12); } .md\:gap-16 { gap: calc(var(--spacing) * 16); } .md\:gap-36 { gap: calc(var(--spacing) * 36); } .min-md\:gap-3 { gap: calc(var(--spacing) * 3); } .md\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } .md\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .md\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .md\:gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .md\:gap-y-4 { row-gap: calc(var(--spacing) * 4); } .md\:gap-y-12 { row-gap: calc(var(--spacing) * 12); } .md\:self-end { align-self: flex-end; } .md\:self-start { align-self: flex-start; } .md\:justify-self-end { justify-self: flex-end; } .md\:overflow-hidden { overflow: hidden; } .md\:overflow-x-auto { overflow-x: auto; } .md\:overflow-y-auto { overflow-y: auto; } .md\:overflow-y-hidden { overflow-y: hidden; } .md\:overscroll-x-contain { overscroll-behavior-x: contain; } .md\:rounded-2xl { border-radius: var(--radius-2xl); } .md\:rounded-2xl\! { border-radius: var(--radius-2xl) !important; } .md\:rounded-\[20px\] { border-radius: 20px; } .md\:rounded-\[22px\] { border-radius: 22px; } .md\:rounded-\[28px\] { border-radius: 28px; } .md\:rounded-lg { border-radius: var(--radius-lg); } .md\:rounded-none { border-radius: 0; } .md\:rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .md\:border-s:dir(ltr), .md\:border-s-1:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .md\:border-s:dir(rtl), .md\:border-s-1:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-e:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-e:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .md\:border-e-0:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 0; } .md\:border-e-0:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 0; } .md\:border-e-1:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-e-1:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .md\:border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .md\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .md\:border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .md\:border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .md\:border-none { --tw-border-style: none; border-style: none; } .md\:border-gray-100 { border-color: var(--gray-100); } .md\:border-transparent { border-color: #0000; } .md\:bg-black\/\[0\.024\] { background-color: #00000006; background-color: lab(0% 0 0/0.024); } .md\:bg-gray-solid-1000 { background-color: #0d0d0d; } .md\:bg-token-bg-primary { background-color: var(--bg-primary); } .md\:bg-transparent { background-color: #0000; } .md\:bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .md\:from-black { --tw-gradient-from: #000; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .md\:to-black\/0 { --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .md\:to-black\/0 { --tw-gradient-to: lab(0% 0 0/0); } } .md\:\[mask-image\:linear-gradient\(to_left\,black\,transparent_80\%\)\] { -webkit-mask-image: linear-gradient(270deg, #000, #0000 80%); mask-image: linear-gradient(270deg, #000, #0000 80%); } .md\:object-\[50\%_110\%\] { object-position: 50% 110%; } .md\:object-center { object-position: center; } .md\:p-0 { padding: calc(var(--spacing) * 0); } .md\:p-3 { padding: calc(var(--spacing) * 3); } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:p-5 { padding: calc(var(--spacing) * 5); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-12 { padding: calc(var(--spacing) * 12); } .md\:p-13\.5 { padding: calc(var(--spacing) * 13.5); } .min-md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:px-\(--images-app-padding\) { padding-inline: var(--images-app-padding); } .md\:px-0 { padding-inline: calc(var(--spacing) * 0); } .md\:px-2 { padding-inline: calc(var(--spacing) * 2); } .md\:px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .md\:px-3 { padding-inline: calc(var(--spacing) * 3); } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-7 { padding-inline: calc(var(--spacing) * 7); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:px-12 { padding-inline: calc(var(--spacing) * 12); } .md\:px-14 { padding-inline: calc(var(--spacing) * 14); } .md\:px-16 { padding-inline: calc(var(--spacing) * 16); } .md\:px-24 { padding-inline: calc(var(--spacing) * 24); } .md\:px-\[60px\] { padding-left: 60px; padding-right: 60px; } .md\:py-0 { padding-block: calc(var(--spacing) * 0); } .md\:py-2 { padding-block: calc(var(--spacing) * 2); } .md\:py-3 { padding-block: calc(var(--spacing) * 3); } .md\:py-4 { padding-block: calc(var(--spacing) * 4); } .md\:py-5 { padding-block: calc(var(--spacing) * 5); } .md\:py-6 { padding-block: calc(var(--spacing) * 6); } .md\:py-8 { padding-block: calc(var(--spacing) * 8); } .md\:py-10 { padding-block: calc(var(--spacing) * 10); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:py-20 { padding-block: calc(var(--spacing) * 20); } .md\:py-24 { padding-block: calc(var(--spacing) * 24); } .md\:py-32 { padding-block: calc(var(--spacing) * 32); } .md\:py-40 { padding-block: calc(var(--spacing) * 40); } .md\:py-\[22px\] { padding-top: 22px; padding-bottom: 22px; } .md\:ps-2:dir(ltr) { padding-left: calc(var(--spacing) * 2); } .md\:ps-2:dir(rtl) { padding-right: calc(var(--spacing) * 2); } .md\:ps-3:dir(ltr) { padding-left: calc(var(--spacing) * 3); } .md\:ps-3:dir(rtl) { padding-right: calc(var(--spacing) * 3); } .md\:ps-4:dir(ltr) { padding-left: calc(var(--spacing) * 4); } .md\:ps-4:dir(rtl) { padding-right: calc(var(--spacing) * 4); } .md\:ps-5:dir(ltr) { padding-left: calc(var(--spacing) * 5); } .md\:ps-5:dir(rtl) { padding-right: calc(var(--spacing) * 5); } .md\:ps-6:dir(ltr) { padding-left: calc(var(--spacing) * 6); } .md\:ps-6:dir(rtl) { padding-right: calc(var(--spacing) * 6); } .md\:ps-8:dir(ltr) { padding-left: calc(var(--spacing) * 8); } .md\:ps-8:dir(rtl) { padding-right: calc(var(--spacing) * 8); } .md\:pe-0:dir(ltr) { padding-right: calc(var(--spacing) * 0); } .md\:pe-0:dir(rtl) { padding-left: calc(var(--spacing) * 0); } .md\:pe-2:dir(ltr) { padding-right: calc(var(--spacing) * 2); } .md\:pe-2:dir(rtl) { padding-left: calc(var(--spacing) * 2); } .md\:pe-3:dir(ltr) { padding-right: calc(var(--spacing) * 3); } .md\:pe-3:dir(rtl) { padding-left: calc(var(--spacing) * 3); } .md\:pe-4:dir(ltr) { padding-right: calc(var(--spacing) * 4); } .md\:pe-4:dir(rtl) { padding-left: calc(var(--spacing) * 4); } .md\:pe-8:dir(ltr) { padding-right: calc(var(--spacing) * 8); } .md\:pe-8:dir(rtl) { padding-left: calc(var(--spacing) * 8); } .md\:pe-12:dir(ltr) { padding-right: calc(var(--spacing) * 12); } .md\:pe-12:dir(rtl) { padding-left: calc(var(--spacing) * 12); } .md\:pe-20:dir(ltr) { padding-right: calc(var(--spacing) * 20); } .md\:pe-20:dir(rtl) { padding-left: calc(var(--spacing) * 20); } .md\:pe-56:dir(ltr) { padding-right: calc(var(--spacing) * 56); } .md\:pe-56:dir(rtl) { padding-left: calc(var(--spacing) * 56); } .md\:pt-0 { padding-top: calc(var(--spacing) * 0); } .md\:pt-0\! { padding-top: calc(var(--spacing) * 0) !important; } .md\:pt-2 { padding-top: calc(var(--spacing) * 2); } .md\:pt-3 { padding-top: calc(var(--spacing) * 3); } .md\:pt-5 { padding-top: calc(var(--spacing) * 5); } .md\:pt-6 { padding-top: calc(var(--spacing) * 6); } .md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .md\:pt-12 { padding-top: calc(var(--spacing) * 12); } .md\:pt-20 { padding-top: calc(var(--spacing) * 20); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } .md\:pt-36 { padding-top: calc(var(--spacing) * 36); } .md\:pt-\[3px\] { padding-top: 3px; } .md\:pt-\[4\.5rem\] { padding-top: 4.5rem; } .md\:pt-\[104px\] { padding-top: 104px; } .min-md\:pt-3 { padding-top: calc(var(--spacing) * 3); } .md\:\!pb-\[24px\] { padding-bottom: 24px !important; } .md\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .md\:pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .md\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } .md\:pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .md\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .md\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .md\:pb-12 { padding-bottom: calc(var(--spacing) * 12); } .md\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .md\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } .md\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .md\:pb-\[60px\] { padding-bottom: 60px; } .md\:pl-2 { padding-left: calc(var(--spacing) * 2); } .md\:pl-4 { padding-left: calc(var(--spacing) * 4); } .md\:text-center { text-align: center; } .md\:text-justify { text-align: justify; } .md\:text-left { text-align: left; } .md\:text-start { text-align: start; } .md\:text-page-header { --tw-leading: 34px; --tw-font-weight: var(--font-weight-normal); font-size: 28px; line-height: 34px; font-weight: var(--font-weight-normal); --tw-tracking: 0.38px; letter-spacing: 0.38px; } .md\:text-body-regular { font-size: var(--text-body-regular); line-height: var(--tw-leading, var(--text-body-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-regular--font-weight)); } .md\:text-mkt-h3 { font-size: max(1.5rem, min(0.56338vw + 1.36796rem, 1.875rem)); line-height: var( --tw-leading, clamp(1.98rem, calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)), 2.475rem) ); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 500); } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .md\:text-\[15px\] { font-size: 15px; } .md\:text-\[19px\] { font-size: 19px; } .md\:text-\[26px\] { font-size: 26px; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[40px\] { font-size: 40px; } .md\:text-\[44px\] { font-size: 44px; } .md\:text-\[56px\] { font-size: 56px; } .md\:text-\[150px\] { font-size: 150px; } .md\:leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .md\:leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .md\:text-pretty { text-wrap: pretty; } .md\:whitespace-nowrap { white-space: nowrap; } .md\:text-token-text-primary { color: var(--text-primary); } .md\:text-token-text-tertiary { color: var(--text-tertiary); } .md\:opacity-0 { opacity: 0; } .md\:opacity-60 { opacity: 0.6; } .md\:opacity-100 { opacity: 1; } .md\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .md\:\[--file-tile-width\:20rem\] { --file-tile-width: 20rem; } .md\:\[--gutter-min-height\:2\.25rem\] { --gutter-min-height: 2.25rem; } .md\:\[--offset-y-bottom\:-30px\] { --offset-y-bottom: -30px; } .md\:\[-webkit-mask-image\:linear-gradient\(to_left\,black\,transparent_80\%\)\] { -webkit-mask-image: linear-gradient(270deg, #000, #0000 80%); } .md\:group-focus-within\/file-row\:pointer-events-auto:is(:where(.group\/file-row):focus-within *) { pointer-events: auto; } .md\:group-focus-within\/file-row\:opacity-100:is(:where(.group\/file-row):focus-within *) { opacity: 1; } @media (hover: hover) { .md\:group-hover\:translate-x-\[calc\(-50\%\+315px\)\]:is(:where(.group):hover *) { --tw-translate-x: calc(-50% + 315px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:group-hover\:translate-x-\[calc\(-50\%\+355px\)\]:is(:where(.group):hover *) { --tw-translate-x: calc(-50% + 355px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:group-hover\:translate-y-\[calc\(-50\%\+100px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc(-50% + 100px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:group-hover\:translate-y-\[calc\(-50\%-75px\)\]:is(:where(.group):hover *) { --tw-translate-y: calc(-50% - 75px); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .md\:group-hover\/file-row\:pointer-events-auto:is(:where(.group\/file-row):hover *) { pointer-events: auto; } .md\:group-hover\/file-row\:opacity-100:is(:where(.group\/file-row):hover *) { opacity: 1; } } .md\:after\:start-5:after { content: var(--tw-content); } .md\:after\:start-5:dir(ltr):after { left: calc(var(--spacing) * 5); } .md\:after\:start-5:dir(rtl):after { right: calc(var(--spacing) * 5); } .md\:after\:end-5:after { content: var(--tw-content); } .md\:after\:end-5:dir(ltr):after { right: calc(var(--spacing) * 5); } .md\:after\:end-5:dir(rtl):after { left: calc(var(--spacing) * 5); } .md\:after\:opacity-0:after { content: var(--tw-content); opacity: 0; } .md\:after\:opacity-100:after { content: var(--tw-content); opacity: 1; } .md\:first\:ms-0:first-child:dir(ltr) { margin-left: calc(var(--spacing) * 0); } .md\:first\:ms-0:first-child:dir(rtl) { margin-right: calc(var(--spacing) * 0); } .md\:first\:rounded-ss-xl:first-child:dir(ltr) { border-top-left-radius: var(--radius-xl); } .md\:first\:rounded-ss-xl:first-child:dir(rtl) { border-top-right-radius: var(--radius-xl); } .md\:first\:rounded-es-xl:first-child:dir(ltr) { border-bottom-left-radius: var(--radius-xl); } .md\:first\:rounded-es-xl:first-child:dir(rtl) { border-bottom-right-radius: var(--radius-xl); } .md\:last\:me-0:last-child:dir(ltr) { margin-right: calc(var(--spacing) * 0); } .md\:last\:me-0:last-child:dir(rtl) { margin-left: calc(var(--spacing) * 0); } .md\:last\:mb-6:last-child { margin-bottom: calc(var(--spacing) * 6); } .md\:last\:rounded-se-xl:last-child:dir(ltr) { border-top-right-radius: var(--radius-xl); } .md\:last\:rounded-se-xl:last-child:dir(rtl) { border-top-left-radius: var(--radius-xl); } .md\:last\:rounded-ee-xl:last-child:dir(ltr) { border-bottom-right-radius: var(--radius-xl); } .md\:last\:rounded-ee-xl:last-child:dir(rtl) { border-bottom-left-radius: var(--radius-xl); } .md\:last\:border-e:last-child:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:last\:border-e:last-child:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .md\:focus-within\:opacity-100:focus-within { opacity: 1; } @media (hover: hover) { .md\:hover\:bg-gray-50:hover { background-color: var(--gray-50); } .md\:hover\:bg-token-surface-hover:hover { background-color: var(--surface-hover); } .md\:hover\:opacity-120:hover { opacity: 1.2; } } .md\:focus-visible\:bg-token-surface-hover:focus-visible { background-color: var(--surface-hover); } } @media (min-width: 64rem) { .lg\:absolute { position: absolute; } .lg\:fixed { position: fixed; } .lg\:static { position: static; } .lg\:inset-auto { top: auto; bottom: auto; left: auto; right: auto; } .lg\:inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .lg\:-start-8:dir(ltr) { left: calc(var(--spacing) * -8); } .lg\:-start-8:dir(rtl) { right: calc(var(--spacing) * -8); } .lg\:-start-\[17\%\]:dir(ltr) { left: -17%; } .lg\:-start-\[17\%\]:dir(rtl) { right: -17%; } .lg\:start-1\/2:dir(ltr) { left: 50%; } .lg\:start-1\/2:dir(rtl) { right: 50%; } .lg\:start-3:dir(ltr) { left: calc(var(--spacing) * 3); } .lg\:start-3:dir(rtl) { right: calc(var(--spacing) * 3); } .lg\:start-4:dir(ltr) { left: calc(var(--spacing) * 4); } .lg\:start-4:dir(rtl) { right: calc(var(--spacing) * 4); } .lg\:start-8:dir(ltr) { left: calc(var(--spacing) * 8); } .lg\:start-8:dir(rtl) { right: calc(var(--spacing) * 8); } .lg\:start-\[0\%\]:dir(ltr) { left: 0%; } .lg\:start-\[0\%\]:dir(rtl) { right: 0%; } .lg\:start-\[20\%\]:dir(ltr) { left: 20%; } .lg\:start-\[20\%\]:dir(rtl) { right: 20%; } .lg\:start-\[calc\(100\%\+8px\)\]:dir(ltr) { left: calc(100% + 8px); } .lg\:start-\[calc\(100\%\+8px\)\]:dir(rtl) { right: calc(100% + 8px); } .lg\:-end-\[20\%\]:dir(ltr) { right: -20%; } .lg\:-end-\[20\%\]:dir(rtl) { left: -20%; } .lg\:end-4:dir(ltr) { right: calc(var(--spacing) * 4); } .lg\:end-4:dir(rtl) { left: calc(var(--spacing) * 4); } .lg\:end-\[-2\%\]:dir(ltr) { right: -2%; } .lg\:end-\[-2\%\]:dir(rtl) { left: -2%; } .lg\:end-\[10\%\]:dir(ltr) { right: 10%; } .lg\:end-\[10\%\]:dir(rtl) { left: 10%; } .lg\:-top-24 { top: calc(var(--spacing) * -24); } .lg\:top-0 { top: calc(var(--spacing) * 0); } .lg\:top-8 { top: calc(var(--spacing) * 8); } .lg\:top-20 { top: calc(var(--spacing) * 20); } .lg\:top-\[-15\%\] { top: -15%; } .lg\:top-\[10\%\] { top: 10%; } .lg\:top-\[15\%\] { top: 15%; } .lg\:top-\[20\%\] { top: 20%; } .lg\:top-\[52\%\] { top: 52%; } .lg\:top-\[70\%\] { top: 70%; } .lg\:bottom-0 { bottom: calc(var(--spacing) * 0); } .lg\:bottom-5 { bottom: calc(var(--spacing) * 5); } .lg\:z-10 { z-index: 10; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:order-3 { order: 3; } .lg\:order-last { order: 9999; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:col-span-10 { grid-column: span 10 / span 10; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:col-start-4 { grid-column-start: 4; } .lg\:col-start-5 { grid-column-start: 5; } .lg\:row-span-1 { grid-row: span 1 / span 1; } .lg\:m-0 { margin: calc(var(--spacing) * 0); } .lg\:-mx-6 { margin-inline: calc(var(--spacing) * -6); } .lg\:-mx-8 { margin-inline: calc(var(--spacing) * -8); } .lg\:mx-10 { margin-inline: calc(var(--spacing) * 10); } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:my-24 { margin-block: calc(var(--spacing) * 24); } .lg\:-ms-4:dir(ltr) { margin-left: calc(var(--spacing) * -4); } .lg\:-ms-4:dir(rtl) { margin-right: calc(var(--spacing) * -4); } .lg\:-ms-8:dir(ltr) { margin-left: calc(var(--spacing) * -8); } .lg\:-ms-8:dir(rtl) { margin-right: calc(var(--spacing) * -8); } .lg\:me-4:dir(ltr) { margin-right: calc(var(--spacing) * 4); } .lg\:me-4:dir(rtl) { margin-left: calc(var(--spacing) * 4); } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } .lg\:mt-2 { margin-top: calc(var(--spacing) * 2); } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:inline-flex { display: inline-flex; } .lg\:h-1\.5 { height: calc(var(--spacing) * 1.5); } .lg\:h-5 { height: calc(var(--spacing) * 5); } .lg\:h-8 { height: calc(var(--spacing) * 8); } .lg\:h-12 { height: calc(var(--spacing) * 12); } .lg\:h-36 { height: calc(var(--spacing) * 36); } .lg\:h-80 { height: calc(var(--spacing) * 80); } .lg\:h-\[520px\] { height: 520px; } .lg\:h-\[720px\] { height: 720px; } .lg\:h-full { height: 100%; } .lg\:max-h-\[70vh\] { max-height: 70vh; } .lg\:max-h-\[305px\] { max-height: 305px; } .lg\:max-h-\[458px\] { max-height: 458px; } .lg\:max-h-\[848px\] { max-height: 848px; } .lg\:max-h-\[calc\(100vh-6rem\)\] { max-height: calc(100vh - 6rem); } .lg\:min-h-0 { min-height: calc(var(--spacing) * 0); } .lg\:min-h-12 { min-height: calc(var(--spacing) * 12); } .lg\:min-h-\[320px\] { min-height: 320px; } .lg\:w-1\.5 { width: calc(var(--spacing) * 1.5); } .lg\:w-1\/3 { width: 33.3333%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-1\/5 { width: 20%; } .lg\:w-2\/3 { width: 66.6667%; } .lg\:w-5 { width: calc(var(--spacing) * 5); } .lg\:w-6 { width: calc(var(--spacing) * 6); } .lg\:w-8 { width: calc(var(--spacing) * 8); } .lg\:w-12 { width: calc(var(--spacing) * 12); } .lg\:w-44 { width: calc(var(--spacing) * 44); } .lg\:w-62 { width: calc(var(--spacing) * 62); } .lg\:w-64 { width: calc(var(--spacing) * 64); } .lg\:w-96 { width: calc(var(--spacing) * 96); } .lg\:w-100 { width: 25rem; } .lg\:w-\[27\%\] { width: 27%; } .lg\:w-\[30\%\] { width: 30%; } .lg\:w-\[160px\] { width: 160px; } .lg\:w-\[320px\] { width: 320px; } .lg\:w-\[430px\] { width: 430px; } .lg\:w-\[440px\] { width: 440px; } .lg\:w-\[480px\] { width: 480px; } .lg\:w-\[680px\] { width: 680px; } .lg\:w-\[var\(--codex-security-left-pane-width\)\] { width: var(--codex-security-left-pane-width); } .lg\:w-auto { width: auto; } .lg\:max-w-1\/2 { max-width: 50%; } .lg\:max-w-2xl { max-width: var(--container-2xl); } .lg\:max-w-3xl { max-width: var(--container-3xl); } .lg\:max-w-52 { max-width: calc(var(--spacing) * 52); } .lg\:max-w-64 { max-width: calc(var(--spacing) * 64); } .lg\:max-w-72 { max-width: calc(var(--spacing) * 72); } .lg\:max-w-96 { max-width: calc(var(--spacing) * 96); } .lg\:max-w-100 { max-width: 25rem; } .lg\:max-w-200 { max-width: calc(var(--spacing) * 200); } .lg\:max-w-\[40rem\] { max-width: 40rem; } .lg\:max-w-\[80\%\] { max-width: 80%; } .lg\:max-w-\[90\%\] { max-width: 90%; } .lg\:max-w-\[200px\] { max-width: 200px; } .lg\:max-w-\[260px\] { max-width: 260px; } .lg\:max-w-\[300px\] { max-width: 300px; } .lg\:max-w-\[796px\] { max-width: 796px; } .lg\:max-w-\[800px\] { max-width: 800px; } .lg\:max-w-\[1024px\] { max-width: 1024px; } .lg\:min-w-12 { min-width: calc(var(--spacing) * 12); } .lg\:min-w-20 { min-width: calc(var(--spacing) * 20); } .lg\:min-w-100 { min-width: 25rem; } .lg\:min-w-\[420px\] { min-width: 420px; } .lg\:flex-1 { flex: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:flex-grow-0 { flex-grow: 0; } .lg\:scroll-m-6 { scroll-margin: calc(var(--spacing) * 6); } .lg\:columns-3 { columns: 3; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-\[1\.2fr_2fr\] { grid-template-columns: 1.2fr 2fr; } .lg\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .lg\:grid-cols-\[60\%_40\%\] { grid-template-columns: 60% 40%; } .lg\:grid-cols-\[220px_minmax\(0\,1fr\)\] { grid-template-columns: 220px minmax(0, 1fr); } .lg\:grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:items-end { align-items: flex-end; } .lg\:items-start { align-items: flex-start; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-center { justify-content: center; } .lg\:justify-center\! { justify-content: center !important; } .lg\:justify-end { justify-content: flex-end; } .lg\:gap-0 { gap: calc(var(--spacing) * 0); } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-6 { gap: calc(var(--spacing) * 6); } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-12 { gap: calc(var(--spacing) * 12); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-18 { gap: calc(var(--spacing) * 18); } .lg\:gap-20 { gap: calc(var(--spacing) * 20); } .lg\:gap-\[5px\] { gap: 5px; } :where(.lg\:space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } .lg\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .lg\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .lg\:gap-y-2 { row-gap: calc(var(--spacing) * 2); } .lg\:gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:overflow-auto { overflow: auto; } .lg\:overflow-hidden { overflow: hidden; } .lg\:rounded-4xl { border-radius: var(--radius-4xl); } .lg\:rounded-xl { border-radius: var(--radius-xl); } .lg\:border-s:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .lg\:border-s:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-e:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-e:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .lg\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .lg\:bg-token-bg-primary\/85 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .lg\:bg-token-bg-primary\/85 { background-color: color-mix(in oklab, var(--bg-primary) 85%, transparent); } } .lg\:bg-transparent { background-color: #0000; } .lg\:mask-r-from-black { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient( to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position) ); --tw-mask-right-from-color: #000; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } .lg\:p-3 { padding: calc(var(--spacing) * 3); } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-2 { padding-inline: calc(var(--spacing) * 2); } .lg\:px-3 { padding-inline: calc(var(--spacing) * 3); } .lg\:px-4 { padding-inline: calc(var(--spacing) * 4); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-7 { padding-inline: calc(var(--spacing) * 7); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:px-14 { padding-inline: calc(var(--spacing) * 14); } .lg\:px-16 { padding-inline: calc(var(--spacing) * 16); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:px-\[14px\] { padding-left: 14px; padding-right: 14px; } .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } .lg\:py-2 { padding-block: calc(var(--spacing) * 2); } .lg\:py-3 { padding-block: calc(var(--spacing) * 3); } .lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .lg\:ps-0:dir(ltr) { padding-left: calc(var(--spacing) * 0); } .lg\:ps-0:dir(rtl) { padding-right: calc(var(--spacing) * 0); } .lg\:ps-4:dir(ltr) { padding-left: calc(var(--spacing) * 4); } .lg\:ps-4:dir(rtl) { padding-right: calc(var(--spacing) * 4); } .lg\:ps-6:dir(ltr) { padding-left: calc(var(--spacing) * 6); } .lg\:ps-6:dir(rtl) { padding-right: calc(var(--spacing) * 6); } .lg\:ps-8:dir(ltr) { padding-left: calc(var(--spacing) * 8); } .lg\:ps-8:dir(rtl) { padding-right: calc(var(--spacing) * 8); } .lg\:ps-10:dir(ltr) { padding-left: calc(var(--spacing) * 10); } .lg\:ps-10:dir(rtl) { padding-right: calc(var(--spacing) * 10); } .lg\:pe-0:dir(ltr) { padding-right: calc(var(--spacing) * 0); } .lg\:pe-0:dir(rtl) { padding-left: calc(var(--spacing) * 0); } .lg\:pe-4:dir(ltr) { padding-right: calc(var(--spacing) * 4); } .lg\:pe-4:dir(rtl) { padding-left: calc(var(--spacing) * 4); } .lg\:pe-5:dir(ltr) { padding-right: calc(var(--spacing) * 5); } .lg\:pe-5:dir(rtl) { padding-left: calc(var(--spacing) * 5); } .lg\:pe-6:dir(ltr) { padding-right: calc(var(--spacing) * 6); } .lg\:pe-6:dir(rtl) { padding-left: calc(var(--spacing) * 6); } .lg\:pe-16:dir(ltr) { padding-right: calc(var(--spacing) * 16); } .lg\:pe-16:dir(rtl) { padding-left: calc(var(--spacing) * 16); } .lg\:pt-0 { padding-top: calc(var(--spacing) * 0); } .lg\:pt-8 { padding-top: calc(var(--spacing) * 8); } .lg\:pt-16 { padding-top: calc(var(--spacing) * 16); } .lg\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .lg\:pb-1 { padding-bottom: calc(var(--spacing) * 1); } .lg\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } .lg\:pb-12 { padding-bottom: calc(var(--spacing) * 12); } .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .lg\:pb-\[0\.25em\] { padding-bottom: 0.25em; } .lg\:text-start { text-align: start; } .lg\:text-mkt-h4 { font-size: max(1.25rem, min(0.187793vw + 1.20599rem, 1.375rem)); line-height: var( --tw-leading, clamp(1.5rem, calc(1.5rem + 0.2325 * ((100vw - 23.4375rem) / 66.5625)), 1.7325rem) ); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 500); } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .lg\:text-\[0\.75rem\] { font-size: 0.75rem; } .lg\:text-\[12px\] { font-size: 12px; } .lg\:text-\[13px\] { font-size: 13px; } .lg\:leading-\[16px\] { --tw-leading: 16px; line-height: 16px; } .lg\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:backdrop-blur-none { --tw-backdrop-blur: ; -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } @media (min-width: 48rem) { .lg\:md\:shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } @media (min-width: 80rem) { .xl\:order-1 { order: 1; } .xl\:order-2 { order: 2; } .xl\:col-span-1 { grid-column: span 1 / span 1; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:col-span-10 { grid-column: span 10 / span 10; } .xl\:col-start-2 { grid-column-start: 2; } .xl\:col-start-3 { grid-column-start: 3; } .xl\:col-start-4 { grid-column-start: 4; } .xl\:-mx-10 { margin-inline: calc(var(--spacing) * -10); } .xl\:mx-auto { margin-left: auto; margin-right: auto; } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:h-\[60vh\] { height: 60vh; } .xl\:h-\[calc\(100vh-10rem\)\] { height: calc(100vh - 10rem); } .xl\:h-full { height: 100%; } .xl\:min-h-0 { min-height: calc(var(--spacing) * 0); } .xl\:min-h-44 { min-height: calc(var(--spacing) * 44); } .xl\:w-10 { width: calc(var(--spacing) * 10); } .xl\:w-full { width: 100%; } .xl\:max-w-3xl { max-width: var(--container-3xl); } .xl\:max-w-4xl { max-width: var(--container-4xl); } .xl\:max-w-64 { max-width: calc(var(--spacing) * 64); } .xl\:max-w-\[40rem\] { max-width: 40rem; } .xl\:max-w-\[46rem\] { max-width: 46rem; } .xl\:max-w-\[48rem\] { max-width: 48rem; } .xl\:max-w-\[1120px\] { max-width: 1120px; } .xl\:max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .xl\:max-w-xs { max-width: var(--container-xs); } .xl\:flex-1 { flex: 1; } .xl\:scroll-m-10 { scroll-margin: calc(var(--spacing) * 10); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:grid-cols-\[20rem_minmax\(360px\,1fr\)\] { grid-template-columns: 20rem minmax(360px, 1fr); } .xl\:grid-cols-\[26rem_minmax\(0\,1fr\)\] { grid-template-columns: 26rem minmax(0, 1fr); } .xl\:grid-cols-\[240px_minmax\(0\,1fr\)\] { grid-template-columns: 240px minmax(0, 1fr); } .xl\:grid-cols-\[320px_minmax\(0\,1fr\)\] { grid-template-columns: 320px minmax(0, 1fr); } .xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] { grid-template-columns: 360px minmax(0, 1fr); } .xl\:grid-cols-\[380px_minmax\(0\,1fr\)\] { grid-template-columns: 380px minmax(0, 1fr); } .xl\:grid-cols-\[420px_minmax\(0\,1fr\)\] { grid-template-columns: 420px minmax(0, 1fr); } .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\] { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); } .xl\:grid-cols-\[minmax\(0\,1fr\)_40px\] { grid-template-columns: minmax(0, 1fr) 40px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_var\(--usage-analytics-insight-sidebar-width\)\] { grid-template-columns: minmax(0, 1fr) var(--usage-analytics-insight-sidebar-width); } .xl\:grid-cols-\[minmax\(0\,420px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:flex-col { flex-direction: column; } .xl\:flex-row { flex-direction: row; } .xl\:items-end { align-items: flex-end; } .xl\:items-stretch { align-items: stretch; } .xl\:justify-between { justify-content: space-between; } .xl\:gap-2 { gap: calc(var(--spacing) * 2); } .xl\:gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .xl\:gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .xl\:self-stretch { align-self: stretch; } .xl\:overflow-auto { overflow: auto; } .xl\:overflow-x-hidden { overflow-x: hidden; } .xl\:overflow-y-auto { overflow-y: auto; } .xl\:border-s:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .xl\:border-s:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .xl\:border-e:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .xl\:border-e:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .xl\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .xl\:border-token-border-light { border-color: var(--border-light); } .xl\:px-2 { padding-inline: calc(var(--spacing) * 2); } .xl\:px-3 { padding-inline: calc(var(--spacing) * 3); } .xl\:px-4 { padding-inline: calc(var(--spacing) * 4); } .xl\:px-7 { padding-inline: calc(var(--spacing) * 7); } .xl\:px-8 { padding-inline: calc(var(--spacing) * 8); } .xl\:px-10 { padding-inline: calc(var(--spacing) * 10); } .xl\:px-24 { padding-inline: calc(var(--spacing) * 24); } .xl\:py-6 { padding-block: calc(var(--spacing) * 6); } .xl\:ps-24:dir(ltr) { padding-left: calc(var(--spacing) * 24); } .xl\:ps-24:dir(rtl) { padding-right: calc(var(--spacing) * 24); } .xl\:pe-2:dir(ltr) { padding-right: calc(var(--spacing) * 2); } .xl\:pe-2:dir(rtl) { padding-left: calc(var(--spacing) * 2); } .xl\:pt-6 { padding-top: calc(var(--spacing) * 6); } .xl\:pt-10 { padding-top: calc(var(--spacing) * 10); } .xl\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .xl\:pb-\[0\.375em\] { padding-bottom: 0.375em; } .xl\:text-mkt-h3 { font-size: max(1.5rem, min(0.56338vw + 1.36796rem, 1.875rem)); line-height: var( --tw-leading, clamp(1.98rem, calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)), 2.475rem) ); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 500); } .xl\:text-mkt-p2 { font-size: 0.875rem; line-height: var(--tw-leading, 1.435rem); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 400); } .xl\:text-\[14px\] { font-size: 14px; } .xl\:text-pretty { text-wrap: pretty; } } @media (min-width: 96rem) { .\32 xl\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .\32 xl\:max-w-\[46rem\] { max-width: 46rem; } .\32 xl\:max-w-\[52rem\] { max-width: 52rem; } .\32 xl\:\[scroll-padding-inline-start\:calc\(\(100\%_-_90rem\)_\/_2_\+_2rem\)\] { scroll-padding-inline-start: calc(50% - 43rem); } .\32 xl\:scroll-ps-\[calc\(\(100\%_-_96rem\)_\/_2_\+_32px\)\] { scroll-padding-inline-start: calc(50% - 48rem + 32px); } .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .\32 xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] { grid-template-columns: 360px minmax(0, 1fr); } .\32 xl\:px-\[calc\(\(100\%_-_90rem\)_\/_2_\+_2rem\)\] { padding-left: calc(50% - 43rem); padding-right: calc(50% - 43rem); } .\32 xl\:ps-\[calc\(\(100\%_-_96rem\)_\/_2_\+_32px\)\]:dir(ltr) { padding-left: calc(50% - 48rem + 32px); } .\32 xl\:ps-\[calc\(\(100\%_-_96rem\)_\/_2_\+_32px\)\]:dir(rtl) { padding-right: calc(50% - 48rem + 32px); } .\32 xl\:pt-8 { padding-top: calc(var(--spacing) * 8); } .\32 xl\:pt-12 { padding-top: calc(var(--spacing) * 12); } .\32 xl\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @container not (width>=400px) { .\@max-\[400px\]\:max-w-full { max-width: 100%; } } @container not (width>=48rem) { .\@max-3xl\:-top-2 { top: calc(var(--spacing) * -2); } } @container main not (width>=43rem) { .\@max-\[43rem\]\/main\:-mx-\(--thread-content-margin\) { margin-inline: calc(var(--thread-content-margin) * -1); } .\@max-\[43rem\]\/main\:scroll-m-\(--thread-content-margin\) { scroll-margin: var(--thread-content-margin); } .\@max-\[43rem\]\/main\:px-\(--thread-content-margin\) { padding-inline: var(--thread-content-margin); } } @container main not (width>=42rem) { .\@max-2xl\/main\:mask-b-from-black { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient( to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position) ); --tw-mask-bottom-from-color: #000; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } } @container not (width>=32rem) { .\@max-lg\:auto-cols-\[70\%\] { grid-auto-columns: 70%; } } @container not (width>=28rem) { .\@max-md\:end-1:dir(ltr) { right: calc(var(--spacing) * 1); } .\@max-md\:end-1:dir(rtl) { left: calc(var(--spacing) * 1); } .\@max-md\:top-3 { top: calc(var(--spacing) * 3); } .\@max-md\:-m-1 { margin: calc(var(--spacing) * -1); } } @container (width>=0) { .\@\[0px\]\:hidden { display: none; } } @container (width>=150px) { .\@\[150px\]\:block { display: block; } } @container composer (width>=300px) { .\@\[300px\]\/composer\:flex { display: flex; } } @container composer (width>=310px) { .\@\[310px\]\/composer\:flex { display: flex; } } @container composer (width>=400px) { .\@\[400px\]\/composer\:flex { display: flex; } } @container composer (width>=800px) { .\@\[800px\]\/composer\:flex { display: flex; } } @container col (width>=24rem) { .\@sm\/col\:col-span-1 { grid-column: span 1 / span 1; } } @container preview-pane (width>=24rem) { .\@sm\/preview-pane\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\@sm\/preview-pane\:items-center { align-items: center; } } @container (width>=28rem) { .\@md\:absolute { position: absolute; } .\@md\:start-0:dir(ltr) { left: calc(var(--spacing) * 0); } .\@md\:start-0:dir(rtl) { right: calc(var(--spacing) * 0); } .\@md\:top-1 { top: calc(var(--spacing) * 1); } } @container col (width>=28rem) { .\@md\/col\:col-span-8 { grid-column: span 8 / span 8; } } @container (width>=28rem) { .\@md\:col-span-1 { grid-column: span 1 / span 1; } } @container col (width>=28rem) { .\@md\/col\:col-start-3 { grid-column-start: 3; } } @container (width>=28rem) { .\@md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .\@md\:w-1\/2 { width: 50%; } .\@md\:flex-row { flex-direction: row; } .\@md\:border-s:dir(ltr) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\@md\:border-s:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .\@md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } } @container col (width>=32rem) { .\@lg\/col\:col-span-6 { grid-column: span 6 / span 6; } .\@lg\/col\:col-start-4 { grid-column-start: 4; } } @container images-promo-banner (width>=32rem) { .\@lg\/images-promo-banner\:flex { display: flex; } } @container main (width>=40rem) { .\@\[40rem\]\/main\:-start-7:dir(ltr) { left: calc(var(--spacing) * -7); } .\@\[40rem\]\/main\:-start-7:dir(rtl) { right: calc(var(--spacing) * -7); } .\@w-sm\/main\:-mx-4 { margin-inline: calc(var(--spacing) * -4); } .\@\[40rem\]\/main\:block { display: block; } .\@w-sm\/main\:flex { display: flex; } .\@w-sm\/main\:w-\[calc\(100\%\+2rem\)\] { width: calc(100% + 2rem); } .\@w-sm\/main\:max-w-full { max-width: 100%; } .\@w-sm\/main\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\@w-sm\/main\:flex-row { flex-direction: row; } .\@w-sm\/main\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .\@w-sm\/main\:px-2 { padding-inline: calc(var(--spacing) * 2); } .\@w-sm\/main\:px-4 { padding-inline: calc(var(--spacing) * 4); } .\@w-sm\/main\:\[--thread-content-margin\:var\(--thread-content-margin-sm\,calc\(var\(--spacing\)\*6\)\)\] { --thread-content-margin: var(--thread-content-margin-sm, calc(var(--spacing) * 6)); } .\@w-sm\/main\:\[scrollbar-gutter\:stable_both-edges\] { scrollbar-gutter: stable both-edges; } } @container main (width>=42rem) { .\@2xl\/main\:start-8:dir(ltr) { left: calc(var(--spacing) * 8); } .\@2xl\/main\:start-8:dir(rtl) { right: calc(var(--spacing) * 8); } .\@2xl\/main\:top-8 { top: calc(var(--spacing) * 8); } .\@2xl\/main\:bottom-5 { bottom: calc(var(--spacing) * 5); } .\@2xl\/main\:m-0 { margin: calc(var(--spacing) * 0); } .\@2xl\/main\:-mx-8 { margin-inline: calc(var(--spacing) * -8); } .\@2xl\/main\:me-4:dir(ltr) { margin-right: calc(var(--spacing) * 4); } .\@2xl\/main\:me-4:dir(rtl) { margin-left: calc(var(--spacing) * 4); } .\@2xl\/main\:mt-2 { margin-top: calc(var(--spacing) * 2); } .\@2xl\/main\:block { display: block; } .\@2xl\/main\:hidden { display: none; } .\@2xl\/main\:h-1\.5 { height: calc(var(--spacing) * 1.5); } .\@2xl\/main\:h-5 { height: calc(var(--spacing) * 5); } .\@2xl\/main\:h-8 { height: calc(var(--spacing) * 8); } .\@2xl\/main\:h-12 { height: calc(var(--spacing) * 12); } .\@2xl\/main\:h-80 { height: calc(var(--spacing) * 80); } .\@2xl\/main\:h-full { height: 100%; } .\@2xl\/main\:min-h-12 { min-height: calc(var(--spacing) * 12); } .\@2xl\/main\:w-1\.5 { width: calc(var(--spacing) * 1.5); } .\@2xl\/main\:w-5 { width: calc(var(--spacing) * 5); } .\@2xl\/main\:w-8 { width: calc(var(--spacing) * 8); } .\@2xl\/main\:w-12 { width: calc(var(--spacing) * 12); } .\@2xl\/main\:w-62 { width: calc(var(--spacing) * 62); } .\@2xl\/main\:w-96 { width: calc(var(--spacing) * 96); } .\@2xl\/main\:max-w-64 { max-width: calc(var(--spacing) * 64); } .\@2xl\/main\:max-w-72 { max-width: calc(var(--spacing) * 72); } .\@2xl\/main\:max-w-96 { max-width: calc(var(--spacing) * 96); } .\@2xl\/main\:min-w-12 { min-width: calc(var(--spacing) * 12); } .\@2xl\/main\:min-w-20 { min-width: calc(var(--spacing) * 20); } .\@2xl\/main\:flex-1 { flex: 1; } .\@2xl\/main\:flex-grow-0 { flex-grow: 0; } .\@2xl\/main\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\@2xl\/main\:grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .\@2xl\/main\:flex-col { flex-direction: column; } .\@2xl\/main\:flex-row { flex-direction: row; } } @container (width>=42rem) { .\@2xl\:flex-row { flex-direction: row; } .\@2xl\:justify-between { justify-content: space-between; } } @container main (width>=42rem) { .\@2xl\/main\:gap-12 { gap: calc(var(--spacing) * 12); } :where(.\@2xl\/main\:space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } .\@2xl\/main\:gap-y-2 { row-gap: calc(var(--spacing) * 2); } .\@2xl\/main\:rounded-4xl { border-radius: var(--radius-4xl); } .\@2xl\/main\:mask-r-from-black { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient( to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position) ); --tw-mask-right-from-color: #000; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } .\@2xl\/main\:p-3 { padding: calc(var(--spacing) * 3); } .\@2xl\/main\:p-8 { padding: calc(var(--spacing) * 8); } .\@2xl\/main\:px-8 { padding-inline: calc(var(--spacing) * 8); } .\@2xl\/main\:pe-16:dir(ltr) { padding-right: calc(var(--spacing) * 16); } .\@2xl\/main\:pe-16:dir(rtl) { padding-left: calc(var(--spacing) * 16); } .\@2xl\/main\:pt-8 { padding-top: calc(var(--spacing) * 8); } } @container (width>=42rem) { .\@2xl\:text-start { text-align: start; } } @container main (width>=42rem) { .\@2xl\/main\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @container main (width>=43rem) { .\@\[43rem\]\/main\:min-w-\[300px\] { min-width: 300px; } } @container main (width>=44rem) { .\@\[44rem\]\/main\:-start-9:dir(ltr) { left: calc(var(--spacing) * -9); } .\@\[44rem\]\/main\:-start-9:dir(rtl) { right: calc(var(--spacing) * -9); } } @container (width>=48rem) { .\@3xl\:-start-3:dir(ltr) { left: calc(var(--spacing) * -3); } .\@3xl\:-start-3:dir(rtl) { right: calc(var(--spacing) * -3); } .\@3xl\:-top-4 { top: calc(var(--spacing) * -4); } } @container main (width>=64rem) { .\@w-lg\/main\:min-w-\[360px\] { min-width: 360px; } .\@w-lg\/main\:\[--thread-content-margin\:var\(--thread-content-margin-lg\,calc\(var\(--spacing\)\*16\)\)\] { --thread-content-margin: var(--thread-content-margin-lg, calc(var(--spacing) * 16)); } .\@w-lg\/main\:\[--thread-content-max-width\:48rem\] { --thread-content-max-width: 48rem; } .\@w-lg\/main\:\[--thread-content-max-width\:52rem\] { --thread-content-max-width: 52rem; } } @container main (width>=80rem) { .\@w-xl\/main\:top-0 { top: calc(var(--spacing) * 0); } .\@w-xl\/main\:top-2 { top: calc(var(--spacing) * 2); } .\@w-xl\/main\:top-4 { top: calc(var(--spacing) * 4); } .\@w-xl\/main\:block { display: block; } .\@w-xl\/main\:hidden { display: none; } .\@w-xl\/main\:flex-col { flex-direction: column; } .\@w-xl\/main\:gap-3 { gap: calc(var(--spacing) * 3); } .\@w-xl\/main\:bg-token-main-surface-primary { background-color: var(--main-surface-primary); } .\@w-xl\/main\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\]\! { box-shadow: var(--sharp-edge-top-shadow) !important; } .has-data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:scroll-pt-0:has([data-fixed-header='less-than-xl']) { scroll-padding-top: calc(var(--spacing) * 0); } .has-data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:\[--sticky-padding-top\:0px\]:has( [data-fixed-header='less-than-xl'] ) { --sticky-padding-top: 0px; } .data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:bg-transparent[data-fixed-header='less-than-xl'] { background-color: #0000; } .data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:shadow-none\![data-fixed-header='less-than-xl'] { --tw-shadow: 0 0 transparent !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } @container main (width>=96rem) { .has-data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:scroll-pt-0:has([data-fixed-header='less-than-xxl']) { scroll-padding-top: calc(var(--spacing) * 0); } .has-data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:\[--sticky-padding-top\:0px\]:has( [data-fixed-header='less-than-xxl'] ) { --sticky-padding-top: 0px; } .data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:bg-transparent[data-fixed-header='less-than-xxl'] { background-color: #0000; } .data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:shadow-none\![data-fixed-header='less-than-xxl'] { --tw-shadow: 0 0 transparent !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } .ltr\:me-auto:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *):dir(ltr) { margin-right: auto; } .ltr\:me-auto:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *):dir(rtl) { margin-left: auto; } .ltr\:hidden:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *) { display: none; } .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .ltr\:translate-x-0:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .ltr\:translate-x-1\/2:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *) { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .ltr\:-rotate-90:where(:dir(ltr), [dir='ltr'], [dir='ltr'] *) { rotate: -90deg; } .rtl\:ms-auto:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *):dir(ltr) { margin-left: auto; } .rtl\:ms-auto:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *):dir(rtl) { margin-right: auto; } .rtl\:hidden:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { display: none; } .rtl\:origin-top-right:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { transform-origin: 100% 0; } .rtl\:-translate-x-1:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:-translate-x-full:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-0:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-1:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-1\/2:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:-scale-x-100:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-scale-x: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .rtl\:rotate-90:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { rotate: 90deg; } .rtl\:rotate-\[10deg\]:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { rotate: 10deg; } .rtl\:cursor-e-resize:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { cursor: e-resize; } .rtl\:cursor-w-resize:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { cursor: w-resize; } .rtl\:items-start:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { align-items: flex-start; } .rtl\:bg-gradient-to-l:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .rtl\:bg-gradient-to-r:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .rtl\:\[--end\:left\]:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --end: left; } .rtl\:\[--start\:right\]:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { --start: right; } :is( .rtl\:\*\*\:data-\[header-icon\]\:rotate-\[-10deg\]:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) * )[data-header-icon] { rotate: -10deg; } @media (min-width: 48rem) { .rtl\:md\:col-start-1:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { grid-column-start: 1; } .rtl\:md\:col-start-6:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { grid-column-start: 6; } .rtl\:md\:col-start-8:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { grid-column-start: 8; } } @media (min-width: 64rem) { .rtl\:lg\:mask-l-from-black:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-left: linear-gradient( to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position) ); --tw-mask-left-from-color: #000; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } } @container main (width>=42rem) { .rtl\:\@2xl\/main\:mask-l-from-black:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-left: linear-gradient( to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position) ); --tw-mask-left-from-color: #000; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } } .dark\:block:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { display: block; } .dark\:hidden:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { display: none; } .dark\:h-3\.5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { height: calc(var(--spacing) * 3.5); } .dark\:w-3\.5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { width: calc(var(--spacing) * 3.5); } .dark\:-translate-y-0:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.dark\:divide-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) > :not(:last-child)) { border-color: #ffffff0d; border-color: lab(100% -0.0000298023 0.0000119209/.05); } :where(.dark\:divide-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) > :not(:last-child)) { border-color: #ffffff26; border-color: lab(100% -0.0000298023 0.0000119209/.15); } .dark\:border:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-style: var(--tw-border-style); border-width: 1px; } .dark\:border-e:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .dark\:border-e:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .dark\:border-t:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-top-style: var(--tw-border-style); border-top-width: 1px; } .dark\:border-b:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .dark\:\!border-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-700) !important; } .dark\:border-\[\#4F4D79\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #4f4d79 !important; } .dark\:border-\[\#60a5fa66\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #60a5fa66; } .dark\:border-\[\#0088FF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #08f; } .dark\:border-\[\#303030\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #303030; } .dark\:border-\[\#444378\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #444378; } .dark\:border-\[\#484777\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #484777; } .dark\:border-\[\#FF9E6C\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #ff9e6c; } .dark\:border-\[\#e7c85f\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #e7c85f; } .dark\:border-\[rgba\(168\,198\,255\,0\.16\)\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #a8c6ff29 !important; } .dark\:border-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #000; } .dark\:border-black\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #00000026; border-color: lab(0% 0 0/0.15); } .dark\:border-black\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #0003; border-color: lab(0% 0 0/0.2); } .dark\:border-blue-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--blue-300); } .dark\:border-blue-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--blue-700); } .dark\:border-blue-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--blue-800); } .dark\:border-gray-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-300); } .dark\:border-gray-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-500); } .dark\:border-gray-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-600); } .dark\:border-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-700); } .dark\:border-gray-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-800); } .dark\:border-gray-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-900); } .dark\:border-green-500\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--green-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:border-green-500\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: color-mix(in oklab, var(--green-500) 30%, transparent); } } .dark\:border-orange-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--orange-800); } .dark\:border-red-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--red-400); } .dark\:border-red-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:border-red-500\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-500\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: color-mix(in oklab, var(--red-500) 30%, transparent); } } .dark\:border-red-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--red-800); } .dark\:border-red-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:border-red-900\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-900\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: color-mix(in oklab, var(--red-900) 60%, transparent); } } .dark\:border-token-bg-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--bg-tertiary); } .dark\:border-token-border-default:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-default); } .dark\:border-token-border-heavy:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-heavy); } .dark\:border-token-border-light:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:border-token-border-light\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-light); } @supports (color: color-mix(in lab, red, red)) { .dark\:border-token-border-light\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: color-mix(in oklab, var(--border-light) 20%, transparent); } } .dark\:border-token-border-medium:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-medium); } .dark\:border-token-border-medium\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-medium) !important; } .dark\:border-token-border-status-warning:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-status-warning); } .dark\:border-token-border-xheavy:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-xheavy); } .dark\:border-token-border-xlight:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--border-xlight); } .dark\:border-token-interactive-border-secondary-default:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { border-color: var(--interactive-border-secondary-default); } .dark\:border-token-main-surface-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--main-surface-secondary); } .dark\:border-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #0000; } .dark\:border-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #fff; } .dark\:border-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #ffffff0d; border-color: lab(100% -0.0000298023 0.0000119209/.05); } .dark\:border-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #ffffff1a; border-color: lab(100% -0.0000298023 0.0000119209/.1); } .dark\:border-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #ffffff26; border-color: lab(100% -0.0000298023 0.0000119209/.15); } .dark\:border-white\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #fff3; border-color: lab(100% -0.0000298023 0.0000119209/.2); } .dark\:border-yellow-600\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--yellow-600); } @supports (color: color-mix(in lab, red, red)) { .dark\:border-yellow-600\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: color-mix(in oklab, var(--yellow-600) 40%, transparent); } } .dark\:border-yellow-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--yellow-800); } .dark\:border-x-token-border-xheavy:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-inline-color: var(--border-xheavy); } .dark\:border-t-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-top-color: #000; } .dark\:border-t-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-top-color: #0000; } .dark\:border-t-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-top-color: #ffffff0d; border-top-color: lab(100% -0.0000298023 0.0000119209/.05); } .dark\:border-b-token-border-heavy:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-bottom-color: var(--border-heavy); } .dark\:border-b-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-bottom-color: #fff; } .dark\:prose-invert:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .dark\:prose-invert:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) code { background-color: #0000; } .dark\:prose-invert:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) { background-color: var(--gray-700); } .dark\:\!bg-gray-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-900) !important; } .dark\:bg-\(--theme-user-msg-text\)\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--theme-user-msg-text); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-\(--theme-user-msg-text\)\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--theme-user-msg-text) 15%, transparent); } } .dark\:bg-\[\#\.\.\.\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #...; } .dark\:bg-\[\#1B1B1D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #1b1b1d; } .dark\:bg-\[\#1E1E1E\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #1e1e1e; } .dark\:bg-\[\#1F1D48\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #1f1d48; } .dark\:bg-\[\#2A4A6D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #2a4a6d; } .dark\:bg-\[\#2C2B3E\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #2c2b3e; } .dark\:bg-\[\#2F2E57\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #2f2e57 !important; } .dark\:bg-\[\#2a2a2a\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #2a2a2a; } .dark\:bg-\[\#2a2a2a\]\/98:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #2a2a2afa; background-color: lab(17.062% -0.0000298023 0.0000119209/.98); } .dark\:bg-\[\#4C3D3D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #4c3d3d; } .dark\:bg-\[\#6BBD6720\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #6bbd6720; } .dark\:bg-\[\#6e1615\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #6e1615; } .dark\:bg-\[\#8F8DF624\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #8f8df624; } .dark\:bg-\[\#00000044\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0004; } .dark\:bg-\[\#60a5fa1f\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #60a5fa1f; } .dark\:bg-\[\#273B4C\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #273b4c; } .dark\:bg-\[\#003716\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #003716; } .dark\:bg-\[\#09090b\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #09090b; } .dark\:bg-\[\#101010\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #101010; } .dark\:bg-\[\#171717\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #171717; } .dark\:bg-\[\#212121\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #212121; } .dark\:bg-\[\#262626\]\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #26262680; background-color: lab(15.1597% 0.0000149012 0/0.5); } .dark\:bg-\[\#282841\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #282841; } .dark\:bg-\[\#303030\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #303030; } .dark\:bg-\[\#303030\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #303030 !important; } .dark\:bg-\[\#333333\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #333; } .dark\:bg-\[\#353535\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #353535; } .dark\:bg-\[\#373669\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #373669; } .dark\:bg-\[\#393939\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #393939; } .dark\:bg-\[\#444378\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #444378; } .dark\:bg-\[\#B2B2B220\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #b2b2b220; } .dark\:bg-\[\#C26FFD20\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #c26ffd20; } .dark\:bg-\[\#EA8444\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ea8444; } .dark\:bg-\[\#F3F3F3\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #f3f3f3; } .dark\:bg-\[\#FD756F20\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #fd756f20; } .dark\:bg-\[\#fae271\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #fae271; } .dark\:bg-\[rgb\(48_48_48\/0\.7\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #303030b3; } .dark\:bg-\[rgb\(74_222_128_\/_1\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #4ade80; } .dark\:bg-\[rgb\(248_113_113_\/_1\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #f87171; } .dark\:bg-\[rgba\(16\,28\,60\,0\.42\)\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #101c3c6b !important; } .dark\:bg-\[rgba\(33\,33\,33\,1\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #212121; } .dark\:bg-\[rgba\(38\,43\,61\,0\.5\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #262b3d80; } .dark\:bg-\[rgba\(48\,48\,48\,0\.8\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #303030cc; } .dark\:bg-\[rgba\(48\,48\,48\,1\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #303030; } .dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff0a; } .dark\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff0d; } .dark\:bg-\[rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff1f; } .dark\:bg-\[rgba\(255\,255\,255\,0\.90\)\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffffe6 !important; } .dark\:bg-\[var\(--bg-tertiary\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-tertiary); } .dark\:bg-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #000; } .dark\:bg-black\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0000001a; background-color: lab(0% 0 0/0.1); } .dark\:bg-black\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0006; background-color: lab(0% 0 0/0.4); } .dark\:bg-black\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #00000080; background-color: lab(0% 0 0/0.5); } .dark\:bg-black\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0009; background-color: lab(0% 0 0/0.6); } .dark\:bg-black\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #000c; background-color: lab(0% 0 0/0.8); } .dark\:bg-black\/85:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #000000d9; background-color: lab(0% 0 0/0.85); } .dark\:bg-blue-200\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-200); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-200\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--blue-200) 20%, transparent); } } .dark\:bg-blue-300\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-300); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-300\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--blue-300) 30%, transparent); } } .dark\:bg-blue-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-500); } .dark\:bg-blue-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-600); } .dark\:bg-blue-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-blue-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--blue-900) 40%, transparent); } } .dark\:bg-blue-950\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-950); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-950\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--blue-950) 30%, transparent); } } .dark\:bg-blue-950\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--blue-950); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-950\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--blue-950) 40%, transparent); } } .dark\:bg-gray-50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-gray-50\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-50); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-50\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--gray-50) 5%, transparent); } } .dark\:bg-gray-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-100); } .dark\:bg-gray-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-600); } .dark\:bg-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-gray-700\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-700); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-700\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--gray-700) 50%, transparent); } } .dark\:bg-gray-700\/75:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-700); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-700\/75:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--gray-700) 75%, transparent); } } .dark\:bg-gray-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-gray-800\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-800); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-800\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--gray-800) 70%, transparent); } } .dark\:bg-gray-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-900); } .dark\:bg-gray-950:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-950); } .dark\:bg-gray-1000:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-1000); } .dark\:bg-gray-solid-1000:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0d0d0d; } .dark\:bg-green-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-green-600\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--green-600); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-600\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--green-600) 30%, transparent); } } .dark\:bg-green-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--green-800); } .dark\:bg-green-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-green-900\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--green-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--green-900) 20%, transparent); } } .dark\:bg-green-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--green-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--green-900) 40%, transparent); } } .dark\:bg-orange-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--orange-800); } .dark\:bg-orange-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--orange-900); } .dark\:bg-pink-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--pink-900); } .dark\:bg-purple-400\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--purple-400); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-purple-400\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--purple-400) 30%, transparent); } } .dark\:bg-purple-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--purple-900); } .dark\:bg-red-500\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-500\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-500) 10%, transparent); } } .dark\:bg-red-500\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-500\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-500) 15%, transparent); } } .dark\:bg-red-500\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-500\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-500) 30%, transparent); } } .dark\:bg-red-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-red-600\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-600); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-600\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-600) 30%, transparent); } } .dark\:bg-red-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-800); } .dark\:bg-red-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-red-900\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-900) 20%, transparent); } } .dark\:bg-red-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-900) 30%, transparent); } } .dark\:bg-red-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-900) 40%, transparent); } } .dark\:bg-red-900\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-900) 60%, transparent); } } .dark\:bg-red-950\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--red-950); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-950\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--red-950) 30%, transparent); } } .dark\:bg-token-bg-elevated-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-elevated-primary); } .dark\:bg-token-bg-elevated-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-token-bg-elevated-secondary\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-elevated-secondary\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 70%, transparent); } } .dark\:bg-token-bg-elevated-secondary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-elevated-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-elevated-secondary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-elevated-secondary) 80%, transparent); } } .dark\:bg-token-bg-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-token-bg-primary\/75:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-primary\/75:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-primary) 75%, transparent); } } .dark\:bg-token-bg-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-token-bg-secondary\/45:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-secondary\/45:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-secondary) 45%, transparent); } } .dark\:bg-token-bg-secondary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-secondary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-secondary) 80%, transparent); } } .dark\:bg-token-bg-secondary\/85:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-secondary\/85:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-secondary) 85%, transparent); } } .dark\:bg-token-bg-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-tertiary); } .dark\:bg-token-bg-tertiary\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-tertiary) !important; } .dark\:bg-token-bg-tertiary\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-tertiary\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-tertiary) 40%, transparent); } } .dark\:bg-token-bg-tertiary\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-tertiary\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-tertiary) 50%, transparent); } } .dark\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .dark\:bg-token-border-default:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--border-default); } .dark\:bg-token-border-heavy:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--border-heavy); } .dark\:bg-token-interactive-bg-secondary-press:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--interactive-bg-secondary-press); } .dark\:bg-token-main-surface-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--main-surface-primary); } .dark\:bg-token-main-surface-primary-inverse:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--main-surface-primary-inverse); } .dark\:bg-token-main-surface-primary\/20\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--main-surface-primary) !important; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-main-surface-primary\/20\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--main-surface-primary) 20%, transparent) !important; } } .dark\:bg-token-main-surface-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-token-main-surface-secondary\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-main-surface-secondary\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--main-surface-secondary) 70%, transparent); } } .dark\:bg-token-main-surface-secondary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--main-surface-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-main-surface-secondary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--main-surface-secondary) 80%, transparent); } } .dark\:bg-token-main-surface-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--main-surface-tertiary); } .dark\:bg-token-sidebar-surface-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--sidebar-surface-primary); } .dark\:bg-token-surface-error\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: rgb(var(--surface-error) / 1); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-token-surface-error\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, rgb(var(--surface-error) / 1) 5%, transparent); } } .dark\:bg-token-text-inverted:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--text-inverted); } .dark\:bg-token-text-secondary\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--text-secondary) !important; } .dark\:bg-token-text-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--text-tertiary); } .dark\:bg-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0000; } .dark\:bg-transparent\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0000 !important; } .dark\:bg-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #fff; } .dark\:bg-white\/3:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff08; background-color: lab(100% -0.0000298023 0.0000119209/.03); } .dark\:bg-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff0d; background-color: lab(100% -0.0000298023 0.0000119209/.05); } .dark\:bg-white\/6:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff0f; background-color: lab(100% -0.0000298023 0.0000119209/.06); } .dark\:bg-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } .dark\:bg-white\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #fff3; background-color: lab(100% -0.0000298023 0.0000119209/.2); } .dark\:bg-white\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff4d; background-color: lab(100% -0.0000298023 0.0000119209/.3); } .dark\:bg-yellow-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-yellow-400\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-400); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-400\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-400) 30%, transparent); } } .dark\:bg-yellow-400\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-400); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-400\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-400) 50%, transparent); } } .dark\:bg-yellow-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-yellow-500\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-500\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-500) 10%, transparent); } } .dark\:bg-yellow-500\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-500\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-500) 50%, transparent); } } .dark\:bg-yellow-500\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-500\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-500) 70%, transparent); } } .dark\:bg-yellow-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:bg-yellow-900\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-900\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-900) 20%, transparent); } } .dark\:bg-yellow-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-900) 30%, transparent); } } .dark\:bg-yellow-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--yellow-900) 40%, transparent); } } .dark\:bg-yellow-950:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--yellow-950); } .dark\:dark\:bg-\[\#303030\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { background-color: #303030; } .dark\:bg-linear-to-t:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-position: to top; } @supports (background-image: linear-gradient(in lab, red, red)) { .dark\:bg-linear-to-t:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-position: to top in oklab; } } .dark\:bg-linear-to-t:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-image: linear-gradient(var(--tw-gradient-stops)); } .dark\:bg-\[linear-gradient\(180deg\,oklch\(0\.5_0_0\/0\.3\)_80\%\,transparent_100\%\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { background-image: linear-gradient(#6363634d 80%, #0000 100%); background-image: linear-gradient(lab(42% 0 0/0.3) 80%, #0000 100%); } .dark\:bg-\[linear-gradient\(206\.72deg\,_\#30305F_2\.34\%\,_\#212121_92\.37\%\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { background-image: linear-gradient(206.72deg, #30305f 2.34%, #212121 92.37%); } .dark\:bg-\[radial-gradient\(circle\,_\#4a4a4a_0\.75px\,_transparent_0\.75px\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { background-image: radial-gradient(circle, #4a4a4a 0.75px, #0000 0.75px); } .dark\:bg-none:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-image: none; } .dark\:from-\[\#000D19\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: #000d19; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-\[\#1A1400\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: #1a1400; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-\[\#1f1f1f\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: #1f1f1f; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-\[\#100A19\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: #100a19; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-\[\#F472B6\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: #f472b6; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-black\/24:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: #0000003d; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .dark\:from-black\/24:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: lab(0% 0 0/0.24); } } .dark\:from-gray-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: var(--gray-800); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-token-bg-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:from-token-main-surface-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-from: var(--main-surface-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:via-\[\#2d2f3f\]\/42:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: #2d2f3f6b; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .dark\:via-\[\#2d2f3f\]\/42:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: lab(19.7328% 2.36222 -10.4691/0.42); } } .dark\:via-\[\#C084FC\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: #c084fc; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark\:via-black\/42:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: #0000006b; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .dark\:via-black\/42:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: lab(0% 0 0/0.42); } } .dark\:via-black\/65:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: #000000a6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .dark\:via-black\/65:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: lab(0% 0 0/0.65); } } .dark\:via-token-bg-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: var(--bg-primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark\:via-token-bg-secondary\/85:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .dark\:via-token-bg-secondary\/85:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: color-mix(in oklab, var(--bg-secondary) 85%, transparent); } } .dark\:via-token-bg-secondary\/85:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark\:via-token-main-surface-primary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .dark\:via-token-main-surface-primary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: color-mix(in oklab, var(--main-surface-primary) 80%, transparent); } } .dark\:via-token-main-surface-primary\/80:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark\:via-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: #ffffff0d; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } @supports (color: lab(0% 0 0)) { .dark\:via-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.05); } } .dark\:to-\[\#2d2f3f\]\/82:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #2d2f3fd1; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .dark\:to-\[\#2d2f3f\]\/82:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: lab(19.7328% 2.36222 -10.4691/0.82); } } .dark\:to-\[\#170C26\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #170c26; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-\[\#271D00\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #271d00; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-\[\#818CF8\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #818cf8; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-\[\#001223\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #001223; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-\[var\(--bg-elevated-secondary\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: var(--bg-elevated-secondary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #000; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-black\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #0006; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .dark\:to-black\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: lab(0% 0 0/0.4); } } .dark\:to-black\/88:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #000000e0; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .dark\:to-black\/88:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: lab(0% 0 0/0.88); } } .dark\:to-token-bg-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: var(--bg-secondary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:to-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: #ffffff26; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } @supports (color: lab(0% 0 0)) { .dark\:to-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.15); } } .dark\:fill-\[rgba\(80\,80\,80\,1\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #505050; } .dark\:fill-\[rgba\(255\,255\,255\,0\.04\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #ffffff0a; } .dark\:fill-\[rgba\(255\,255\,255\,0\.05\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #ffffff0d; } .dark\:fill-\[rgba\(255\,255\,255\,0\.06\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #ffffff0f; } .dark\:fill-\[rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #ffffff1f; } .dark\:fill-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #fff; } .dark\:fill-white\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { fill: #ffffff80; fill: lab(100% -0.0000298023 0.0000119209/.5); } .dark\:stroke-\[\#3a3a3a\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #3a3a3a; } .dark\:stroke-\[rgba\(0\,0\,0\,0\.32\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #00000052; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff1a; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.2\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #fff3; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.4\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #fff6; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.08\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff14; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff1f; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.14\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff24; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.16\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff29; } .dark\:stroke-\[rgba\(255\,255\,255\,0\.18\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff2e; } .dark\:stroke-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #000; } .dark\:stroke-brand-purple\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ab68ff80; stroke: lab(57.1209% 49.4506 -66.2104/0.5); } .dark\:stroke-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #ffffff1a; stroke: lab(100% -0.0000298023 0.0000119209/.1); } .dark\:stroke-white\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { stroke: #fff3; stroke: lab(100% -0.0000298023 0.0000119209/.2); } .dark\:ps-2\.5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):dir(ltr) { padding-left: calc(var(--spacing) * 2.5); } .dark\:ps-2\.5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):dir(rtl) { padding-right: calc(var(--spacing) * 2.5); } .dark\:\!text-\[\#4fa6f7\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #4fa6f7 !important; } .dark\:\!text-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #fff !important; } .dark\:text-\(--interactive-label-tertiary-default\):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--interactive-label-tertiary-default); } .dark\:text-\[\#0D0D0D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #0d0d0d; } .dark\:text-\[\#5D5D5D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #5d5d5d; } .dark\:text-\[\#6BBD67\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #6bbd67; } .dark\:text-\[\#8F8DF6\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #8f8df6; } .dark\:text-\[\#48AAFF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #48aaff; } .dark\:text-\[\#56d89c\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #56d89c; } .dark\:text-\[\#66d492\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #66d492; } .dark\:text-\[\#B2B2B2\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #b2b2b2; } .dark\:text-\[\#B7B5FF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #b7b5ff; } .dark\:text-\[\#B9B7FF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #b9b7ff; } .dark\:text-\[\#C26FFD\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #c26ffd; } .dark\:text-\[\#D292FF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #d292ff; } .dark\:text-\[\#DCDBF6\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #dcdbf6; } .dark\:text-\[\#FD756F\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #fd756f; } .dark\:text-\[\#FF9E6C\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ff9e6c; } .dark\:text-\[\#FF928C\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ff928c; } .dark\:text-\[\#afafaf\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #afafaf !important; } .dark\:text-\[\#ff8583\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ff8583; } .dark\:text-\[rgba\(255\,255\,255\,0\.7\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ffffffb3; } .dark\:text-\[var\(--interactive-label-tertiary-default\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { color: var(--interactive-label-tertiary-default); } .dark\:text-\[var\(--text-secondary\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-secondary); } .dark\:text-\[white\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #fff; } .dark\:text-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #000; } .dark\:text-black\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #0009; color: lab(0% 0 0/0.6); } .dark\:text-blue-50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--blue-50); } .dark\:text-blue-75:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--blue-75); } .dark\:text-blue-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--blue-100); } .dark\:text-blue-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--blue-200); } .dark\:text-blue-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--blue-300); } .dark\:text-blue-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--blue-400); } .dark\:text-brand-purple-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #715fde; } .dark\:text-gray-50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-50); } .dark\:text-gray-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-100); } .dark\:text-gray-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-200); } .dark\:text-gray-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-300); } .dark\:text-gray-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-400); } .dark\:text-gray-400\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-400) !important; } .dark\:text-gray-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-500); } .dark\:text-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-700); } .dark\:text-gray-950:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--gray-950); } .dark\:text-green-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--green-100); } .dark\:text-green-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--green-200); } .dark\:text-green-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--green-300); } .dark\:text-green-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--green-400); } .dark\:text-green-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--green-500); } .dark\:text-orange-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--orange-200); } .dark\:text-orange-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--orange-300); } .dark\:text-orange-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--orange-400); } .dark\:text-pink-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--pink-200); } .dark\:text-purple-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--purple-200); } .dark\:text-purple-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--purple-300); } .dark\:text-purple-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--purple-400); } .dark\:text-red-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--red-100); } .dark\:text-red-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--red-200); } .dark\:text-red-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--red-300); } .dark\:text-red-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--red-400); } .dark\:text-token-bg-primary\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .dark\:text-token-bg-primary\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: color-mix(in oklab, var(--bg-primary) 60%, transparent); } } .dark\:text-token-bg-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--bg-secondary); } .dark\:text-token-main-surface-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--main-surface-tertiary); } .dark\:text-token-text-inverted:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-inverted); } .dark\:text-token-text-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-primary); } .dark\:text-token-text-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-secondary); } .dark\:text-token-text-status-warning:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-status-warning); } .dark\:text-token-text-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-tertiary); } .dark\:text-token-text-tertiary\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--text-tertiary) !important; } .dark\:text-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #fff; } .dark\:text-white\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #fff !important; } .dark\:text-white\/35:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ffffff59; color: lab(100% -0.0000298023 0.0000119209/.35); } .dark\:text-white\/55:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ffffff8c; color: lab(100% -0.0000298023 0.0000119209/.55); } .dark\:text-white\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #ffffffb3; color: lab(100% -0.0000298023 0.0000119209/.7); } .dark\:text-yellow-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)), .dark\:text-yellow-100\/90:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--yellow-100); } @supports (color: color-mix(in lab, red, red)) { .dark\:text-yellow-100\/90:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: color-mix(in oklab, var(--yellow-100) 90%, transparent); } } .dark\:text-yellow-200:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--yellow-200); } .dark\:text-yellow-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--yellow-300); } .dark\:text-yellow-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: var(--yellow-400); } .dark\:decoration-blue-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { -webkit-text-decoration-color: var(--blue-500); -webkit-text-decoration-color: var(--blue-500); -webkit-text-decoration-color: var(--blue-500); -webkit-text-decoration-color: var(--blue-500); text-decoration-color: var(--blue-500); } .dark\:decoration-red-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { -webkit-text-decoration-color: var(--red-500); -webkit-text-decoration-color: var(--red-500); -webkit-text-decoration-color: var(--red-500); -webkit-text-decoration-color: var(--red-500); text-decoration-color: var(--red-500); } .dark\:\[color-scheme\:dark\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --lightningcss-light: ; --lightningcss-dark: initial; --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; } .dark\:opacity-10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.1; } .dark\:opacity-20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.2; } .dark\:opacity-30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.3; } .dark\:opacity-40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.4; } .dark\:opacity-45:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.45; } .dark\:opacity-60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.6; } .dark\:opacity-65:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.65; } .dark\:opacity-95:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { opacity: 0.95; } .dark\:mix-blend-lighten:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { mix-blend-mode: lighten; } .dark\:shadow-long:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 8px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #00000014)), 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-long:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0px 8px 16px 0px var(--tw-shadow-color, #00000052), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)), 0px 0px 1px 0px var(--tw-shadow-color, #0000009e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_-4px_32px_rgba\(0\,0\,0\,0\.12\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 -4px 32px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_0_18px_rgba\(0\,0\,0\,0\.48\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 0 18px var(--tw-shadow-color, #0000007a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_0_56px_2px_rgba\(76\,84\,196\,0\.28\)\,0_0_24px_0_rgba\(76\,84\,196\,0\.16\)\,0_8px_18px_-12px_rgba\(10\,12\,32\,0\.82\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 0 56px 2px var(--tw-shadow-color, #4c54c447), 0 0 24px 0 var(--tw-shadow-color, #4c54c429), 0 8px 18px -12px var(--tw-shadow-color, #0a0c20d1); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_0_70px_rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 0 70px var(--tw-shadow-color, #ffffff1f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.2\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.4\)\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0006); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_4px_25px_-5px_rgb\(8_12_35_\/_0\.6\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 4px 25px -5px var(--tw-shadow-color, #080c2399); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_6px_14px_0_rgba\(0\,0\,0\,0\.35\)\,0_12px_20px_0_rgba\(0\,0\,0\,0\.4\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 6px 14px 0 var(--tw-shadow-color, #00000059), 0 12px 20px 0 var(--tw-shadow-color, #0006); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_6px_18px_0_rgba\(0\,0\,0\,0\.35\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 6px 18px 0 var(--tw-shadow-color, #00000059); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_8px_16px_0_rgba\(0\,0\,0\,0\.40\)\,inset_0_0_1px_0_rgba\(255\,255\,255\,0\.25\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 8px 16px 0 var(--tw-shadow-color, #0006), inset 0 0 1px 0 var(--tw-shadow-color, #ffffff40), 0 0 1px 0 var(--tw-shadow-color, #0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.35\)\,_0_0\.5px_1px_rgba\(0\,0\,0\,0\.6\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 8px 20px var(--tw-shadow-color, #00000059), 0 0.5px 1px var(--tw-shadow-color, #0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_10px_20px_-6px_rgb\(20_20_20_\/_0\.5\)\,inset_0_0_1px_rgb\(255_255_255_\/_0\.3\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 10px 20px -6px var(--tw-shadow-color, #14141480), inset 0 0 1px var(--tw-shadow-color, #ffffff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.32\)\,0_0_32px_rgba\(0\,0\,0\,0\.24\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 16px 48px var(--tw-shadow-color, #00000052), 0 0 32px var(--tw-shadow-color, #0000003d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_16px_48px_rgba\(52\,168\,83\,0\.14\)\,0_0_32px_rgba\(52\,168\,83\,0\.12\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 16px 48px var(--tw-shadow-color, #34a85324), 0 0 32px var(--tw-shadow-color, #34a8531f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_16px_48px_rgba\(66\,133\,244\,0\.14\)\,0_0_32px_rgba\(66\,133\,244\,0\.12\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 16px 48px var(--tw-shadow-color, #4285f424), 0 0 32px var(--tw-shadow-color, #4285f41f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_16px_48px_rgba\(255\,67\,67\,0\.14\)\,0_0_32px_rgba\(255\,67\,67\,0\.12\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 16px 48px var(--tw-shadow-color, #ff434324), 0 0 32px var(--tw-shadow-color, #ff43431f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_32px_48px_rgba\(0\,0\,0\,0\.175\)\,_0_0_1px_rgba\(255\,255\,255\,0\.4\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0 32px 48px var(--tw-shadow-color, #0000002d), 0 0 1px var(--tw-shadow-color, #fff6); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0px_0px_0px_1px_\#414141\,0px_4px_14px_rgba\(0\,0\,0\,0\.24\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #414141), 0px 4px 14px var(--tw-shadow-color, #0000003d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0px_0px_0px_1px_rgba\(255\,255\,255\,0\.12\)\,0px_2px_2px_rgba\(0\,0\,0\,0\.2\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #ffffff1f), 0px 2px 2px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0px_1px_1px_0px_var\(--shadow-color-1\,rgba\(0\,_0\,_0\,_0\.10\)\)\,inset_0px_0px_1px_0px_var\(--shadow-color-2\,rgba\(255\,_255\,_255\,_0\.2\)\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000001a)), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0px_4px_12px_0px_var\(--shadow-color-1\,rgba\(0\,_0\,_0\,_0\.24\)\)\,inset_0px_0px_1px_0px_var\(--shadow-color-2\,rgba\(255\,_255\,_255\,_0\.3\)\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000003d)), inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #ffffff4d)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0px_6px_18px_rgba\(0\,0\,0\,0\.14\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0px 6px 18px var(--tw-shadow-color, #00000024); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[inset_0px_0px_1px_rgba\(255\,255\,255\,0\.3\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: inset 0px 0px 1px var(--tw-shadow-color, #ffffff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-md:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-none:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-none\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 0 transparent !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .dark\:shadow-black\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow-color: #0009; } @supports (color: color-mix(in lab, red, red)) { .dark\:shadow-black\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow-color: color-mix(in oklab, lab(0% 0 0/0.6) var(--tw-shadow-alpha), transparent); } } .dark\:ring-\[\#333333\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #333; } .dark\:ring-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #fff; } .dark\:ring-white\/2:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #ffffff05; } @supports (color: lab(0% 0 0)) { .dark\:ring-white\/2:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.02); } } .dark\:ring-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #ffffff0d; } @supports (color: lab(0% 0 0)) { .dark\:ring-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.05); } } .dark\:ring-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #ffffff1a; } @supports (color: lab(0% 0 0)) { .dark\:ring-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.1); } } .dark\:ring-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #ffffff26; } @supports (color: lab(0% 0 0)) { .dark\:ring-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.15); } } .dark\:ring-white\/\[0\.05\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #ffffff0d; } @supports (color: lab(0% 0 0)) { .dark\:ring-white\/\[0\.05\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.05); } } .dark\:ring-white\/\[0\.06\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: #ffffff0f; } @supports (color: lab(0% 0 0)) { .dark\:ring-white\/\[0\.06\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.06); } } .dark\:outline-\[\#444378\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { outline-color: #444378; } .dark\:outline-\[\#484777\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { outline-color: #484777; } .dark\:outline-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { outline-color: #000; } .dark\:brightness-75:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-brightness: brightness(75%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:brightness-90:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-brightness: brightness(90%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:brightness-\[0\.78\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-brightness: brightness(0.78); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:brightness-\[1\.55\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-brightness: brightness(1.55); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:contrast-\[1\.04\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-contrast: contrast(1.04); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:hue-rotate-180:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-hue-rotate: hue-rotate(180deg); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:invert:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:invert-0:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-invert: invert(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:saturate-\[0\.92\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-saturate: saturate(0.92); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:\[filter\:grayscale\(1\)_brightness\(0\)_invert\(1\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { filter: grayscale() brightness(0) invert(); } .dark\:backdrop-blur-lg:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .dark\:\[--canvas-bg\:var\(--bg-elevated-secondary\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --canvas-bg: var(--bg-elevated-secondary); } .dark\:\[--code-icon-c0\:\#BEBEBE\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --code-icon-c0: #bebebe; } .dark\:\[--code-icon-c1\:\#4D4D4D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --code-icon-c1: #4d4d4d; } .dark\:\[--code-icon-c2\:\#4D4D4D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --code-icon-c2: #4d4d4d; } .dark\:\[--code-icon-c3\:\#4D4D4D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --code-icon-c3: #4d4d4d; } .dark\:\[--constant-background-active\:rgba\(255\,255\,255\,0\.08\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --constant-background-active: #ffffff14; } .dark\:\[--constant-background\:rgba\(255\,255\,255\,0\.04\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --constant-background: #ffffff0a; } .dark\:\[--file-video-icon-c0\:\#DFDFDF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --file-video-icon-c0: #dfdfdf; } .dark\:\[--file-video-icon-c1\:\#FBFBFB\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --file-video-icon-c1: #fbfbfb; } .dark\:\[--file-video-icon-c2\:\#4D4D4D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --file-video-icon-c2: #4d4d4d; } .dark\:\[--file-video-icon-c3\:\#FBFBFB\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --file-video-icon-c3: #fbfbfb; } .dark\:\[--file-video-icon-c4\:\#4D4D4D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --file-video-icon-c4: #4d4d4d; } .dark\:\[--file-video-icon-c5\:\#4D4D4D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --file-video-icon-c5: #4d4d4d; } .dark\:\[--jpg-icon-c0\:\#8EBAFF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --jpg-icon-c0: #8ebaff; } .dark\:\[--jpg-icon-c1\:\#AECDFF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --jpg-icon-c1: #aecdff; } .dark\:\[--mp4-icon-main-fill\:\#8AD56F\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --mp4-icon-main-fill: #8ad56f; } .dark\:\[--pdf-icon-corner-fill\:\#FFB2AD\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --pdf-icon-corner-fill: #ffb2ad; } .dark\:\[--pdf-icon-main-fill\:\#FF928C\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --pdf-icon-main-fill: #ff928c; } .dark\:\[--photo-icon-c1\:\#FFF282\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --photo-icon-c1: #fff282; } .dark\:\[--photo-icon-c2\:\#A6F546\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --photo-icon-c2: #a6f546; } .dark\:\[--png-icon-c0\:\#62E2CC\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --png-icon-c0: #62e2cc; } .dark\:\[--potion-icon-color\:\#FF928C\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --potion-icon-color: #ff928c; } .dark\:\[--potion-medical-records-lines\:\#B0B0B0\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --potion-medical-records-lines: #b0b0b0; } .dark\:\[--potion-medical-records-outer\:\#DA816B\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --potion-medical-records-outer: #da816b; } .dark\:\[--potion-medical-records-tab\:\#A9583D\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --potion-medical-records-tab: #a9583d; } .dark\:\[--ppt-icon-c0\:\#DFDFDF\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --ppt-icon-c0: #dfdfdf; } .dark\:\[--ppt-icon-c2\:\#FDFDFD\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --ppt-icon-c2: #fdfdfd; } .dark\:\[--right-bg\:black\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --right-bg: black; } .dark\:\[--xls-icon-main-offset-0\:\#4AA647\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --xls-icon-main-offset-0: #4aa647; } .dark\:\[--zip-icon-corner-fill\:\#E3E3E3\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --zip-icon-corner-fill: #e3e3e3; } .dark\:\[--zip-icon-main-fill\:\#CACACA\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --zip-icon-main-fill: #cacaca; } .dark\:\[--zip-icon-text-fill\:\#777777\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --zip-icon-text-fill: #777; } .dark\:\[--zip-icon-zipper-center-fill\:\#E4E4E4\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --zip-icon-zipper-center-fill: #e4e4e4; } .dark\:\[--zip-icon-zipper-fill\:\#8A8A8A\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --zip-icon-zipper-fill: #8a8a8a; } .dark\:\[text-shadow\:-0\.8px_-0\.8px_0_\#000\,0\.8px_-0\.8px_0_\#000\,-0\.8px_0\.8px_0_\#000\,0\.8px_0\.8px_0_\#000\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { text-shadow: -0.8px -0.8px #000, 0.8px -0.8px #000, -0.8px 0.8px #000, 0.8px 0.8px #000; } @media (hover: hover) { .dark\:group-hover\:border-orange-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( :where(.group):hover * ) { border-color: var(--orange-800); } .dark\:group-hover\:border-token-text-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( :where(.group):hover * ) { border-color: var(--text-primary); } .dark\:group-hover\:bg-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( :where(.group):hover * ) { background-color: #ffffff0d; background-color: lab(100% -0.0000298023 0.0000119209/.05); } .dark\:group-hover\/btn\:bg-gray-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( :where(.group\/btn):hover * ) { background-color: var(--gray-100); } .dark\:group-hover\/icon\:bg-gray-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( :where(.group\/icon):hover * ) { background-color: var(--gray-600); } .dark\:group-hover\/row\:bg-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( :where(.group\/row):hover * ) { background-color: var(--gray-700); } } .dark\:placeholder\:text-\[\#afafaf\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *))::placeholder { color: #afafaf !important; } .dark\:before\:bg-black\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); background-color: #0000004d; background-color: lab(0% 0 0/0.3); } .dark\:before\:bg-black\/45:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); background-color: #00000073; background-color: lab(0% 0 0/0.45); } .dark\:before\:bg-black\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); background-color: #00000080; background-color: lab(0% 0 0/0.5); } .dark\:before\:bg-gray-750\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); background-color: var(--gray-750); } @supports (color: color-mix(in lab, red, red)) { .dark\:before\:bg-gray-750\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { background-color: color-mix(in oklab, var(--gray-750) 50%, transparent); } } .dark\:before\:bg-token-main-surface-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); background-color: var(--main-surface-tertiary); } .dark\:before\:bg-\[linear-gradient\(90deg\,rgba\(42\,74\,140\,0\.48\)_0\%\,rgba\(18\,30\,60\,0\.38\)_100\%\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); background-image: linear-gradient(90deg, #2a4a8c7a 0%, #121e3c61 100%); } .dark\:before\:opacity-65:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):before { content: var(--tw-content); opacity: 0.65; } .dark\:after\:bg-\[Highlight\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):after { content: var(--tw-content); background-color: highlight; } .dark\:after\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_24\.327\%\,var\(--bg-primary\)_47\.029\%\)\]:where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)):after { content: var(--tw-content); background-image: linear-gradient(180deg, transparent 24.327%, var(--bg-primary) 47.029%); } .dark\:after\:from-token-bg-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):after { content: var(--tw-content); --tw-gradient-from: var(--bg-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:after\:via-token-bg-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):after { content: var(--tw-content); --tw-gradient-via: var(--bg-primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark\:after\:to-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):after { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .dark\:after\:invert:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):after { content: var(--tw-content); --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:checked\:border-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):checked { border-color: #000; } .dark\:checked\:border-blue-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):checked { border-color: var(--blue-400); } .dark\:checked\:border-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):checked { border-color: #fff; } .dark\:checked\:bg-black:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):checked { background-color: #000; } .dark\:checked\:bg-blue-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):checked { background-color: var(--blue-400); } .dark\:checked\:bg-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):checked { background-color: #fff; } .dark\:indeterminate\:border-blue-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):indeterminate { border-color: var(--blue-400); } .dark\:indeterminate\:border-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):indeterminate { border-color: #fff; } .dark\:indeterminate\:bg-blue-400:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):indeterminate { background-color: var(--blue-400); } .dark\:indeterminate\:bg-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):indeterminate { background-color: #fff; } .dark\:focus-within\:border-red-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus-within { border-color: var(--red-500); } .dark\:focus-within\:border-token-border-xheavy:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):focus-within { border-color: var(--border-xheavy); } .dark\:focus-within\:bg-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus-within { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } .dark\:focus-within\:ring-0:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .dark\:hover\:border-\[rgba\(168\,198\,255\,0\.32\)\]\!:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { border-color: #a8c6ff52 !important; } .dark\:hover\:bg-\[\#1A416A\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #1a416a; } .dark\:hover\:bg-\[\#4D4C83\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #4d4c83; } .dark\:hover\:bg-\[\#414071\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #414071; } .dark\:hover\:bg-\[\#f6dc63\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #f6dc63; } .dark\:hover\:bg-\[rgba\(38\,66\,132\,0\.55\)\]\!:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: #2642848c !important; } .dark\:hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: #ffffff1a; } .dark\:hover\:bg-black\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #000000b3; background-color: lab(0% 0 0/0.7); } .dark\:hover\:bg-blue-300\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--blue-300); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-blue-300\/50:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: color-mix(in oklab, var(--blue-300) 50%, transparent); } } .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--blue-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: color-mix(in oklab, var(--blue-900) 40%, transparent); } } .dark\:hover\:bg-gray-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--gray-100); } .dark\:hover\:bg-gray-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--gray-600); } .dark\:hover\:bg-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--gray-700); } .dark\:hover\:bg-gray-800:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--gray-800); } .dark\:hover\:bg-green-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--green-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-green-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: color-mix(in oklab, var(--green-900) 30%, transparent); } } .dark\:hover\:bg-red-500\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-red-500\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: color-mix(in oklab, var(--red-500) 15%, transparent); } } .dark\:hover\:bg-red-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--red-900); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-red-900\/30:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: color-mix(in oklab, var(--red-900) 30%, transparent); } } .dark\:hover\:bg-token-bg-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--bg-primary); } .dark\:hover\:bg-token-bg-secondary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--bg-secondary); } .dark\:hover\:bg-token-bg-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover, .dark\:hover\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .dark\:hover\:bg-token-interactive-bg-secondary-hover:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: var(--interactive-bg-secondary-hover); } .dark\:hover\:bg-token-main-surface-primary\/30:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-token-main-surface-primary\/30:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: color-mix(in oklab, var(--main-surface-primary) 30%, transparent); } } .dark\:hover\:bg-token-main-surface-secondary:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: var(--main-surface-secondary); } .dark\:hover\:bg-token-main-surface-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--main-surface-tertiary); } .dark\:hover\:bg-token-text-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--text-primary); } .dark\:hover\:bg-token-text-primary\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--text-primary) !important; } .dark\:hover\:bg-token-text-tertiary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--text-tertiary); } .dark\:hover\:bg-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #0000; } .dark\:hover\:bg-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #fff; } .dark\:hover\:bg-white\/5:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #ffffff0d; background-color: lab(100% -0.0000298023 0.0000119209/.05); } .dark\:hover\:bg-white\/7:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #ffffff12; background-color: lab(100% -0.0000298023 0.0000119209/.07); } .dark\:hover\:bg-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } .dark\:hover\:bg-white\/10\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #ffffff1a !important; background-color: lab(100% -0.0000298023 0.0000119209/.1) !important; } .dark\:hover\:bg-white\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #fff3; background-color: lab(100% -0.0000298023 0.0000119209/.2); } .hover\:dark\:bg-gray-100\/10:hover:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--gray-100); } @supports (color: color-mix(in lab, red, red)) { .hover\:dark\:bg-gray-100\/10:hover:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: color-mix(in oklab, var(--gray-100) 10%, transparent); } } .dark\:hover\:text-blue-300:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { color: var(--blue-300); } .dark\:hover\:text-token-main-surface-tertiary:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { color: var(--main-surface-tertiary); } .dark\:hover\:text-token-text-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { color: var(--text-primary); } .dark\:hover\:text-token-text-primary\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { color: var(--text-primary) !important; } .dark\:hover\:opacity-100:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { opacity: 1; } } .dark\:focus\:border-red-500:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus { border-color: var(--red-500); } .dark\:focus\:border-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus { border-color: #fff; } .dark\:focus\:bg-gray-50\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus { background-color: var(--gray-50) !important; } .dark\:focus\:ring-\[\#ffffff\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus { --tw-ring-color: #fff !important; } .dark\:focus\:ring-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus { --tw-ring-color: #fff; } .dark\:focus-visible\:border-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus-visible { border-color: #fff; } .dark\:focus-visible\:bg-token-text-primary\!:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):focus-visible { background-color: var(--text-primary) !important; } .dark\:focus-visible\:ring-token-text-primary:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):focus-visible { --tw-ring-color: var(--text-primary); } .dark\:focus-visible\:ring-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus-visible { --tw-ring-color: #fff; } .dark\:focus-visible\:outline-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):focus-visible { outline-color: #fff; } .dark\:active\:bg-\[\#f0d35a\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):active { background-color: #f0d35a; } .dark\:active\:bg-gray-600:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):active { background-color: var(--gray-600); } .dark\:active\:bg-red-500\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):active { background-color: var(--red-500); } @supports (color: color-mix(in lab, red, red)) { .dark\:active\:bg-red-500\/20:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):active { background-color: color-mix(in oklab, var(--red-500) 20%, transparent); } } .dark\:active\:bg-token-interactive-bg-secondary-press:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):active { background-color: var(--interactive-bg-secondary-press); } .dark\:active\:bg-token-main-surface-primary\/70:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):active { background-color: var(--main-surface-primary); } @supports (color: color-mix(in lab, red, red)) { .dark\:active\:bg-token-main-surface-primary\/70:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):active { background-color: color-mix(in oklab, var(--main-surface-primary) 70%, transparent); } } .dark\:active\:bg-white\/8:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):active { background-color: #ffffff14; background-color: lab(100% -0.0000298023 0.0000119209/.08); } .dark\:active\:bg-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):active { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } @media (hover: hover) { .dark\:enabled\:hover\:bg-white\/10:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):enabled:hover { background-color: #ffffff1a; background-color: lab(100% -0.0000298023 0.0000119209/.1); } } .dark\:disabled\:bg-white\/25:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):disabled { background-color: #ffffff40; background-color: lab(100% -0.0000298023 0.0000119209/.25); } .dark\:disabled\:text-white\/70:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):disabled { color: #ffffffb3; color: lab(100% -0.0000298023 0.0000119209/.7); } @media (hover: hover) { .dark\:data-no-hover-bg\:hover\:bg-transparent:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) )[data-no-hover-bg]:hover { background-color: #0000; } } .data-\[state\=active\]\:dark\:bg-token-bg-tertiary\/60[data-state='active']:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:dark\:bg-token-bg-tertiary\/60[data-state='active']:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { background-color: color-mix(in oklab, var(--bg-tertiary) 60%, transparent); } } .data-\[state\=active\]\:dark\:text-token-text-primary[data-state='active']:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { color: var(--text-primary); } .dark\:data-\[state\=checked\]\:border-token-border-heavy:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) )[data-state='checked'] { border-color: var(--border-heavy); } .dark\:data-\[state\=checked\]\:border-white:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) )[data-state='checked'] { border-color: #fff; } .dark\:data-\[state\=checked\]\:bg-white:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) )[data-state='checked'] { background-color: #fff; } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .dark\:supports-\[backdrop-filter\]\:bg-black\/60:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0009; background-color: lab(0% 0 0/0.6); } .dark\:supports-\[backdrop-filter\]\:bg-white\/15:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff26; background-color: lab(100% -0.0000298023 0.0000119209/.15); } } @media (min-width: 40rem) { .sm\:dark\:shadow-\[0px_4px_48px_rgba\(0\,0\,0\,0\.2\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { --tw-shadow: 0px 4px 48px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:dark\:shadow-none:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (min-width: 48rem) { .md\:dark\:border-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: var(--gray-700); } .md\:dark\:border-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { border-color: #0000; } .dark\:md\:bg-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #0000; } .md\:dark\:bg-white\/\[0\.018\]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff05; background-color: lab(100% -0.0000298023 0.0000119209/.018); } @media (hover: hover) { .dark\:md\:hover\:bg-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: var(--gray-700); } } } @starting-style { .starting\:opacity-0 { opacity: 0; } } @starting-style { .starting\:opacity-100 { opacity: 1; } } @starting-style { .starting\:backdrop-blur-none { --tw-backdrop-blur: ; -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } .before\:starting\:opacity-0:before { content: var(--tw-content); } @starting-style { .before\:starting\:opacity-0:before { opacity: 0; } } .before\:starting\:opacity-100:before { content: var(--tw-content); } @starting-style { .before\:starting\:opacity-100:before { opacity: 1; } } .before\:starting\:backdrop-blur-\[1px\]:before { content: var(--tw-content); } @starting-style { .before\:starting\:backdrop-blur-\[1px\]:before { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } @media (min-width: 40rem) { @starting-style { .sm\:starting\:opacity-0 { opacity: 0; } } } @media print { .print\:hidden { display: none; } .print\:border-none { --tw-border-style: none; border-style: none; } .print\:pt-2 { padding-top: calc(var(--spacing) * 2); } .print\:shadow-none { --tw-shadow: 0 0 transparent; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .prose-headings\:mt-6 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-top: calc(var(--spacing) * 6); } .prose-headings\:mb-2 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-bottom: calc(var(--spacing) * 2); } .prose-headings\:text-\[1em\] :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: 1em; } .prose-p\:my-0 :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-block: calc(var(--spacing) * 0); } .prose-p\:my-1 :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-block: calc(var(--spacing) * 1); } .prose-p\:text-body-regular :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { font-size: var(--text-body-regular); line-height: var(--tw-leading, var(--text-body-regular--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-regular--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-regular--font-weight)); } .prose-p\:leading-7 :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .prose-pre\:my-0 :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)), .prose-ol\:my-0 :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-block: calc(var(--spacing) * 0); } .prose-ol\:my-1 :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-block: calc(var(--spacing) * 1); } .prose-ul\:my-0 :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-block: calc(var(--spacing) * 0); } .prose-ul\:my-1 :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) { margin-block: calc(var(--spacing) * 1); } .radix-disabled\:pointer-events-none[data-disabled] { pointer-events: none; } .radix-disabled\:cursor-auto[data-disabled] { cursor: auto; } .radix-disabled\:bg-transparent[data-disabled] { background-color: #0000; } .radix-disabled\:text-token-text-tertiary[data-disabled] { color: var(--text-tertiary); } .radix-disabled\:opacity-50[data-disabled] { opacity: 0.5; } .dark\:radix-disabled\:bg-transparent:where(.dark, .dark *):not(:where(.dark .light, .dark .light *))[data-disabled] { background-color: #0000; } .radix-state-active\:bg-white[data-state='active'] { background-color: #fff; } .radix-state-active\:text-token-text-primary[data-state='active'] { color: var(--text-primary); } .radix-state-active\:text-token-text-secondary[data-state='active'] { color: var(--text-secondary); } @media (min-width: 48rem) { .md\:radix-state-active\:bg-token-main-surface-tertiary[data-state='active'] { background-color: var(--main-surface-tertiary); } .md\:radix-state-active\:text-token-text-primary[data-state='active'] { color: var(--text-primary); } } .dark\:radix-state-active\:bg-token-main-surface-tertiary:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) )[data-state='active'] { background-color: var(--main-surface-tertiary); } .radix-state-checked\:translate-x-\[calc\(var\(--to-end-unit\,1\)\*100\%\*\(7\/4-1\)\)\][data-state='checked'] { --tw-translate-x: calc(var(--to-end-unit, 1) * 100% * (7 / 4 - 1)); translate: var(--tw-translate-x) var(--tw-translate-y); } .radix-state-checked\:border[data-state='checked'] { border-style: var(--tw-border-style); border-width: 1px; } .radix-state-checked\:border-token-text-tertiary[data-state='checked'] { border-color: var(--text-tertiary); } .radix-state-checked\:bg-black\![data-state='checked'] { background-color: #000 !important; } .radix-state-checked\:bg-blue-400[data-state='checked'] { background-color: var(--blue-400); } .radix-state-checked\:bg-token-main-surface-primary[data-state='checked'] { background-color: var(--main-surface-primary); } .radix-state-checked\:bg-token-text-primary[data-state='checked'] { background-color: var(--text-primary); } .radix-state-checked\:font-semibold[data-state='checked'] { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .radix-state-checked\:text-token-main-surface-primary[data-state='checked'] { color: var(--main-surface-primary); } .radix-state-checked\:text-token-text-primary[data-state='checked'] { color: var(--text-primary); } .radix-state-checked\:shadow-\[0_0_2px_rgba\(0\,0\,0\,\.03\)\][data-state='checked'] { --tw-shadow: 0 0 2px var(--tw-shadow-color, #00000008); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .radix-state-open\:animate-alertShow[data-state='open'] { animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) alertShow; } .radix-state-open\:animate-contentShow[data-state='open'] { animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) contentShow; } .radix-state-open\:animate-show[data-state='open'] { animation: 0.1s cubic-bezier(0.16, 1, 0.3, 1) show; } .radix-state-open\:border-token-text-primary[data-state='open'] { border-color: var(--text-primary); } .radix-state-open\:bg-black\/10[data-state='open'] { background-color: #0000001a; background-color: lab(0% 0 0/0.1); } .radix-state-open\:bg-token-bg-tertiary[data-state='open'] { background-color: var(--bg-tertiary); } .radix-state-open\:bg-token-interactive-bg-secondary-hover[data-state='open'] { background-color: var(--interactive-bg-secondary-hover); } .radix-state-open\:bg-token-interactive-bg-secondary-press[data-state='open'] { background-color: var(--interactive-bg-secondary-press); } .radix-state-open\:bg-token-main-surface-secondary[data-state='open'] { background-color: var(--main-surface-secondary); } .radix-state-open\:bg-token-surface-hover[data-state='open'] { background-color: var(--surface-hover); } .radix-state-open\:text-token-icon-primary[data-state='open'] { color: var(--icon-primary); } .radix-state-open\:text-token-text-primary[data-state='open'] { color: var(--text-primary); } .radix-state-open\:text-token-text-secondary[data-state='open'] { color: var(--text-secondary); } .radix-state-open\:text-token-text-tertiary[data-state='open'] { color: var(--text-tertiary); } .radix-state-open\:opacity-100[data-state='open'] { opacity: 1; } .dark\:radix-state-open\:text-gray-400:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) )[data-state='open'] { color: var(--gray-400); } .radix-side-bottom\:flex-col-reverse[data-side='bottom'] { flex-direction: column-reverse; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .hires\:\[border-inline-width\:0\.5px\] { border-left-width: 0.5px; border-right-width: 0.5px; } } @media (min-height: 700px) { .tall\:sticky { position: -webkit-sticky; position: sticky; } .tall\:top-header-height { top: var(--header-height); } .tall\:z-20 { z-index: 20; } .tall\:h-\[680px\] { height: 680px; } .tall\:gap-8 { gap: calc(var(--spacing) * 8); } .tall\:gap-16 { gap: calc(var(--spacing) * 16); } .tall\:\[box-shadow\:var\(--sharp-edge-top-shadow-placeholder\)\] { box-shadow: var(--sharp-edge-top-shadow-placeholder); } .tall\:\[--file-tile-action-size\:1\.5rem\] { --file-tile-action-size: 1.5rem; } .tall\:\[--file-tile-width\:9rem\] { --file-tile-width: 9rem; } .tall\:group-data-scrolled-from-top\/scrollport\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\]:is( :where(.group\/scrollport)[data-scrolled-from-top] * ) { box-shadow: var(--sharp-edge-top-shadow); } } @media (min-width: 40rem) { @media (min-height: 700px) { .sm\:tall\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .sm\:tall\:max-h-\[750px\] { max-height: 750px; } .sm\:tall\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:tall\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } } @media not all and (min-height: 700px) { .short\:h-\[calc\(var\(--header-height\)\+2px\)\] { height: calc(var(--header-height) + 2px); } .short\:bg-token-bg-primary\/10 { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .short\:bg-token-bg-primary\/10 { background-color: color-mix(in oklab, var(--bg-primary) 10%, transparent); } } .short\:backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } @media not all and (min-width: 40rem) { @media not all and (min-height: 700px) { .max-sm\:short\:min-h-\[116px\] { min-height: 116px; } } } @media (min-width: 40rem) { @media not all and (min-height: 700px) { .sm\:short\:mt-4 { margin-top: calc(var(--spacing) * 4); } } } @media (hover: hover) { .can-hover\:pointer-events-none { pointer-events: none; } .can-hover\:absolute { position: absolute; } .can-hover\:inset-y-0 { inset-block: calc(var(--spacing) * 0); } .can-hover\:end-0:dir(ltr) { right: calc(var(--spacing) * 0); } .can-hover\:end-0:dir(rtl) { left: calc(var(--spacing) * 0); } .can-hover\:opacity-0 { opacity: 0; } .can-hover\:not-group-hover\:hidden:not(:is(:where(.group):hover *)) { display: none; } @media not all and (hover: hover) { .can-hover\:not-group-hover\:hidden { display: none; } } @media (hover: hover) { .can-hover\:group-hover\:pointer-events-auto:is(:where(.group):hover *) { pointer-events: auto; } .can-hover\:group-hover\:pointer-events-none:is(:where(.group):hover *) { pointer-events: none; } .can-hover\:group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .can-hover\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .can-hover\:group-hover\/project-item\:pointer-events-auto:is(:where(.group\/project-item):hover *) { pointer-events: auto; } .can-hover\:group-hover\/project-item\:opacity-0:is(:where(.group\/project-item):hover *) { opacity: 0; } .can-hover\:group-hover\/project-item\:opacity-100:is(:where(.group\/project-item):hover *) { opacity: 1; } .can-hover\:hover\:bg-\[rgba\(0\,0\,0\,0\.06\)\]:hover { background-color: #0000000f; } .can-hover\:hover\:bg-token-bg-secondary\/30:hover { background-color: var(--bg-secondary); } @supports (color: color-mix(in lab, red, red)) { .can-hover\:hover\:bg-token-bg-secondary\/30:hover { background-color: color-mix(in oklab, var(--bg-secondary) 30%, transparent); } } .can-hover\:hover\:bg-token-bg-tertiary:hover, .can-hover\:hover\:bg-token-bg-tertiary\/50:hover { background-color: var(--bg-tertiary); } @supports (color: color-mix(in lab, red, red)) { .can-hover\:hover\:bg-token-bg-tertiary\/50:hover { background-color: color-mix(in oklab, var(--bg-tertiary) 50%, transparent); } } .can-hover\:hover\:text-token-interactive-label-accent-hover:hover { color: var(--interactive-label-accent-hover); } .can-hover\:hover\:text-token-text-secondary:hover { color: var(--text-secondary); } } .can-hover\:active\:scale-\[0\.98\]:active { scale: 0.98; } @media (hover: hover) { .dark\:can-hover\:hover\:bg-\[rgba\(255\,255\,255\,0\.16\)\]:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):hover { background-color: #ffffff29; } } } @media (hover: none) { .cant-hover\:pointer-events-auto { pointer-events: auto; } .cant-hover\:hidden { display: none; } .cant-hover\:gap-1 { gap: calc(var(--spacing) * 1); } .cant-hover\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .cant-hover\:px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .cant-hover\:opacity-100 { opacity: 1; } } .screen-arch .screen-arch\:static { position: static; } .screen-arch .screen-arch\:top-12 { top: calc(var(--spacing) * 12); } .screen-arch .screen-arch\:flex { display: flex; } .screen-arch .screen-arch\:hidden { display: none; } .screen-arch .screen-arch\:min-h-\[calc\(100dvh-var\(--thread-leading-height\)-var\(--thread-trailing-height\)-12px\)\] { min-height: calc(100dvh - var(--thread-leading-height) - var(--thread-trailing-height) - 12px); } .screen-arch .screen-arch\:w-full { width: 100%; } .screen-arch .screen-arch\:items-center { align-items: center; } .screen-arch .screen-arch\:justify-evenly { justify-content: space-evenly; } .screen-arch .screen-arch\:bg-none { background-image: none; } @media (min-width: 48rem) { .screen-arch .md\:screen-arch\:flex { display: flex; } } .keyboard-open .keyboard-open\:fixed { position: fixed; } .keyboard-open .keyboard-open\:start-3:dir(ltr) { left: calc(var(--spacing) * 3); } .keyboard-open .keyboard-open\:start-3:dir(rtl) { right: calc(var(--spacing) * 3); } .keyboard-open .keyboard-open\:end-3:dir(ltr) { right: calc(var(--spacing) * 3); } .keyboard-open .keyboard-open\:end-3:dir(rtl) { left: calc(var(--spacing) * 3); } .keyboard-open .keyboard-open\:bottom-\[calc\(var\(--screen-keyboard-height\,0px\)\+var\(--composer-height\,100px\)\+12px\)\] { bottom: calc(var(--screen-keyboard-height, 0px) + var(--composer-height, 100px) + 12px); } .keyboard-open .keyboard-open\:bottom-\[var\(--screen-keyboard-height\,0\)\] { bottom: var(--screen-keyboard-height, 0); } .keyboard-open .keyboard-open\:z-50 { z-index: 50; } .keyboard-open .keyboard-open\:h-\[calc\(100\%-var\(--screen-keyboard-height\,0px\)-var\(--composer-height\,100px\)\)\] { height: calc(100% - var(--screen-keyboard-height, 0px) - var(--composer-height, 100px)); } .keyboard-open .keyboard-open\:h-\[var\(--screen-height-override\,calc\(var\(--cqh-full\)-env\(keyboard-inset-height\,0px\)-var\(--screen-height-offset\,0px\)-var\(--force-redraw\,0px\)\)\)\] { height: var( --screen-height-override, calc( var(--cqh-full) - env(keyboard-inset-height, 0px) - var(--screen-height-offset, 0px) - var(--force-redraw, 0px) ) ); } .keyboard-open .keyboard-open\:w-auto\! { width: auto !important; } .keyboard-open .keyboard-open\:-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .keyboard-open .keyboard-open\:px-4 { padding-inline: calc(var(--spacing) * 4); } .keyboard-open .keyboard-open\:pb-\[calc\(var\(--composer-height\,100px\)\+var\(--screen-keyboard-height\,0\)\)\] { padding-bottom: calc(var(--composer-height, 100px) + var(--screen-keyboard-height, 0)); } .panel-has-scrolled\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\].panel-has-scrolled { box-shadow: var(--sharp-edge-top-shadow); } .panel-is-scrolling-to-end\:\[box-shadow\:var\(--sharp-edge-bottom-shadow\)\].panel-is-scrolling-to-end { box-shadow: var(--sharp-edge-bottom-shadow); } @media (pointer: coarse) { .touch\:pointer-events-auto { pointer-events: auto; } .touch\:-ms-3\.5:dir(ltr) { margin-left: calc(var(--spacing) * -3.5); } .touch\:-ms-3\.5:dir(rtl) { margin-right: calc(var(--spacing) * -3.5); } .touch\:-me-2:dir(ltr) { margin-right: calc(var(--spacing) * -2); } .touch\:-me-2:dir(rtl) { margin-left: calc(var(--spacing) * -2); } .touch\:hidden { display: none; } .touch\:h-3 { height: calc(var(--spacing) * 3); } .touch\:h-10 { height: calc(var(--spacing) * 10); } .touch\:min-h-10 { min-height: calc(var(--spacing) * 10); } .touch\:w-3 { width: calc(var(--spacing) * 3); } .touch\:w-10 { width: calc(var(--spacing) * 10); } .touch\:w-\[32px\] { width: 32px; } .touch\:w-\[calc\(100\%\+--spacing\(3\.5\)\)\] { width: calc(100% + calc(var(--spacing) * 3.5)); } .touch\:p-2\.5 { padding: calc(var(--spacing) * 2.5); } .touch\:px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .touch\:px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .touch\:opacity-100 { opacity: 1; } .touch\:\[scrollbar-width\:none\] { scrollbar-width: none; } } .group\/component-group[data-multi-columns='true'] .multi-columns\:mt-4 { margin-top: calc(var(--spacing) * 4); } .group\/component-group[data-multi-columns='true'] .multi-columns\:block { display: block; } .group\/component-group[data-multi-columns='true'] .multi-columns\:flex { display: flex; } .group\/component-group[data-multi-columns='true'] .multi-columns\:px-0 { padding-inline: calc(var(--spacing) * 0); } @media (min-width: 48rem) { [data-full-grid-content='true'] .full-grid-content\:md\:col-span-12 { grid-column: span 12 / span 12; } [data-full-grid-content='true'] .full-grid-content\:md\:col-start-1 { grid-column-start: 1; } } .keyboard-focused\:bg-token-bg-primary\/80:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .keyboard-focused\:bg-token-bg-primary\/80:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: color-mix(in oklab, var(--bg-primary) 80%, transparent); } } .keyboard-focused\:bg-token-bg-secondary:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: var(--bg-secondary); } .keyboard-focused\:bg-token-interactive-bg-secondary-hover:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: var(--interactive-bg-secondary-hover); } .keyboard-focused\:bg-token-main-surface-secondary:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: var(--main-surface-secondary); } .keyboard-focused\:bg-token-surface-hover:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: var(--surface-hover); } .keyboard-focused\:bg-transparent:is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: #0000; } .keyboard-focused\:focus-ring:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .keyboard-focused\:outline:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-width: 1px; } .keyboard-focused\:outline-\[2px\]:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-width: 2px; } .keyboard-focused\:outline-offset-\[1\.5px\]:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-offset: 1.5px; } .keyboard-focused\:outline-black:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-color: #000; } .keyboard-focused\:brightness-95:is(html[data-focus-mode='keyboard'] :focus-visible) { --tw-brightness: brightness(95%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .dark\:keyboard-focused\:outline-offset-\[2\.5px\]\!:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ):is(html[data-focus-mode='keyboard'] :focus-visible) { outline-offset: 2.5px !important; } .dark\:keyboard-focused\:outline-white\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):is( html[data-focus-mode='keyboard'] :focus-visible ) { outline-color: #fff !important; } .keyboard-not-focused\:sr-only:not(html[data-focus-mode='keyboard'] :focus-visible) { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .keyboard-not-focused\:outline-none:not(html[data-focus-mode='keyboard'] :focus-visible) { --tw-outline-style: none; outline-style: none; } .content-sheet\:content-sheet-inset-section:where(.content-sheet *) { top: calc(var(--spacing) * 0); z-index: 10; grid-template-columns: repeat(1, minmax(0, 1fr)); position: -webkit-sticky; position: sticky; } .content-sheet\:content-sheet-inset-section:where(.content-sheet *):has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-sheet\:content-sheet-inset-section:where(.content-sheet *):has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .content-sheet\:content-sheet-inset-section:where(.content-sheet *):has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .content-sheet\:content-sheet-inset-section:where(.content-sheet *) { gap: calc(var(--spacing) * 2); background-color: var(--bg-primary); padding-inline: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 4); display: grid; } .content-sheet\:before\:mx-6:where(.content-sheet *):before { content: var(--tw-content); margin-inline: calc(var(--spacing) * 6); } .content-sheet\:before\:my-3:where(.content-sheet *):before { content: var(--tw-content); margin-block: calc(var(--spacing) * 3); } .content-sheet-section\:flex :where([data-content-sheet-section]) { display: flex; } .content-sheet-section\:scrollable-content-section :where([data-content-sheet-section]) { scrollbar-width: none; max-height: calc(100cqh - 18px); overflow-y: auto; } .content-sheet-section\:flex-col :where([data-content-sheet-section]) { flex-direction: column; } .content-sheet-section\:gap-3 :where([data-content-sheet-section]) { gap: calc(var(--spacing) * 3); } .content-sheet-root\:contents :where([data-content-sheet-root]) { display: contents; } .\[\&\]\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .\[\&_\#sidebar-follow-up-button\]\:hidden #sidebar-follow-up-button, .\[\&_\#thread-bottom\]\:hidden #thread-bottom { display: none; } .\[\&_\*\]\:pointer-events-none * { pointer-events: none; } .\[\&_\*\]\:m-0 * { margin: calc(var(--spacing) * 0); } .\[\&_\*\]\:box-border * { box-sizing: border-box; } .\[\&_\*\]\:max-w-full * { max-width: 100%; } .\[\&_\*\]\:min-w-0 * { min-width: calc(var(--spacing) * 0); } .\[\&_\*\]\:cursor-pointer * { cursor: pointer; } .\[\&_\*\]\:p-0 * { padding: calc(var(--spacing) * 0); } .\[\&_\.border-token-border-heavy\]\:border-0 .border-token-border-heavy { border-style: var(--tw-border-style); border-width: 0; } .\[\&_\.border-token-border-heavy\]\:border-transparent .border-token-border-heavy { border-color: #0000; } .\[\&_\.cm-activeLineGutter\]\:bg-transparent\! .cm-activeLineGutter, .\[\&_\.cm-gutters\]\:bg-transparent\! .cm-gutters { background-color: #0000 !important; } .\[\&_\.cm-scroller\]\:\[-ms-overflow-style\:none\] .cm-scroller { -ms-overflow-style: none; } .\[\&_\.cm-scroller\]\:\[scrollbar-width\:none\] .cm-scroller { scrollbar-width: none; } .\[\&_\.cm-scroller\:\:-webkit-scrollbar\]\:hidden .cm-scroller::-webkit-scrollbar { display: none; } .\[\&_\.details-disclosure-content\]\:-translate-y-0\.5 .details-disclosure-content { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&_\.details-disclosure-content\]\:opacity-40 .details-disclosure-content { opacity: 0.4; } .\[\&_\.font-semibold\]\:\!font-normal .font-semibold { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .\[\&_\.hint-pill\]\:text-black .hint-pill { color: #000; } .\[\&_\.hint-pill\]\:underline .hint-pill { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .\[\&_\.hint-pill\]\:decoration-black .hint-pill { -webkit-text-decoration-color: #000; text-decoration-color: #000; } .\[\&_\.hint-pill\]\:decoration-1 .hint-pill { text-decoration-thickness: 1px; } .\[\&_\.hint-pill\]\:underline-offset-2 .hint-pill { text-underline-offset: 2px; } @media (hover: hover) { .hover\:\[\&_\.icon\]\:text-token-text-inverted:hover .icon { color: var(--text-inverted); } .hover\:\[\&_\.icon\]\:text-token-text-primary:hover .icon { color: var(--text-primary); } } .\[\&_\.markdown\]\:text-base .markdown { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } @media (hover: hover) { .peer-hover\:\[\&_\.prompt-item-divider\]\:opacity-0:is(:where(.peer):hover ~ *) .prompt-item-divider, .hover\:\[\&_\.prompt-item-divider\]\:opacity-0:hover .prompt-item-divider { opacity: 0; } } .\[\&_\.sticky\]\:static .sticky { position: static; } .\[\&_\.text-base\]\:text-base\! .text-base, .\[\&_\.text-sm\]\:text-base\! .text-sm { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; } .\[\&_\[data-component-group\]\]\:mx-0 [data-component-group] { margin-inline: calc(var(--spacing) * 0); } .\[\&_\[data-component-group\]\]\:px-0 [data-component-group] { padding-inline: calc(var(--spacing) * 0); } @media not all and (min-width: 40rem) { .max-sm\:\[\&_\[data-composer-footer-label\]\]\:sr-only [data-composer-footer-label] { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } } .\[\&_\[data-debug-panel-section\]\+\[data-debug-panel-section\]\]\:border-t [data-debug-panel-section] + [data-debug-panel-section] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .\[\&_\[data-debug-panel-section\]\+\[data-debug-panel-section\]\]\:border-token-border-default [data-debug-panel-section] + [data-debug-panel-section] { border-color: var(--border-default); } .\[\&_\[data-rich-entity-image\]_img\]\:object-cover [data-rich-entity-image] img { object-fit: cover; } .\[\&_\[data-rich-entity-image\]_img\]\:object-center [data-rich-entity-image] img { object-position: center; } .\[\&_\[data-testid\=announcement-tooltip-close-btn\]\]\:hidden [data-testid='announcement-tooltip-close-btn'] { display: none; } .\[\&_\[role\=\'option\'\]\]\:text-xs [role='option'] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_div\]\:leading-\[1\.25\] div { --tw-leading: 1.25; line-height: 1.25; } .\[\&_div\]\:leading-tight div { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .\[\&_h2\]\:font-medium h2 { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_h2\]\:font-semibold h2 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&_h2\]\:font-semibold\! h2 { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } .\[\&_h2\]\:tracking-\[-0\.01em\] h2 { --tw-tracking: -0.01em; letter-spacing: -0.01em; } .\[\&_h3\]\:my-4 h3 { margin-block: calc(var(--spacing) * 4); } .\[\&_h3\]\:font-sans h3 { font-family: 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } .\[\&_h3\]\:text-base h3 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .\[\&_h3\]\:font-normal h3 { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .\[\&_h4\]\:my-2 h4 { margin-block: calc(var(--spacing) * 2); } .\[\&_h4\]\:font-sans h4 { font-family: 'ui-sans-serif', -apple-system, 'system-ui', Segoe UI, Helvetica, Apple Color Emoji, Arial, 'sans-serif', Segoe UI Emoji, Segoe UI Symbol; } .\[\&_h4\]\:text-sm h4 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .\[\&_h4\]\:font-normal h4 { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .\[\&_img\]\:h-8 img { height: calc(var(--spacing) * 8); } .\[\&_img\]\:max-h-full img { max-height: 100%; } .\[\&_img\]\:w-8 img { width: calc(var(--spacing) * 8); } .\[\&_img\]\:max-w-full img { max-width: 100%; } .\[\&_img\]\:scale-100 img { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .\[\&_img\]\:transform-gpu img { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .\[\&_img\]\:object-contain img { object-fit: contain; } .\[\&_img\]\:object-center img { object-position: center; } .\[\&_img\]\:transition-transform img { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .\[\&_img\]\:duration-300 img { --tw-duration: 0.3s; transition-duration: 0.3s; } @media (hover: hover) { .group-hover\:\[\&_img\]\:scale-\[1\.025\]:is(:where(.group):hover *) img { scale: 1.025; } } .\[\&_kbd\]\:text-\[\#007aff\]\! kbd { color: #007aff !important; } .\[\&_kbd\]\:text-blue-100\! kbd { color: var(--blue-100) !important; } .dark\:\[\&_kbd\]\:text-\[\#4fa6f7\]\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) kbd { color: #4fa6f7 !important; } .dark\:\[\&_kbd\]\:text-white\/40\!:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) kbd { color: #fff6 !important; color: lab(100% -0.0000298023 0.0000119209/.4) !important; } .\[\&_ol_li\]\:list-decimal ol li { list-style-type: decimal; } .\[\&_p_code\]\:bg-transparent p code { background-color: #0000; } .\[\&_p_code\]\:px-0 p code { padding-inline: calc(var(--spacing) * 0); } .\[\&_p_code\]\:whitespace-pre p code { white-space: pre; } .\[\&_path\]\:stroke-current path { stroke: currentColor; } .\[\&_pre\]\:my-0\! pre { margin-block: calc(var(--spacing) * 0) !important; } .\[\&_pre\]\:\[-ms-overflow-style\:none\] pre { -ms-overflow-style: none; } .\[\&_pre\]\:\[scrollbar-width\:none\] pre { scrollbar-width: none; } .\[\&_pre\:\:-webkit-scrollbar\]\:hidden pre::-webkit-scrollbar { display: none; } .\[\&_pre\>div\]\:my-0\! pre > div { margin-block: calc(var(--spacing) * 0) !important; } .\[\&_span\]\:rounded-\[3px\] span { border-radius: 3px; } .\[\&_span\]\:bg-\[rgba\(15\,23\,42\,0\.03\)\] span { background-color: #0f172a08; } .\[\&_span\]\:shadow-\[inset_0_0_0_1px_rgba\(15\,23\,42\,0\.10\)\] span { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0f172a1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\[\&_svg\]\:h-3\.5 svg { height: calc(var(--spacing) * 3.5); } .\[\&_svg\]\:h-8 svg { height: calc(var(--spacing) * 8); } .\[\&_svg\]\:h-full svg { height: 100%; } .\[\&_svg\]\:max-h-full svg { max-height: 100%; } .\[\&_svg\]\:w-3\.5 svg { width: calc(var(--spacing) * 3.5); } .\[\&_svg\]\:w-8 svg { width: calc(var(--spacing) * 8); } .\[\&_svg\]\:w-full svg { width: 100%; } .\[\&_svg\]\:max-w-full svg { max-width: 100%; } .\[\&_svg\]\:object-contain svg { object-fit: contain; } .\[\&_svg\]\:object-center svg { object-position: center; } .\[\&_thead_th\]\:bg-transparent thead th { background-color: #0000; } .\[\&_thead_th\]\:pt-2 thead th { padding-top: calc(var(--spacing) * 2); } .\[\&_thead_th\]\:pb-3 thead th { padding-bottom: calc(var(--spacing) * 3); } .\[\&_thead_th\:nth-child\(1\)\]\:w-\[10\%\] thead th:first-child { width: 10%; } .\[\&_thead_th\:nth-child\(2\)\]\:w-\[20\%\] thead th:nth-child(2), .\[\&_thead_th\:nth-child\(3\)\]\:w-\[20\%\] thead th:nth-child(3), .\[\&_thead_th\:nth-child\(4\)\]\:w-\[20\%\] thead th:nth-child(4) { width: 20%; } .\[\&_thead_th\:nth-child\(5\)\]\:w-\[30\%\] thead th:nth-child(5) { width: 30%; } .\[\&_tr\:last-child\]\:border-b-0 tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .\[\&_ul_li\]\:list-disc ul li { list-style-type: disc; } .\[\&_video\]\:transform-gpu video { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .\[\&_video\]\:transition-transform video { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .\[\&_video\]\:duration-200 video { --tw-duration: 0.2s; transition-duration: 0.2s; } @media (hover: hover) { .group-hover\:\[\&_video\]\:scale-\[1\.025\]:is(:where(.group):hover *) video { scale: 1.025; } } .\[\&\&\]\:text-black.\[\&\&\]\:text-black { color: #000; } .\[\&\&\]\:underline.\[\&\&\]\:underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media (hover: hover) { .\[\&\&\]\:hover\:text-black.\[\&\&\]\:hover\:text-black:hover { color: #000; } } .dark\:\[\&\&\]\:text-white:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ).dark\:\[\&\&\]\:text-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { color: #fff; } @media (hover: hover) { .dark\:\[\&\&\]\:hover\:text-white:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ).dark\:\[\&\&\]\:hover\:text-white:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { color: #fff; } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button { display: none; } .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .focus\:\[\&\:\:-webkit-search-cancel-button\]\:hidden:focus::-webkit-search-cancel-button { display: none; } .\[\&\:\:-webkit-search-decoration\]\:appearance-none::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } .\[\&\:\:marker\]\:content-\[\'\'\]::marker { --tw-content: ''; content: var(--tw-content); } @media (hover: hover) { .can-hover\:\[\&\:has\(\.prompt-card\:focus-within\)_\.prompt-card\:not\(\:focus-within\)\]\:opacity-70:has( .prompt-card:focus-within ) .prompt-card:not(:focus-within), .can-hover\:\[\&\:has\(\.prompt-card\:hover\)_\.prompt-card\:not\(\:hover\)\]\:opacity-70:has(.prompt-card:hover) .prompt-card:not(:hover) { opacity: 0.7; } } .\[\&\:has\(\>_\[data-value-prop\]\)\]\:gap-6:has(> [data-value-prop]) { gap: calc(var(--spacing) * 6); } @media (min-width: 48rem) { .md\:\[\&\:has\(\>_\[data-value-prop\]\)\]\:col-span-12:has(> [data-value-prop]) { grid-column: span 12 / span 12; } .md\:\[\&\:has\(\>_\[data-value-prop\]\)\]\:col-start-1:has(> [data-value-prop]) { grid-column-start: 1; } .md\:\[\&\:has\(\>_\[data-value-prop\]\)\]\:gap-y-0:has(> [data-value-prop]) { row-gap: calc(var(--spacing) * 0); } } .\[\&\:has\(\[data-writing-block\]\)\>\*\]\:pointer-events-auto:has([data-writing-block]) > * { pointer-events: auto; } .\[\:not\(\:has\(div\:not\(\[role\=group\]\)\)\)\]\:hidden:not(:has(div:not([role='group']))) { display: none; } .\[\:not\(\:has\(img\)\)\]\:px-4:not(:has(img)) { padding-inline: calc(var(--spacing) * 4); } .\[\:not\(\:has\(img\)\)\]\:py-3:not(:has(img)) { padding-block: calc(var(--spacing) * 3); } :is(.\*\*\:\[p\]\:text-pretty *):is(p) { text-wrap: pretty; } .\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child) { margin-top: calc(var(--spacing) * 2); } .\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child) { margin-top: calc(var(--spacing) * 4); } .\[\&\:not\(\:first-child\)\]\:hidden:not(:first-child) { display: none; } .\[\&\:not\(\:first-child\)\]\:pt-46:not(:first-child) { padding-top: calc(var(--spacing) * 46); } @media (min-width: 40rem) { .\[\&\:not\(\:first-child\)\]\:sm\:pt-20:not(:first-child) { padding-top: calc(var(--spacing) * 20); } } @media (min-width: 48rem) { .\[\&\:not\(\:first-child\)\]\:md\:block:not(:first-child) { display: block; } } .\[\&\:not\(\:has\(strong\)\)\]\:mb-\[18px\]:not(:has(strong)) { margin-bottom: 18px; } .\[\&\:not\(\:last-child\)\]\:mb-\[1\.1em\]:not(:last-child) { margin-bottom: 1.1em; } .\[\&\:nth-child\(1_of_\:has\(div\:not\(\[role\=group\]\)\)\)\]\:before\:hidden:nth-child( 1 of :has(div:not([role='group'])) ):before { content: var(--tw-content); display: none; } .\[\&\>\*\]\:pointer-events-none > * { pointer-events: none; } .\[\&\>\*\]\:col-start-1 > * { grid-column-start: 1; } .\[\&\>\*\]\:row-start-1 > * { grid-row-start: 1; } .\[\&\>\*\]\:m-0 > * { margin: calc(var(--spacing) * 0); } @media not all and (min-width: 40rem) { .max-sm\:\[\&\>\*\:nth-child\(4\)\]\:hidden > :nth-child(4) { display: none; } } @container images-promo-banner (width>=32rem) { .\@lg\/images-promo-banner\:\[\&\>\*\:nth-child\(n\+3\)\]\:hidden > :nth-child(n + 3) { display: none; } } @container images-promo-banner (width>=42rem) { .\@2xl\/images-promo-banner\:\[\&\>\*\:nth-child\(n\+3\)\]\:flex > :nth-child(n + 3) { display: flex; } .\@2xl\/images-promo-banner\:\[\&\>\*\:nth-child\(n\+5\)\]\:hidden > :nth-child(n + 5) { display: none; } } .last\:\[\&\>\.mobile-divider\]\:hidden:last-child > .mobile-divider { display: none; } .\[\&\>\:first-child\]\:mt-0 > :first-child { margin-top: calc(var(--spacing) * 0); } .\[\&\>\:last-child\]\:mb-0 > :last-child { margin-bottom: calc(var(--spacing) * 0); } .\[\&\>\[data-debug-panel-section\]\+\[data-debug-panel-section\]\]\:border-t > [data-debug-panel-section] + [data-debug-panel-section] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .\[\&\>div\]\:h-6 > div { height: calc(var(--spacing) * 6); } .\[\&\>div\]\:w-6 > div { width: calc(var(--spacing) * 6); } .\[\&\>div\]\:w-fit > div { width: -webkit-fit-content; width: fit-content; } .\[\&\>div\]\:min-w-\[unset\] > div { min-width: unset; } .\[\&\>div\]\:items-center > div { align-items: center; } .\[\&\>div\]\:justify-center > div { justify-content: center; } .\[\&\>div\]\:\!rounded-md > div { border-radius: var(--radius-md) !important; } .\[\&\>div\]\:\!border-token-border-heavy > div { border-color: var(--border-heavy) !important; } .\[\&\>div\]\:\!p-6 > div { padding: calc(var(--spacing) * 6) !important; } .\[\&\>div\]\:text-center > div { text-align: center; } .\[\&\>div\]\:\!shadow-none > div { --tw-shadow: 0 0 transparent !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .\[\&\>div\]\:\!ring-0 > div { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } @media (min-width: 48rem) { .md\:\[\&\>div\]\:\!p-7 > div { padding: calc(var(--spacing) * 7) !important; } } .\[\&\>div\:last-child\]\:border-e > div:last-child:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .\[\&\>div\:last-child\]\:border-e > div:last-child:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\[\&\>div\:last-child\]\:border-b > div:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&\>div\:last-child\]\:border-gray-200 > div:last-child { border-color: var(--gray-200); } .\[\&\>div\:last-child\]\:\!bg-white > div:last-child { background-color: #fff !important; } .dark\:\[\&\>div\:last-child\]\:border-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) > div:last-child { border-color: var(--gray-700); } .dark\:\[\&\>div\:last-child\]\:\!bg-gray-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) > div:last-child { background-color: var(--gray-900) !important; } .\[\&\>div\:nth-child\(2\)\]\:overflow-y-hidden > div:nth-child(2) { overflow-y: hidden; } .\[\&\>div\>div\]\:h-6 > div > div { height: calc(var(--spacing) * 6); } .\[\&\>div\>div\]\:w-6 > div > div { width: calc(var(--spacing) * 6); } .\[\&\>div\>div\:first-child\]\:pl-1 > div > div:first-child { padding-left: calc(var(--spacing) * 1); } @media (min-width: 48rem) { .md\:\[\&\>div\>div\:first-child\]\:pl-2 > div > div:first-child { padding-left: calc(var(--spacing) * 2); } } .\[\&\>div\>div\:nth-child\(2\)\]\:\!mt-10 > div > div:nth-child(2) { margin-top: calc(var(--spacing) * 10) !important; } @media (min-width: 48rem) { .md\:\[\&\>div\>div\:nth-child\(2\)\]\:\!mt-11 > div > div:nth-child(2) { margin-top: calc(var(--spacing) * 11) !important; } } .\[\&\>div\>div\:nth-child\(3\)\]\:\!mt-8 > div > div:nth-child(3) { margin-top: calc(var(--spacing) * 8) !important; } .\[\&\>div\>div\:nth-child\(3\)\]\:\!gap-0 > div > div:nth-child(3) { gap: calc(var(--spacing) * 0) !important; } .\[\&\>div\>div\:nth-child\(3\)\]\:\!pt-0 > div > div:nth-child(3) { padding-top: calc(var(--spacing) * 0) !important; } @media (min-width: 48rem) { .md\:\[\&\>div\>div\:nth-child\(3\)\]\:\!mt-9 > div > div:nth-child(3) { margin-top: calc(var(--spacing) * 9) !important; } } .\[\&\>h1\]\:my-0 > h1 { margin-block: calc(var(--spacing) * 0); } .\[\&\>h1\]\:ms-1 > h1:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .\[\&\>h1\]\:ms-1 > h1:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .\[\&\>h1\]\:box-trim-0\.25 > h1 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .\[\&\>h1\]\:box-trim-0\.25 > h1:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .\[\&\>h1\]\:box-trim-0\.25 > h1:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .\[\&\>h1\]\:inline > h1 { display: inline; } .\[\&\>h2\]\:my-0 > h2 { margin-block: calc(var(--spacing) * 0); } .\[\&\>h2\]\:ms-1 > h2:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .\[\&\>h2\]\:ms-1 > h2:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .\[\&\>h2\]\:box-trim-0\.25 > h2 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .\[\&\>h2\]\:box-trim-0\.25 > h2:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .\[\&\>h2\]\:box-trim-0\.25 > h2:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .\[\&\>h2\]\:inline > h2 { display: inline; } .\[\&\>h3\]\:my-0 > h3 { margin-block: calc(var(--spacing) * 0); } .\[\&\>h3\]\:ms-1 > h3:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .\[\&\>h3\]\:ms-1 > h3:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .\[\&\>h3\]\:box-trim-0\.25 > h3 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .\[\&\>h3\]\:box-trim-0\.25 > h3:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .\[\&\>h3\]\:box-trim-0\.25 > h3:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .\[\&\>h3\]\:inline > h3 { display: inline; } .\[\&\>h4\]\:my-0 > h4 { margin-block: calc(var(--spacing) * 0); } .\[\&\>h4\]\:ms-1 > h4:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .\[\&\>h4\]\:ms-1 > h4:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .\[\&\>h4\]\:box-trim-0\.25 > h4 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .\[\&\>h4\]\:box-trim-0\.25 > h4:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .\[\&\>h4\]\:box-trim-0\.25 > h4:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .\[\&\>h4\]\:inline > h4 { display: inline; } .\[\&\>h5\]\:my-0 > h5 { margin-block: calc(var(--spacing) * 0); } .\[\&\>h5\]\:ms-1 > h5:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .\[\&\>h5\]\:ms-1 > h5:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .\[\&\>h5\]\:box-trim-0\.25 > h5 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .\[\&\>h5\]\:box-trim-0\.25 > h5:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .\[\&\>h5\]\:box-trim-0\.25 > h5:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .\[\&\>h5\]\:inline > h5 { display: inline; } .\[\&\>h6\]\:my-0 > h6 { margin-block: calc(var(--spacing) * 0); } .\[\&\>h6\]\:ms-1 > h6:dir(ltr) { margin-left: calc(var(--spacing) * 1); } .\[\&\>h6\]\:ms-1 > h6:dir(rtl) { margin-right: calc(var(--spacing) * 1); } .\[\&\>h6\]\:box-trim-0\.25 > h6 { text-box: trim-both cap alphabetic; } @supports not (text-box: trim-both cap alphabetic) { .\[\&\>h6\]\:box-trim-0\.25 > h6:before { content: ''; margin-bottom: calc(0.25cap - 0.25lh); display: table; } .\[\&\>h6\]\:box-trim-0\.25 > h6:after { content: ''; margin-top: calc(0.75cap - 0.75lh); display: table; } } .\[\&\>h6\]\:inline > h6 { display: inline; } .\[\&\>option\]\:bg-token-main-surface-primary > option { background-color: var(--main-surface-primary); } .\[\&\>option\]\:text-token-text-primary > option { color: var(--text-primary); } .\[\&\>p\:last-child\]\:mb-0\! > p:last-child { margin-bottom: calc(var(--spacing) * 0) !important; } .\[\&\>section\]\:pt-14 > section { padding-top: calc(var(--spacing) * 14); } .\[\&\>section\]\:pb-28 > section { padding-bottom: calc(var(--spacing) * 28); } @media (min-width: 48rem) { .md\:\[\&\>section\]\:px-10 > section { padding-inline: calc(var(--spacing) * 10); } .md\:\[\&\>section\]\:pt-16 > section { padding-top: calc(var(--spacing) * 16); } .md\:\[\&\>section\]\:pb-32 > section { padding-bottom: calc(var(--spacing) * 32); } } @media (min-width: 64rem) { .lg\:\[\&\>section\]\:px-16 > section { padding-inline: calc(var(--spacing) * 16); } .lg\:\[\&\>section\]\:pt-20 > section { padding-top: calc(var(--spacing) * 20); } .lg\:\[\&\>section\]\:pb-36 > section { padding-bottom: calc(var(--spacing) * 36); } } .\[\&\>section\>div\:last-child\]\:mt-12 > section > div:last-child { margin-top: calc(var(--spacing) * 12); } .\[\&\>section\>div\:last-child\]\:gap-20 > section > div:last-child { gap: calc(var(--spacing) * 20); } @media (min-width: 48rem) { .md\:\[\&\>section\>div\:last-child\]\:mt-16 > section > div:last-child { margin-top: calc(var(--spacing) * 16); } .md\:\[\&\>section\>div\:last-child\]\:gap-24 > section > div:last-child { gap: calc(var(--spacing) * 24); } } @media (min-width: 64rem) { .lg\:\[\&\>section\>div\:last-child\]\:gap-32 > section > div:last-child { gap: calc(var(--spacing) * 32); } } @media (min-width: 48rem) { .md\:\[\&\>section\>div\:last-child\>div\>div\:first-child\]\:min-w-0 > section > div:last-child > div > div:first-child { min-width: calc(var(--spacing) * 0); } .md\:\[\&\>section\>div\:last-child\>div\>div\:first-child\]\:flex-\[0\.9_1_0\%\] > section > div:last-child > div > div:first-child { flex: 0.9; } .md\:\[\&\>section\>div\:last-child\>div\>div\:first-child\]\:basis-0 > section > div:last-child > div > div:first-child { flex-basis: calc(var(--spacing) * 0); } .md\:\[\&\>section\>div\:last-child\>div\>div\:last-child\]\:min-w-0 > section > div:last-child > div > div:last-child { min-width: calc(var(--spacing) * 0); } .md\:\[\&\>section\>div\:last-child\>div\>div\:last-child\]\:flex-\[1\.9_1_0\%\] > section > div:last-child > div > div:last-child { flex: 1.9; } .md\:\[\&\>section\>div\:last-child\>div\>div\:last-child\]\:basis-0 > section > div:last-child > div > div:last-child { flex-basis: calc(var(--spacing) * 0); } } .\[\&\>span\:last-child\>div\]\:border-e > span:last-child > div:dir(ltr) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .\[\&\>span\:last-child\>div\]\:border-e > span:last-child > div:dir(rtl) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\[\&\>span\:last-child\>div\]\:border-b > span:last-child > div { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&\>span\:last-child\>div\]\:border-gray-200 > span:last-child > div { border-color: var(--gray-200); } .\[\&\>span\:last-child\>div\]\:\!bg-white > span:last-child > div { background-color: #fff !important; } .dark\:\[\&\>span\:last-child\>div\]\:border-gray-700:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) > span:last-child > div { border-color: var(--gray-700); } .dark\:\[\&\>span\:last-child\>div\]\:\!bg-gray-900:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) > span:last-child > div { background-color: var(--gray-900) !important; } .\[\&\>svg\]\:h-4 > svg { height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:w-4 > svg { width: calc(var(--spacing) * 4); } .\[\&\>svg\]\:flex-shrink-0 > svg { flex-shrink: 0; } .\[\&\>td\]\:py-2 > td { padding-block: calc(var(--spacing) * 2); } .\[\&\>textarea\]\:min-h-\[480px\] > textarea { min-height: 480px; } .\[\&\[open\]_\.details-disclosure-content\]\:translate-y-0[open] .details-disclosure-content { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\[open\]_\.details-disclosure-content\]\:opacity-100[open] .details-disclosure-content { opacity: 1; } .\[\&\[open\]\:\:details-content\]\:grid-rows-\[1fr\][open]::details-content { grid-template-rows: 1fr; } .text-message + .\[\.text-message\+\&\]\:mt-1 { margin-top: calc(var(--spacing) * 1); } .text-message + .\[\.text-message\+\&\]\:mt-5 { margin-top: calc(var(--spacing) * 5); } @media (max-height: 550px) { .\[\@media\(max-height\:550px\)\]\:hidden { display: none; } } @media (min-width: 1560px) { .\[\@media\(min-width\:1560px\)\]\:top-0 { top: calc(var(--spacing) * 0); } } @media (min-width: 450px) { .\[\@media\(min-width\:450px\)\]\:inline { display: inline; } .\[\@media\(min-width\:450px\)\]\:w-\[380px\] { width: 380px; } .\[\@media\(min-width\:450px\)\]\:w-\[450px\] { width: 450px; } .\[\@media\(min-width\:450px\)\]\:w-\[520px\] { width: 520px; } .\[\@media\(min-width\:450px\)\]\:gap-3 { gap: calc(var(--spacing) * 3); } .\[\@media\(min-width\:450px\)\]\:px-0 { padding-inline: calc(var(--spacing) * 0); } .\[\@media\(min-width\:450px\)\]\:px-5 { padding-inline: calc(var(--spacing) * 5); } .\[\@media\(min-width\:450px\)\]\:pt-\[12vh\] { padding-top: 12vh; } .\[\@media\(min-width\:450px\)\]\:pt-\[15vh\] { padding-top: 15vh; } .\[\@media\(min-width\:450px\)\]\:leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } } [data-chat-theme='black'] > .\[\[data-chat-theme\=black\]\>\&\]\:bg-black { background-color: #000; } [data-chat-theme='default'] > .\[\[data-chat-theme\=default\]\>\&\]\:bg-gray-400 { background-color: var(--gray-400); } [data-chat-theme='default'] > .\[\[data-chat-theme\=default\]\>\&\]\:dark\:bg-gray-500:where(.dark, .dark *):not( :where(.dark .light, .dark .light *) ) { background-color: var(--gray-500); } [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:me-1\.5:dir(ltr) { margin-right: calc(var(--spacing) * 1.5); } [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:me-1\.5:dir(rtl) { margin-left: calc(var(--spacing) * 1.5); } [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:inline-flex { display: inline-flex; } tr:last-child .\[tr\:last-child_\&\]\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } tr[data-disabled='true'] .\[tr\[data-disabled\=true\]_\&\]\:opacity-50 { opacity: 0.5; } :lang(vi) .font-oai { font-family: sans-serif; } .mkt-no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .mkt-no-scrollbar::-webkit-scrollbar { display: none; } .btn:where(.-mkt) { font-size: 0.875rem; line-height: var(--tw-leading, 1.435rem); letter-spacing: var(--tw-tracking, -0.01em); font-weight: var(--tw-font-weight, 400); transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .btn-small:where(.-mkt) { font-size: 0.625rem; line-height: var(--tw-leading, 0.825rem); letter-spacing: var(--tw-tracking, clamp(-0.01em, calc(-0.01em + 0.01 * ((90rem - 100vw) / 66.5625)), 0em)); font-weight: var(--tw-font-weight, 400); } .btn-primary-inverse:where(.-mkt) { background-color: #0000000a; background-color: lab(0% 0 0/0.04); } @media (hover: hover) { .btn-primary-inverse:where(.-mkt):hover { background-color: #0000001f; background-color: lab(0% 0 0/0.12); } } .btn-primary-inverse:where(.-mkt):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: #ffffff0a; background-color: lab(100% -0.0000298023 0.0000119209/.04); } @media (hover: hover) { .btn-primary-inverse:where(.-mkt):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):hover { background-color: #ffffff1f; background-color: lab(100% -0.0000298023 0.0000119209/.12); } } .prose:where(.-mkt) :not(:where([class~='not-prose'], [class~='not-prose'] *)):where(p, table, ul, ol) { margin-block: calc(var(--spacing) * 0); } .prose:where(.-mkt) :not(:where([class~='not-prose'], [class~='not-prose'] *)):where(b, strong) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } @media (pointer: coarse) { [data-content-sheet-section] { --text-sm: 1rem; --text-sm--line-height: 1.25rem; --text-sm--letter-spacing: 0; --menu-item-height: 44px; --icon-lg-size: 22px; } [data-content-sheet-section] .__menu-item { padding-inline: calc(var(--spacing) * 6); } } .skeleton-child { --skeleton-gradient-from: #e8e8e8; --skeleton-gradient-to: #cdcdcd; --skeleton-gradient-via: #f9f9f9; opacity: var(--skeleton-opacity); will-change: auto; } .skeleton-child:is(:where(.group).skeleton *) { border-radius: var(--radius-lg); --tw-gradient-position: to right; border-color: #0000 !important; } @supports (background-image: linear-gradient(in lab, red, red)) { .skeleton-child:is(:where(.group).skeleton *) { --tw-gradient-position: to right in oklab; } } .skeleton-child:is(:where(.group).skeleton *) { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--skeleton-gradient-from); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); --tw-gradient-via: var(--skeleton-gradient-via); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-to: var(--skeleton-gradient-to); -webkit-box-decoration-break: clone; box-decoration-break: clone; --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); color: #0000; background-size: 300%; animation-direction: alternate-reverse !important; } @media (prefers-reduced-motion: no-preference) { .skeleton-child:is(:where(.group).skeleton *) { animation: 2s ease-in-out infinite shimmer-skeleton; } } .dark .skeleton-child { --skeleton-gradient-from: #303030; --skeleton-gradient-to: #414141; --skeleton-gradient-via: #5d5d5d; } .skeleton-child.skeleton-translucent { --skeleton-gradient-from: #00000014; --skeleton-gradient-to: #0000001a; --skeleton-gradient-via: #0000000a; background-color: #0000; } .dark .skeleton-child.skeleton-translucent { --skeleton-gradient-from: #ffffff26; --skeleton-gradient-to: #fff3; --skeleton-gradient-via: #ffffff1a; background-color: #0000; } .empty-skeleton { width: 100%; height: 100%; display: flex; } @media (hover: hover) { .dropdown-btn:where(:not(:disabled, :active)):hover:before { content: var(--tw-content); background-color: var(--interactive-bg-secondary-hover); } } .dropdown-btn { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--text-primary); z-index: 0; height: calc(var(--spacing) * 9); min-width: calc(var(--spacing) * 9); justify-content: center; place-self: center; align-items: center; display: flex; position: relative; } .dropdown-btn:enabled { cursor: pointer; } .dropdown-btn:disabled { cursor: not-allowed; } .dropdown-btn { border-style: var(--tw-border-style); border-width: 1px; border-color: #0000; } .dropdown-btn[data-is-selected] { color: var(--interactive-label-accent-default); } .dropdown-btn[data-is-selected]:active:before { content: var(--tw-content); background-color: var(--interactive-bg-accent-muted-press); } .dropdown-btn { white-space: nowrap; -webkit-user-select: none; user-select: none; } :is(.dropdown-btn > *) { pointer-events: none; } .dropdown-btn:focus { --tw-outline-style: none; outline-style: none; } .dropdown-btn:disabled { opacity: 0.3; } .dropdown-btn:is(html[data-focus-mode='keyboard'] :focus-visible):before { content: var(--tw-content); outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; content: var(--tw-content); outline-style: solid; outline-color: var(--interactive-border-tertiary-inactive); } .dropdown-btn[data-subtle-focus]:is(html[data-focus-mode='keyboard'] :focus-visible):before { content: var(--tw-content); outline-style: var(--tw-outline-style); content: var(--tw-content); outline-offset: calc(var(--focus-outline-margin, 2px) * -1); outline-width: 1px; } .dropdown-btn:active:before, .dropdown-btn:not([data-no-open-state])[data-is-open]:before, .dropdown-btn:not([data-no-open-state])[data-state='open']:before { content: var(--tw-content); background-color: var(--interactive-bg-secondary-press); } .dropdown-btn:before { inset: calc(var(--spacing) * 0); z-index: -1; --tw-content: ''; content: var(--tw-content); border-radius: 3.40282e38px; width: 100%; height: 100%; display: block; position: absolute; } @media (hover: hover) { .composer-btn:where(:not(:disabled, :active)):hover { background-color: var(--interactive-bg-secondary-hover); } } @media (hover: none) { .composer-btn:where(:not(:disabled, :active)) { background-color: var(--interactive-bg-secondary-hover); } } .composer-btn { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--text-primary); z-index: 0; height: calc(var(--spacing) * 9); min-width: calc(var(--spacing) * 9); border-radius: 3.40282e38px; justify-content: center; align-items: center; display: flex; position: relative; } .composer-btn:enabled { cursor: pointer; } .composer-btn:disabled { cursor: not-allowed; } .composer-btn { white-space: nowrap; -webkit-user-select: none; user-select: none; } :is(.composer-btn > *) { pointer-events: none; } .composer-btn:disabled { opacity: 0.3; } .composer-btn:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .composer-btn:active, .composer-btn[data-is-open], .composer-btn[data-state='open'] { background-color: var(--interactive-bg-secondary-press); } .composer-btn:before { content: var(--tw-content); content: var(--tw-content); inset: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); content: var(--tw-content); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); position: absolute; top: 50%; left: 50%; } .composer-btn--desktopSidebar { border-radius: 8px; } .composer-submit-btn { border-radius: 3.40282e38px; justify-content: center; align-items: center; display: flex; } .composer-submit-btn:disabled { color: #f4f4f4; } @media (hover: hover) { .composer-submit-btn:disabled:hover { opacity: 1; } } .composer-submit-btn:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):disabled { background-color: var(--text-quaternary); color: var(--main-surface-secondary); } .composer-submit-btn:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .composer-submit-btn:disabled { opacity: 0.35; } @media (hover: hover) { .composer-submit-btn:disabled:hover { opacity: 0.35; } } .composer-submit-btn[data-in-menu] { color: #fff; background-color: #000; } .composer-submit-btn[data-in-menu]:disabled { color: var(--text-tertiary); background-color: #00000014; } .composer-submit-btn:where(.dark, .dark *):not(:where(.dark .light, .dark .light *))[data-in-menu] { color: #000; background-color: #fff; } .composer-submit-btn[data-in-menu]:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)):disabled { background-color: #ffffff29; } .menu-item-input-stop-btn { border-radius: 3.40282e38px; justify-content: center; align-items: center; display: flex; } .menu-item-input-stop-btn:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .__composer-pill { height: calc(var(--spacing) * 9); align-items: center; gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--interactive-label-accent-default); --tw-outline-style: none; -webkit-user-select: none; user-select: none; border-radius: 3.40282e38px; outline-style: none; display: flex; position: relative; } .__composer-pill:dir(ltr) { padding-left: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 3); } .__composer-pill:dir(rtl) { padding-right: calc(var(--spacing) * 2); padding-left: calc(var(--spacing) * 3); } .__composer-pill:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } button.__composer-pill { cursor: pointer; } .__composer-pill[data-state='open'] { background-color: var(--interactive-bg-accent-muted-hover); } @media (hover: none) { .__composer-pill { background-color: var(--interactive-bg-accent-muted-hover); } } @media (hover: hover) { button.__composer-pill:hover { background-color: var(--interactive-bg-accent-muted-hover); } } button.__composer-pill:active { background-color: var(--interactive-bg-accent-muted-press); } .__composer-pill:before { content: var(--tw-content); content: var(--tw-content); inset: calc(var(--spacing) * 0); position: absolute; } @media (hover: hover) { .__composer-pill:is(:where(.group):hover *):not(:hover) { background-color: var(--interactive-bg-accent-muted-context); } @media not all and (hover: hover) { .__composer-pill:is(:where(.group):hover *) { background-color: var(--interactive-bg-accent-muted-context); } } .__composer-pill:is(:where(.group):has(:is(html[data-focus-mode='keyboard'] :focus-visible)) *):not(:focus), button.__composer-pill:has(.__composer-pill-remove):hover { background-color: var(--interactive-bg-accent-muted-context); } } button.__composer-pill:has(.__composer-pill-remove):is(html[data-focus-mode='keyboard'] :focus-visible) { background-color: var(--interactive-bg-accent-muted-context); } @media (hover: hover) { button.__composer-pill:has(.__composer-pill-remove):is(html[data-focus-mode='keyboard'] :focus-visible) { --tw-outline-style: none; outline-style: none; } } @media (hover: none) { .__composer-pill:dir(ltr) { padding-left: calc(var(--spacing) * 2.5); padding-right: calc(var(--spacing) * 3.5); } .__composer-pill:dir(rtl) { padding-right: calc(var(--spacing) * 2.5); padding-left: calc(var(--spacing) * 3.5); } .__composer-pill-composite > .__composer-pill:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .__composer-pill-composite > .__composer-pill:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .__composer-pill-composite { display: flex; } .__composer-pill-icon { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); flex-grow: 0; flex-shrink: 0; justify-content: center; align-items: center; display: flex; } @media (hover: hover) { .__composer-pill-icon:is(:where(.group):hover *), .__composer-pill-icon:is(:where(.group):has(:is(html[data-focus-mode='keyboard'] :focus-visible)) *):is( :where(.group\/pill):not(:focus) * ), .__composer-pill-icon:is(:where(.group)[data-state='open'] *), button:has(.__composer-pill-remove) > .__composer-pill-icon:is(:where(.group):is(html[data-focus-mode='keyboard'] :focus-visible) *) { visibility: hidden; } } .__composer-pill-remove { color: var(--interactive-label-accent-default); --tw-outline-style: none; outline-style: none; justify-content: center; align-items: center; display: flex; } .__composer-pill-remove:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } @media (hover: hover) { .__composer-pill-remove { top: calc(var(--spacing) * 2); z-index: 10; height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); border-radius: 3.40282e38px; justify-content: center; align-items: center; display: inline-flex; position: absolute; } .__composer-pill-remove:dir(ltr) { left: calc(var(--spacing) * 2); } .__composer-pill-remove:dir(rtl) { right: calc(var(--spacing) * 2); } .__composer-pill-remove:not(:is(html[data-focus-mode='keyboard'] :focus-visible)) { opacity: 0; } @media (hover: hover) { .__composer-pill-remove:is(:where(.group):hover *) { opacity: 1 !important; } } .__composer-pill-remove:is(:where(.group):has([data-state='open']) *), .__composer-pill-remove:is(:where(.group):is(html[data-focus-mode='keyboard'] :focus-visible) *) { opacity: 1 !important; } .__composer-pill-remove:is(:where(.group):is(html[data-focus-mode='keyboard'] :focus-visible) *), .__composer-pill-remove:is(html[data-focus-mode='keyboard'] :focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 2.5px; outline-width: 1.5px; outline-color: var(--text-primary); --tw-outline-style: solid; outline-style: solid; } .__composer-pill-remove:before { content: var(--tw-content); content: var(--tw-content); inset: calc(var(--spacing) * -2); content: var(--tw-content); content: var(--tw-content); background-color: #0000; position: absolute; } .__composer-pill-remove:dir(ltr):before { right: calc(var(--spacing) * -1); } .__composer-pill-remove:dir(rtl):before { left: calc(var(--spacing) * -1); } .__composer-pill-remove { background-color: var(--bg-primary); } .__composer-pill-remove:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) { background-color: var(--bg-secondary); } @media (hover: hover) { .__composer-pill-remove:hover, div.__composer-pill-remove:is(:where(.group):hover *) { background-color: var(--interactive-bg-accent-hover); } :is(.__composer-pill-remove:hover, div.__composer-pill-remove:is(:where(.group):hover *)):where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { background-color: var(--interactive-bg-accent-muted-hover); } } .__composer-pill-remove:active, div.__composer-pill-remove:is(:where(.group):active *) { background-color: var(--interactive-bg-accent-press); } :is(.__composer-pill-remove:active, div.__composer-pill-remove:is(:where(.group):active *)):where( .dark, .dark * ):not(:where(.dark .light, .dark .light *)) { background-color: var(--interactive-bg-accent-muted-press); } } @media (hover: none) { .__composer-pill-remove { order: 1; } .__composer-pill-remove:dir(ltr) { margin-right: calc(var(--spacing) * -1); } .__composer-pill-remove:dir(rtl) { margin-left: calc(var(--spacing) * -1); } .__composer-pill-remove:focus { z-index: 10; } .__composer-pill-remove:before { content: var(--tw-content); content: var(--tw-content); inset: calc(var(--spacing) * 0); content: var(--tw-content); position: absolute; } .__composer-pill-remove:dir(ltr):before { left: -1px; } .__composer-pill-remove:dir(rtl):before { right: -1px; } .__composer-pill-composite > .__composer-pill-remove { background-color: var(--interactive-bg-accent-muted-hover); } .__composer-pill-composite > .__composer-pill-remove:dir(ltr) { margin-left: 1px; margin-right: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 1.5); padding-right: calc(var(--spacing) * 2.5); border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .__composer-pill-composite > .__composer-pill-remove:dir(rtl) { margin-right: 1px; margin-left: calc(var(--spacing) * 0); padding-right: calc(var(--spacing) * 1.5); padding-left: calc(var(--spacing) * 2.5); border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px; } .__composer-pill-composite > .__composer-pill-remove:active { background-color: var(--interactive-bg-accent-muted-press); } } .prose :where(h1, h2, h3, h4, h5, h6) strong:not(:where([class~='not-prose'] *)) { font-weight: inherit; } .with-spinner { -webkit-appearance: auto; appearance: auto; -moz-appearance: number-input; } .with-spinner::-webkit-inner-spin-button { -webkit-appearance: auto; appearance: auto; margin: initial; } .with-spinner::-webkit-outer-spin-button { -webkit-appearance: auto; appearance: auto; margin: initial; } .overflow-auto > *, .overflow-scroll > *, .overflow-x-auto > *, .overflow-y-auto > * { scrollbar-color: auto; } .overflow-auto, .overflow-scroll, .overflow-x-auto, .overflow-y-auto, .overflow-x-scroll, .overflow-y-scroll { scrollbar-color: var(--scrollbar-color) transparent; } .overflow-auto:hover, .overflow-scroll:hover, .overflow-x-auto:hover, .overflow-y-auto:hover { scrollbar-color: var(--scrollbar-color-hover) transparent; } .content-fade-top:after { --offset-y: var(--offset-y-default, 25px); --fade-start-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .content-fade-top:after { --fade-start-color: color-mix(in lch longer hue, var(--bg-primary), transparent 100%); } } .content-fade-top:after { --fade-end-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .content-fade-top:after { --fade-end-color: color-mix(in lch longer hue, var(--bg-primary), transparent 0%); } } .content-fade-top:after { background: linear-gradient(to top, transparent, var(--bg-primary)), linear-gradient(to top, transparent var(--offset-y), var(--bg-primary) var(--offset-y)); background: linear-gradient(to top, var(--fade-start-color), var(--fade-end-color)), linear-gradient(to top, transparent var(--offset-y), var(--bg-primary) var(--offset-y)); background-size: 100% var(--offset-y), 100% 100%; content: ''; pointer-events: none; inset: var(--content-fade-top, 0) 0 0 0; z-index: -1; bottom: var(--offset-y-bottom, calc(var(--offset-y) * -1)); background-position: bottom, top; background-repeat: no-repeat; position: absolute; } .content-fade.single-line:after { --single-line-fade-height: var(--content-fade-height, 28px); background: linear-gradient(to bottom, transparent, var(--bg-primary)), linear-gradient( to bottom, transparent var(--single-line-fade-height), var(--bg-primary) var(--single-line-fade-height) ); background: linear-gradient(to bottom, var(--fade-start-color), var(--fade-end-color)), linear-gradient( to bottom, transparent var(--single-line-fade-height), var(--bg-primary) var(--single-line-fade-height) ); background-size: 100% var(--single-line-fade-height), 100% 100%; } .content-fade:after { --content-fade-distance: var(--content-fade-height, 55px); --fade-start-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .content-fade:after { --fade-start-color: color-mix(in lch longer hue, var(--bg-primary), transparent 100%); } } .content-fade:after { --fade-end-color: var(--bg-primary); } @supports (color: color-mix(in lab, red, red)) { .content-fade:after { --fade-end-color: color-mix(in lch longer hue, var(--bg-primary), transparent 0%); } } .content-fade:after { background: linear-gradient(to bottom, transparent, var(--bg-primary)), linear-gradient( to bottom, transparent var(--content-fade-distance), var(--bg-primary) var(--content-fade-distance) ); background: linear-gradient(to bottom, var(--fade-start-color), var(--fade-end-color)), linear-gradient( to bottom, transparent var(--content-fade-distance), var(--bg-primary) var(--content-fade-distance) ); background-size: 100% var(--content-fade-distance), 100% 100%; content: ''; pointer-events: none; inset: var(--content-fade-top, 0) 0 0 0; z-index: -1; background-position: top, bottom; background-repeat: no-repeat; position: absolute; } } [inert] { pointer-events: none; cursor: inherit; } [inert], [inert] * { -webkit-user-select: none; user-select: none; } html, .light, .dark .light { --bg-primary: #fff; --bg-primary-inverted: #000; --bg-secondary: #e8e8e8; --bg-tertiary: #f3f3f3; --bg-scrim: #0d0d0d80; --bg-elevated-primary: #fff; --bg-elevated-secondary: #f9f9f9; --bg-accent-static: var(--blue-400); --bg-status-warning: var(--orange-25); --bg-status-error: var(--red-25); --border-default: #0d0d0d1a; --border-heavy: #0d0d0d26; --border-light: #0d0d0d0d; --border-status-warning: var(--orange-50); --border-status-error: var(--red-50); --text-primary: #0d0d0d; --text-secondary: #5d5d5d; --text-tertiary: #8f8f8f; --text-inverted: #fff; --text-inverted-static: #fff; --text-accent: var(--blue-200); --text-status-warning: var(--orange-500); --text-status-error: var(--red-500); --icon-primary: #0d0d0d; --icon-secondary: #5d5d5d; --icon-tertiary: #8f8f8f; --icon-inverted: #fff; --icon-inverted-static: #fff; --icon-accent: var(--blue-400); --icon-status-warning: var(--orange-500); --icon-status-error: var(--red-500); --interactive-bg-primary-default: #0d0d0d; --interactive-bg-primary-hover: #0d0d0dcc; --interactive-bg-primary-press: #0d0d0de5; --interactive-bg-primary-inactive: #0d0d0d; --interactive-bg-primary-selected: #0d0d0d; --interactive-bg-secondary-default: #0d0d0d00; --interactive-bg-secondary-hover: #0d0d0d05; --interactive-bg-secondary-press: #0d0d0d0d; --interactive-bg-secondary-inactive: #0d0d0d00; --interactive-bg-secondary-selected: #0d0d0d0d; --interactive-bg-tertiary-default: #fff; --interactive-bg-tertiary-hover: #f9f9f9; --interactive-bg-tertiary-press: #f3f3f3; --interactive-bg-tertiary-inactive: #fff; --interactive-bg-tertiary-selected: #fff; --interactive-bg-accent-default: var(--blue-50); --interactive-bg-accent-hover: var(--blue-75); --interactive-bg-accent-muted-hover: #ebf4ff; --interactive-bg-accent-muted-context: #ebf4ff80; --interactive-bg-accent-press: var(--blue-100); --interactive-bg-accent-muted-press: #e0efff; --interactive-bg-accent-inactive: var(--blue-50); --interactive-bg-danger-primary-default: var(--red-500); --interactive-bg-danger-primary-hover: var(--red-400); --interactive-bg-danger-primary-press: var(--red-600); --interactive-bg-danger-primary-inactive: var(--red-500); --interactive-bg-danger-secondary-default: #0d0d0d00; --interactive-bg-danger-secondary-hover: #0d0d0d00; --interactive-bg-danger-secondary-press: #0d0d0d00; --interactive-bg-danger-secondary-inactive: #0d0d0d00; --interactive-border-focus: #0d0d0d; --interactive-border-secondary-default: #0d0d0d1a; --interactive-border-secondary-hover: #0d0d0d0d; --interactive-border-secondary-press: #0d0d0d0d; --interactive-border-secondary-inactive: #0d0d0d1a; --interactive-border-tertiary-default: #0d0d0d1a; --interactive-border-tertiary-hover: #0d0d0d1a; --interactive-border-tertiary-press: #0d0d0d0d; --interactive-border-tertiary-inactive: #0d0d0d1a; --interactive-border-danger-secondary-default: var(--red-500); --interactive-border-danger-secondary-hover: var(--red-400); --interactive-border-danger-secondary-press: var(--red-600); --interactive-border-danger-secondary-inactive: var(--red-500); --interactive-label-primary-default: #fff; --interactive-label-primary-hover: #fff; --interactive-label-primary-press: #fff; --interactive-label-primary-inactive: #fff; --interactive-label-primary-selected: #fff; --interactive-label-secondary-default: #0d0d0d; --interactive-label-secondary-hover: #0d0d0de5; --interactive-label-secondary-press: #0d0d0dcc; --interactive-label-secondary-inactive: #0d0d0d; --interactive-label-secondary-selected: #0d0d0d; --interactive-label-tertiary-default: #5d5d5d; --interactive-label-tertiary-hover: #5d5d5d; --interactive-label-tertiary-press: #5d5d5d; --interactive-label-tertiary-inactive: #5d5d5d; --interactive-label-tertiary-selected: #5d5d5d; --interactive-label-accent-default: var(--blue-400); --interactive-label-accent-hover: var(--blue-400); --interactive-label-accent-press: var(--blue-400); --interactive-label-accent-inactive: var(--blue-400); --interactive-label-accent-selected: var(--blue-400); --interactive-label-danger-primary-default: #fff; --interactive-label-danger-primary-hover: #fff; --interactive-label-danger-primary-press: #fff; --interactive-label-danger-primary-inactive: #fff; --interactive-label-danger-secondary-default: var(--red-500); --interactive-label-danger-secondary-hover: var(--red-400); --interactive-label-danger-secondary-press: var(--red-600); --interactive-label-danger-secondary-inactive: var(--red-500); --interactive-icon-primary-default: #fff; --interactive-icon-primary-hover: #fff; --interactive-icon-primary-press: #fff; --interactive-icon-primary-selected: #fff; --interactive-icon-primary-inactive: #fff; --interactive-icon-secondary-default: #0d0d0d; --interactive-icon-secondary-hover: #0d0d0de5; --interactive-icon-secondary-press: #0d0d0dcc; --interactive-icon-secondary-selected: #0d0d0d; --interactive-icon-secondary-inactive: #0d0d0d; --interactive-icon-tertiary-default: #5d5d5d; --interactive-icon-tertiary-hover: #5d5d5d; --interactive-icon-tertiary-press: #5d5d5d; --interactive-icon-tertiary-selected: #5d5d5d; --interactive-icon-tertiary-inactive: #5d5d5d; --interactive-icon-accent-default: var(--blue-400); --interactive-icon-accent-hover: var(--blue-400); --interactive-icon-accent-press: var(--blue-400); --interactive-icon-accent-selected: var(--blue-400); --interactive-icon-accent-inactive: var(--blue-400); --interactive-icon-danger-primary-default: #fff; --interactive-icon-danger-primary-hover: #fff; --interactive-icon-danger-primary-press: #fff; --interactive-icon-danger-primary-inactive: #fff; --interactive-icon-danger-secondary-default: var(--red-500); --interactive-icon-danger-secondary-hover: var(--red-400); --interactive-icon-danger-secondary-press: var(--red-600); --interactive-icon-danger-secondary-inactive: var(--red-500); --utility-scrollbar: #0000000a; } html[data-contrast='high']:not(.dark) { --text-tertiary: #5d5d5d; } @media (prefers-contrast: more) { html[data-contrast='default']:not(.dark) { --text-tertiary: #5d5d5d; } } .dark { --bg-primary: #212121; --bg-primary-inverted: #fff; --bg-secondary: #303030; --bg-tertiary: #414141; --bg-scrim: #0d0d0d80; --bg-elevated-primary: #303030; --bg-elevated-secondary: #181818; --bg-accent-static: var(--blue-400); --bg-status-warning: var(--orange-900); --bg-status-error: var(--red-900); --border-default: #ffffff26; --border-heavy: #fff3; --border-light: #ffffff0d; --border-status-warning: var(--orange-900); --border-status-error: var(--red-900); --text-primary: #fff; --text-secondary: #f3f3f3; --text-tertiary: #afafaf; --text-inverted: #0d0d0d; --text-inverted-static: #fff; --text-accent: var(--blue-200); --text-status-warning: var(--orange-200); --text-status-error: var(--red-200); --icon-primary: #e8e8e8; --icon-secondary: #cdcdcd; --icon-tertiary: #afafaf; --icon-inverted: #0d0d0d; --icon-inverted-static: #fff; --icon-accent: var(--blue-200); --icon-status-warning: var(--orange-200); --icon-status-error: var(--red-200); --interactive-bg-primary-default: #fff; --interactive-bg-primary-hover: #fffc; --interactive-bg-primary-press: #ffffffe5; --interactive-bg-primary-inactive: #fff; --interactive-bg-primary-selected: #fff; --interactive-bg-secondary-default: #fff0; --interactive-bg-secondary-hover: #ffffff1a; --interactive-bg-secondary-press: #ffffff0d; --interactive-bg-secondary-inactive: #fff0; --interactive-bg-secondary-selected: #ffffff1a; --interactive-bg-tertiary-default: #212121; --interactive-bg-tertiary-hover: #181818; --interactive-bg-tertiary-press: #0d0d0d; --interactive-bg-tertiary-inactive: #212121; --interactive-bg-tertiary-selected: #212121; --interactive-bg-accent-default: var(--blue-800); --interactive-bg-accent-hover: var(--blue-700); --interactive-bg-accent-muted-hover: #394a5b; --interactive-bg-accent-muted-context: #394a5b80; --interactive-bg-accent-press: var(--blue-600); --interactive-bg-accent-muted-press: #40484f; --interactive-bg-accent-inactive: var(--blue-800); --interactive-bg-danger-primary-default: var(--red-500); --interactive-bg-danger-primary-hover: var(--red-400); --interactive-bg-danger-primary-press: var(--red-600); --interactive-bg-danger-primary-inactive: var(--red-500); --interactive-bg-danger-secondary-default: #fff0; --interactive-bg-danger-secondary-hover: #fff0; --interactive-bg-danger-secondary-press: #fff0; --interactive-bg-danger-secondary-inactive: #fff0; --interactive-border-focus: #fff; --interactive-border-secondary-default: #ffffff26; --interactive-border-secondary-hover: #ffffff26; --interactive-border-secondary-press: #fff3; --interactive-border-secondary-inactive: #ffffff1a; --interactive-border-tertiary-default: #ffffff1a; --interactive-border-tertiary-hover: #ffffff26; --interactive-border-tertiary-press: #ffffff1a; --interactive-border-tertiary-inactive: #ffffff1a; --interactive-border-danger-secondary-default: var(--red-400); --interactive-border-danger-secondary-hover: var(--red-300); --interactive-border-danger-secondary-press: var(--red-500); --interactive-border-danger-secondary-inactive: var(--red-400); --interactive-label-primary-default: #0d0d0d; --interactive-label-primary-hover: #0d0d0d; --interactive-label-primary-press: #0d0d0d; --interactive-label-primary-inactive: #0d0d0d; --interactive-label-primary-selected: #0d0d0d; --interactive-label-secondary-default: #f3f3f3; --interactive-label-secondary-hover: #ffffffe5; --interactive-label-secondary-press: #fffc; --interactive-label-secondary-inactive: #f3f3f3; --interactive-label-secondary-selected: #f3f3f3; --interactive-label-tertiary-default: #cdcdcd; --interactive-label-tertiary-hover: #cdcdcd; --interactive-label-tertiary-press: #cdcdcd; --interactive-label-tertiary-inactive: #cdcdcd; --interactive-label-tertiary-selected: #cdcdcd; --interactive-label-accent-default: var(--blue-100); --interactive-label-accent-hover: var(--blue-100); --interactive-label-accent-press: var(--blue-100); --interactive-label-accent-inactive: var(--blue-100); --interactive-label-accent-selected: var(--blue-100); --interactive-label-danger-primary-default: #fff; --interactive-label-danger-primary-hover: #fff; --interactive-label-danger-primary-press: #fff; --interactive-label-danger-primary-inactive: #fff; --interactive-label-danger-secondary-default: var(--red-400); --interactive-label-danger-secondary-hover: var(--red-300); --interactive-label-danger-secondary-press: var(--red-500); --interactive-label-danger-secondary-inactive: var(--red-400); --interactive-icon-primary-default: #0d0d0d; --interactive-icon-primary-hover: #0d0d0d; --interactive-icon-primary-press: #0d0d0d; --interactive-icon-primary-selected: #0d0d0d; --interactive-icon-primary-inactive: #0d0d0d; --interactive-icon-secondary-default: #f3f3f3; --interactive-icon-secondary-hover: #ffffffe5; --interactive-icon-secondary-press: #fffc; --interactive-icon-secondary-selected: #f3f3f3; --interactive-icon-secondary-inactive: #f3f3f3; --interactive-icon-tertiary-default: #cdcdcd; --interactive-icon-tertiary-hover: #cdcdcd; --interactive-icon-tertiary-press: #cdcdcd; --interactive-icon-tertiary-selected: #cdcdcd; --interactive-icon-tertiary-inactive: #cdcdcd; --interactive-icon-accent-default: var(--blue-100); --interactive-icon-accent-hover: var(--blue-100); --interactive-icon-accent-press: var(--blue-100); --interactive-icon-accent-selected: var(--blue-100); --interactive-icon-accent-inactive: var(--blue-100); --interactive-icon-danger-primary-default: #fff; --interactive-icon-danger-primary-hover: #fff; --interactive-icon-danger-primary-press: #fff; --interactive-icon-danger-primary-inactive: #fff; --interactive-icon-danger-secondary-default: var(--red-400); --interactive-icon-danger-secondary-hover: var(--red-300); --interactive-icon-danger-secondary-press: var(--red-500); --interactive-icon-danger-secondary-inactive: var(--red-400); --utility-scrollbar: #fff3; } .dark[data-oled] { --bg-primary: #000; --main-surface-primary: #000; } @media (min-width: 80rem) { .stage-thread-flyout-preset-responsive { --stage-thread-flyout-preset-width: 500px; } } @media (min-width: 96rem) { .stage-thread-flyout-preset-responsive { --stage-thread-flyout-preset-width: 700px; } } @keyframes peek-top-animation { 50% { translate: 0 -85px; } 75% { translate: 0 -85px; } to { translate: 0; } } @keyframes peek-top-end-animation { to { translate: 0; } } @property --mask-shimmer-offset { syntax: ''; inherits: false; initial-value: 0%; } @property --tw-mask-shimmer-duration { syntax: '