/*! 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-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; --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 .851 .851 .851) 0%,color(display-p3 .8488 .8488 .8488/.99) 8.07%,color(display-p3 .8423 .8423 .8423/.98) 15.54%,color(display-p3 .8317 .8317 .8317/.95) 22.5%,color(display-p3 .8171 .8171 .8171/.92) 29.04%,color(display-p3 .7988 .7988 .7988/.87) 35.26%,color(display-p3 .777 .777 .777/.82) 41.25%,color(display-p3 .7518 .7518 .7518/.75) 47.1%,color(display-p3 .7234 .7234 .7234/.68) 52.9%,color(display-p3 .692 .692 .692/.6) 58.75%,color(display-p3 .6578 .6578 .6578/.52) 64.74%,color(display-p3 .621 .621 .621/.42) 70.96%,color(display-p3 .5817 .5817 .5817/.33) 77.5%,color(display-p3 .5401 .5401 .5401/.22) 84.46%,color(display-p3 .4965 .4965 .4965/.11) 91.93%,color(display-p3 .451 .451 .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: .667s; --spring-fast: linear(0,.01942 1.83%,.07956 4.02%,.47488 13.851%,.65981 19.572%,.79653 25.733%,.84834 29.083%,.89048 32.693%,.9246 36.734%,.95081 41.254%,.97012 46.425%,.98361 52.535%,.99665 68.277%,.99988); --spring-common-duration: .667s; --spring-common: linear(0,.00506 1.18%,.02044 2.46%,.08322 5.391%,.46561 17.652%,.63901 24.342%,.76663 31.093%,.85981 38.454%,.89862 42.934%,.92965 47.845%,.95366 53.305%,.97154 59.516%,.99189 74.867%,.9991); --spring-standard: var(--spring-common); --spring-slow-bounce-duration: 1.167s; --spring-slow-bounce: linear(0,.00172 0.51%,.00682 1.03%,.02721 2.12%,.06135 3.29%,.11043 4.58%,.21945 6.911%,.59552 14.171%,.70414 16.612%,.79359 18.962%,.86872 21.362%,.92924 23.822%,.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%,.99791 74.127%,.99988); --spring-bounce-duration: .833s; --spring-bounce: linear(0,.00541 1.29%,.02175 2.68%,.04923 4.19%,.08852 5.861%,.17388 8.851%,.48317 18.732%,.57693 22.162%,.65685 25.503%,.72432 28.793%,.78235 32.163%,.83182 35.664%,.87356 39.354%,.91132 43.714%,.94105 48.455%,.96361 53.705%,.97991 59.676%,.9903 66.247%,.99664 74.237%,.99968 84.358%,1.00048); --spring-fast-bounce-duration: 1s; --spring-fast-bounce: linear(0,.00683 1.14%,.02731 2.35%,.11137 5.091%,.59413 15.612%,.78996 20.792%,.92396 25.953%,.97109 28.653%,1.00624 31.503%,1.03801 36.154%,1.0477 41.684%,1.00242 68.787%,.99921); --easing-spring-elegant-duration: .58171s; --easing-spring-elegant: linear(0 0%,.005927 1%,.022466 2%,.047872 3%,.080554 4%,.119068 5%,.162116 6%,.208536 7.0%,.2573 8%,.3075 9%,.358346 10%,.409157 11%,.45935 12%,.508438 13%,.556014 14.0%,.601751 15%,.645389 16%,.686733 17%,.72564 18%,.762019 19%,.795818 20%,.827026 21%,.855662 22%,.881772 23%,.905423 24%,.926704 25%,.945714 26%,.962568 27%,.977386 28.0%,.990295 29.0%,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.0%,1.01482 56.0%,1.01307 57.0%,1.01142 58.0%,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%,.999849 70%,.999457 71%,.999128 72%,.998858 73%,.99864 74%,.99847 75%,.998342 76%,.998253 77%,.998196 78%,.998169 79%,.998167 80%,.998186 81%,.998224 82%,.998276 83%,.998341 84%,.998415 85%,.998497 86%,.998584 87%,.998675 88%,.998768 89%,.998861 90%,.998954 91%,.999045 92%,.999134 93%,.99922 94%,.999303 95%,.999381 96%,.999455 97%,.999525 98%,.999589 99%,.99965 100%); --easing-common: linear(0,0,.0001,.0002,.0003,.0005,.0007,.001,.0013,.0016,.002,.0024,.0029,.0033,.0039,.0044,.005,.0057,.0063,.007,.0079,.0086,.0094,.0103,.0112,.0121,.0132 1.84%,.0153,.0175,.0201,.0226,.0253,.0283,.0313,.0345,.038,.0416,.0454,.0493,.0535,.0576,.0621,.0667,.0714,.0764,.0816 5.04%,.0897,.098 5.62%,.1071,.1165,.1263 6.56%,.137,.1481 7.25%,.1601 7.62%,.1706 7.94%,.1819 8.28%,.194,.2068 9.02%,.2331 9.79%,.2898 11.44%,.3151 12.18%,.3412 12.95%,.3533,.365 13.66%,.3786,.3918,.4045,.4167,.4288,.4405,.452,.4631 16.72%,.4759,.4884,.5005,.5124,.5242,.5354,.5467,.5576,.5686,.5791,.5894,.5995,.6094,.6194,.6289,.6385,.6477,.6569,.6659 24.45%,.6702,.6747,.6789,.6833,.6877,.6919,.696,.7002,.7043,.7084,.7125,.7165,.7205,.7244,.7283,.7321,.7358,.7396,.7433,.7471,.7507,.7544,.7579,.7615,.7649,.7685,.7718,.7752,.7786,.782,.7853,.7885,.7918,.7951,.7982,.8013,.8043,.8075,.8104,.8135,.8165,.8195,.8224,.8253,.8281,.8309,.8336,.8365,.8391,.8419,.8446,.8472,.8499,.8524,.855,.8575,.8599,.8625 37.27%,.8651,.8678,.8703,.8729,.8754,.8779,.8803,.8827,.8851,.8875,.8898,.892,.8942,.8965,.8987,.9009,.903,.9051,.9071,.9092,.9112,.9132,.9151,.9171,.919,.9209,.9227,.9245,.9262,.928,.9297,.9314,.9331,.9347,.9364,.9379,.9395,.941,.9425,.944,.9454,.9469,.9483,.9497,.951,.9524,.9537,.955,.9562,.9574,.9586,.9599,.961,.9622,.9633,.9644,.9655,.9665,.9676,.9686,.9696,.9705,.9715,.9724,.9733,.9742,.975,.9758,.9766,.9774,.9782,.9789,.9796,.9804,.9811,.9817,.9824,.9831,.9837,.9843,.9849,.9855,.986,.9866,.9871,.9877,.9882,.9887,.9892,.9896 70.56%,.9905 71.67%,.9914 72.82%,.9922,.9929 75.2%,.9936 76.43%,.9942 77.71%,.9948 79.03%,.9954 80.39%,.9959 81.81%,.9963 83.28%,.9968 84.82%,.9972 86.41%,.9975 88.07%,.9979 89.81%,.9982 91.64%,.9984 93.56%,.9987 95.58%,.9989 97.72%,.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-mono: "ui-monospace","SFMono-Regular","SF Mono","Menlo","Consolas","Liberation Mono","monospace"; --spacing: .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: .75rem; --text-xs--line-height: calc(1/.75); --text-sm: .875rem; --text-sm--line-height: calc(1.25/.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: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .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(.4,0,1,1); --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,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: .15s; --default-transition-timing-function: cubic-bezier(.4,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: -.015625rem; --text-heading-2--font-weight: 600; --text-heading-app: 1.75rem; --text-heading-app--line-height: 2.125rem; --text-heading-app--letter-spacing: .02375rem; --text-heading-app--font-weight: 500; --text-heading-3: 1.125rem; --text-heading-3--line-height: 1.625rem; --text-heading-3--letter-spacing: -.028125rem; --text-heading-3--font-weight: 600; --text-body-regular: 1rem; --text-body-regular--line-height: 1.625rem; --text-body-regular--letter-spacing: -.025rem; --text-body-regular--font-weight: 400; --text-body-small-regular: .875rem; --text-body-small-regular--line-height: 1.125rem; --text-body-small-regular--letter-spacing: -.01875rem; --text-body-small-regular--font-weight: 400; --text-footnote-regular: .8125rem; --text-footnote-regular--line-height: 1.125rem; --text-footnote-regular--letter-spacing: -.005rem; --text-footnote-regular--font-weight: 400; --text-footnote-medium: .8125rem; --text-footnote-medium--line-height: 1.25rem; --text-footnote-medium--letter-spacing: -.005rem; --text-footnote-medium--font-weight: 500; --text-monospace: .9375rem; --text-monospace--line-height: 1.375rem; --text-monospace--letter-spacing: -.025rem; --text-monospace--font-weight: 400; --text-caption-regular: .75rem; --text-caption-regular--line-height: 1rem; --text-caption-regular--letter-spacing: -.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-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-label-default-primary: var(--interactive-label-primary-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-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-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-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-tertiary: var(--interactive-label-tertiary-selected); --interactive-label-selected-accent: var(--interactive-label-accent-selected); --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); --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: -.25em } sup { top: -.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 } :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)*.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: .5rem; --sidebar-expanded-section-margin-bottom: 1.25rem; --sidebar-collapsed-section-margin-bottom: .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-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 } :root:has(:is(.deep-research-app,.mattress-app)) { --sidebar-bg: #ffffff29; --sidebar-mask-bg: transparent; --sidebar-moweb-bg: transparent; --sidebar-sticky-backdrop: blur(14px) } :root:has(:is(.deep-research-app,.mattress-app)):where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --sidebar-bg: #00000029 } :root:has(:is(.deep-research-app,.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: .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: .3; --sidebar-surface-floating-alpha: 1; --sidebar-surface-pinned-lightness: .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) } [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: .5rem .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 .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: .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: .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: .3s; transition-timing-function: cubic-bezier(.4,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: .5lh } @keyframes edge-fade { 0% { --top-fade: 0 } 3%,to { --top-fade: var(--edge-fade-distance,.5lh) } 0%,97% { --bottom-fade: var(--edge-fade-distance,.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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% .0000298023 -.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(.4,var(--shimmer-contrast)),color-stop(.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(.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(.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: .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 { transform-origin: 0 0; filter: drop-shadow(0 0 6px #7d5bffb3)drop-shadow(0 0 14px #7d5bff73); background: conic-gradient(#0000 0%,#7d5bfff2 10%,#7d5bff59,#0000 20%); width: 500px; height: 500px; animation: 3s linear infinite rotateShine; 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%) } @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-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) } @media (hover:hover) { .__menu-item:not(:disabled):not([data-disabled]):has([data-trailing-button]:hover):hover { background-color: #0000 } } .__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: .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 } .__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\/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: .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: .8 } .pointer-events-auto { pointer-events: auto } .pointer-events-none { pointer-events: none } .pointer-events-none\! { pointer-events: none !important } .collapse { visibility: collapse } .invisible { visibility: hidden } .visible { visibility: visible } .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-\[-16px\] { top: -16px; bottom: -16px; left: -16px; right: -16px } .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-x-0 { inset-inline: calc(var(--spacing)*0) } .inset-x-1\.5 { inset-inline: calc(var(--spacing)*1.5) } .inset-x-4 { inset-inline: calc(var(--spacing)*4) } .inset-x-6 { inset-inline: calc(var(--spacing)*6) } .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)*-.75) } .-start-0\.75:dir(rtl) { right: calc(var(--spacing)*-.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-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-20:dir(ltr) { left: calc(var(--spacing)*-20) } .-start-20:dir(rtl) { right: calc(var(--spacing)*-20) } .-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-1:dir(ltr) { left: calc(var(--spacing)*1) } .start-1:dir(rtl) { right: calc(var(--spacing)*1) } .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-10:dir(ltr) { left: calc(var(--spacing)*10) } .start-10:dir(rtl) { right: calc(var(--spacing)*10) } .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-\[-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: .81rem } .start-\[0\.81rem\]:dir(rtl) { right: .81rem } .start-\[3\.25rem\]:dir(ltr) { left: 3.25rem } .start-\[3\.25rem\]:dir(rtl) { right: 3.25rem } .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-\[52px\]:dir(ltr) { left: 52px } .start-\[52px\]:dir(rtl) { right: 52px } .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)*-.5) } .-end-0\.5:dir(rtl) { left: calc(var(--spacing)*-.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: -.2rem } .-end-\[0\.2rem\]:dir(rtl) { left: -.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)*.5) } .end-0\.5:dir(rtl) { left: calc(var(--spacing)*.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-\[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)*-.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-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)*.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-8 { top: calc(var(--spacing)*8) } .top-9 { top: calc(var(--spacing)*9) } .top-10 { top: calc(var(--spacing)*10) } .top-14 { top: calc(var(--spacing)*14) } .top-20 { top: calc(var(--spacing)*20) } .top-22 { top: calc(var(--spacing)*22) } .top-46 { top: calc(var(--spacing)*46) } .top-48 { top: calc(var(--spacing)*48) } .top-\[-0\.094rem\] { top: -.094rem } .top-\[-2px\] { top: -2px } .top-\[-4px\] { top: -4px } .top-\[-6px\] { top: -6px } .top-\[-10cqmax\] { top: -10cqmax } .top-\[-20cqmax\] { top: -20cqmax } .top-\[-56px\] { top: -56px } .top-\[-150\%\] { top: -150% } .top-\[\.4em\] { top: .4em } .top-\[0\.1rem\] { top: .1rem } .top-\[0\.2rem\] { top: .2rem } .top-\[0\.5px\] { top: .5px } .top-\[0\.08em\] { top: .08em } .top-\[0\.55rem\] { top: .55rem } .top-\[0cqmax\] { top: 0 } .top-\[1px\] { top: 1px } .top-\[3px\] { top: 3px } .top-\[4px\] { top: 4px } .top-\[10px\] { top: 10px } .top-\[11\.3px\] { top: 11.3px } .top-\[12\.9px\] { top: 12.9px } .top-\[20px\] { top: 20px } .top-\[21\.5px\] { top: 21.5px } .top-\[34\.5px\] { top: 34.5px } .top-\[47px\] { top: 47px } .top-\[70\%\] { top: 70% } .top-\[76px\] { top: 76px } .top-\[80\%\] { top: 80% } .top-\[90\%\] { top: 90% } .top-\[100\%\] { top: 100% } .top-\[200\%\] { top: 200% } .top-\[320px\] { top: 320px } .top-\[calc\(1cap-1ex\)\] { top: calc(1cap - 1ex) } .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-0\! { right: calc(var(--spacing)*0) !important } .right-auto { right: auto } .-bottom-\(--sticky-spacer\) { bottom: calc(var(--sticky-spacer)*-1) } .-bottom-0\.5 { bottom: calc(var(--spacing)*-.5) } .-bottom-1 { bottom: calc(var(--spacing)*-1) } .-bottom-2 { bottom: calc(var(--spacing)*-2) } .-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-\[0\.2rem\] { bottom: -.2rem } .-bottom-\[50px\] { bottom: -50px } .-bottom-px { bottom: -1px } .bottom-0 { bottom: calc(var(--spacing)*0) } .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-40 { bottom: calc(var(--spacing)*40) } .bottom-\[-2px\] { bottom: -2px } .bottom-\[-8px\] { bottom: -8px } .bottom-\[-20cqmax\] { bottom: -20cqmax } .bottom-\[-30cqmax\] { bottom: -30cqmax } .bottom-\[0cqmax\] { bottom: 0 } .bottom-\[8px\] { bottom: 8px } .bottom-\[10px\] { bottom: 10px } .bottom-\[20px\] { bottom: 20px } .bottom-\[28\%\] { bottom: 28% } .bottom-\[64px\] { bottom: 64px } .bottom-\[calc\(100\%\+6\*var\(--spacing\)\)\] { bottom: calc(100% + 6*var(--spacing)) } .bottom-\[calc\(100\%\+14\*var\(--spacing\)\)\] { bottom: calc(100% + 14*var(--spacing)) } .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) !important } .left-1\/2 { left: 50% } .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-0 { z-index: 0 } .z-0\! { z-index: 0 !important } .z-1 { z-index: 1 } .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-26 { z-index: 26 } .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-\[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-\[200\] { z-index: 200 } .z-\[1000\] { z-index: 1000 } .z-\[1001\] { z-index: 1001 } .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-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-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: .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: .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: .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: .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: .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: .3125rem; padding-top: .1875em; padding-bottom: .1875em; font-family: inherit; font-size: .875em; font-weight: 500 } .prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):dir(ltr) { padding-left: .375em; padding-right: .375em } .prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):dir(rtl) { padding-left: .375em; padding-right: .375em } .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) { color: var(--tw-prose-code); background-color: var(--gray-100); border-radius: .25rem; padding: .15rem .3rem; font-size: .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: .875em } .prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) { color: inherit; font-size: .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: .375rem; margin: 0; padding: 0; font-size: .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: .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: .571429em; font-weight: 600 } .prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)):dir(ltr) { padding-left: .571429em; padding-right: .571429em } .prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)):dir(rtl) { padding-left: .571429em; padding-right: .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: .857143em; font-size: .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% -.159115 -2.26791); --tw-prose-kbd: lab(8.11897% .811279 -12.254); --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791); --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533); --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138); --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-td-borders: lab(27.1134% -.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: .5em; margin-bottom: .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: .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: .375em } .prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) { margin-top: .75em; margin-bottom: .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: .75em; margin-bottom: .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: .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: .571429em; padding-bottom: .571429em } .prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)):dir(ltr) { padding-left: .571429em; padding-right: .571429em } .prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)):dir(rtl) { padding-left: .571429em; padding-right: .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)*-.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)*.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-\[24px\] { margin: 24px } .m-auto { margin: auto } .-mx-\(--thread-content-margin\) { margin-inline: calc(var(--thread-content-margin)*-1) } .-mx-0\.5 { margin-inline: calc(var(--spacing)*-.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)*.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-\[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-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)*.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-10 { margin-block: calc(var(--spacing)*10) } .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: -.2rem; margin-bottom: -.2rem } .my-\[12px\] { margin-top: 12px; margin-bottom: 12px } .my-\[32px\] { margin-top: 32px; margin-bottom: 32px } .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)*-.5) } .-ms-0\.5:dir(rtl) { margin-right: calc(var(--spacing)*-.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-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)*.5) } .ms-0\.5:dir(rtl) { margin-right: calc(var(--spacing)*.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-\[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)*-.5) } .-me-0\.5:dir(rtl) { margin-left: calc(var(--spacing)*-.5) } .-me-0\.25:dir(ltr) { margin-right: calc(var(--spacing)*-.25) } .-me-0\.25:dir(rtl) { margin-left: calc(var(--spacing)*-.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-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-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)*.5) } .me-0\.5:dir(rtl) { margin-left: calc(var(--spacing)*.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-\[-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(.5cap - .5lh); display: table } .box-trim-0\.5:after { content: ""; margin-top: calc(.5cap - .5lh); display: table } } .prose-sm { font-size: .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: .888889em; margin-bottom: .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: .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: .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: .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: .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: .3125rem; padding-top: .142857em; padding-bottom: .142857em; font-size: .857143em } .prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):dir(ltr) { padding-left: .357143em; padding-right: .357143em } .prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):dir(rtl) { padding-left: .357143em; padding-right: .357143em } .prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) { font-size: .857143em } .prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) { font-size: .9em } .prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) { font-size: .888889em } .prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) { border-radius: .25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; padding-top: .666667em; padding-bottom: .666667em; font-size: .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: .285714em; margin-bottom: .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: .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: .428571em } .prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) { margin-top: .571429em; margin-bottom: .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: .571429em; margin-bottom: .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: .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: .857143em; line-height: 1.5 } .prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) { padding-bottom: .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: .666667em; padding-bottom: .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: .666667em; font-size: .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)*-.5) } .-mt-0\.25 { margin-top: calc(var(--spacing)*-.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-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)*.5) } .mt-0\.25 { margin-top: calc(var(--spacing)*.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-11 { margin-top: calc(var(--spacing)*11) } .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-20 { margin-top: calc(var(--spacing)*20) } .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-40 { margin-top: calc(var(--spacing)*40) } .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: .5px } .mt-\[0\.225rem\] { margin-top: .225rem } .mt-\[0\.425rem\] { margin-top: .425rem } .mt-\[0\.0625em\] { margin-top: .0625em } .mt-\[0px\] { margin-top: 0 } .mt-\[1px\] { margin-top: 1px } .mt-\[2px\] { margin-top: 2px } .mt-\[3px\] { margin-top: 3px } .mt-\[5px\] { margin-top: 5px } .mt-\[14px\] { margin-top: 14px } .mt-\[20px\] { margin-top: 20px } .mt-\[22px\] { margin-top: 22px } .mt-\[24\.5px\] { margin-top: 24.5px } .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-\[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) } .-mb-\(--composer-overlap-px\) { margin-bottom: calc(var(--composer-overlap-px)*-1) } .-mb-0\.5 { margin-bottom: calc(var(--spacing)*-.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)*.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: .225rem } .mb-\[0\.425rem\] { margin-bottom: .425rem } .mb-\[0\.3125rem\] { margin-bottom: .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-\[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-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 } .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: .5rem .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 } .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-block { display: inline-block } .inline-flex { display: inline-flex } .inline-grid { display: inline-grid } .list-item { display: list-item } .table { display: table } .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\/3 { aspect-ratio: 4/3 } .aspect-4\/7 { aspect-ratio: 4/7 } .aspect-7\/4 { aspect-ratio: 7/4 } .aspect-16\/9 { aspect-ratio: 16/9 } .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-\[5\/4\] { aspect-ratio: 5/4 } .aspect-\[13\/16\] { aspect-ratio: 13/16 } .aspect-\[16\/9\] { aspect-ratio: 16/9 } .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-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-4 { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4) } .size-5 { width: calc(var(--spacing)*5); height: calc(var(--spacing)*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-22 { width: calc(var(--spacing)*22); height: calc(var(--spacing)*22) } .size-\[1lh\] { width: 1lh; height: 1lh } .size-\[10px\] { width: 10px; height: 10px } .size-\[18px\] { width: 18px; height: 18px } .size-full { width: 100%; height: 100% } .size-min { width: -webkit-min-content; width: min-content; height: -webkit-min-content; height: min-content } .\!h-\[76px\] { height: 76px !important } .h-\(--composer-container-height\,100\%\) { height: var(--composer-container-height,100%) } .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)*.5) } .h-1 { height: calc(var(--spacing)*1) } .h-1\.5 { height: calc(var(--spacing)*1.5) } .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-4\.5\! { height: calc(var(--spacing)*4.5) !important } .h-5 { height: calc(var(--spacing)*5) } .h-6 { height: calc(var(--spacing)*6) } .h-6\! { height: calc(var(--spacing)*6) !important } .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\.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-14\.5 { height: calc(var(--spacing)*14.5) } .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-23 { height: calc(var(--spacing)*23) } .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-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-80 { height: calc(var(--spacing)*80) } .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: .6rem } .h-\[0\.75em\] { height: .75em } .h-\[0\.75rem\] { height: .75rem } .h-\[0px\] { height: 0 } .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-\[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-\[15dvh\] { height: 15dvh } .h-\[15px\] { height: 15px } .h-\[16px\] { height: 16px } .h-\[18px\] { height: 18px } .h-\[18px\]\! { height: 18px !important } .h-\[20px\] { height: 20px } .h-\[21px\] { height: 21px } .h-\[22px\] { height: 22px } .h-\[23px\] { height: 23px } .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-\[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-\[57px\] { height: 57px } .h-\[60px\] { height: 60px } .h-\[60vh\] { height: 60vh } .h-\[62px\] { height: 62px } .h-\[64px\] { height: 64px } .h-\[65px\] { height: 65px } .h-\[66px\] { height: 66px } .h-\[68px\] { height: 68px } .h-\[70dvh\] { height: 70dvh } .h-\[70px\] { height: 70px } .h-\[70vh\] { height: 70vh } .h-\[72px\] { height: 72px } .h-\[76px\] { height: 76px } .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-\[95dvh\] { height: 95dvh } .h-\[100\%\] { height: 100% } .h-\[100cqh\] { height: 100cqh } .h-\[100dvh\] { height: 100dvh } .h-\[100px\] { height: 100px } .h-\[100vh\] { height: 100vh } .h-\[104px\] { height: 104px } .h-\[116px\] { height: 116px } .h-\[120px\] { height: 120px } .h-\[128px\] { height: 128px } .h-\[132px\] { height: 132px } .h-\[140px\] { height: 140px } .h-\[147px\] { height: 147px } .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-\[200\%\] { height: 200% } .h-\[200px\] { height: 200px } .h-\[205px\] { height: 205px } .h-\[213px\] { height: 213px } .h-\[214px\] { height: 214px } .h-\[220px\] { height: 220px } .h-\[224px\] { height: 224px } .h-\[240px\] { height: 240px } .h-\[244px\] { height: 244px } .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-\[375px\] { height: 375px } .h-\[378px\] { height: 378px } .h-\[400\%\] { height: 400% } .h-\[400px\] { height: 400px } .h-\[420px\] { height: 420px } .h-\[440px\] { height: 440px } .h-\[480px\] { height: 480px } .h-\[500px\] { height: 500px } .h-\[532px\] { height: 532px } .h-\[540px\] { height: 540px } .h-\[600px\] { height: 600px } .h-\[640px\] { height: 640px } .h-\[650px\] { height: 650px } .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-25rem\)\] { height: calc(100vh - 25rem) } .h-\[calc\(100vh-325px\)\] { height: calc(100vh - 325px) } .h-\[calc\(100vh-theme\(spacing\.header-height\)-80px\)\] { height: calc(100vh - var(--header-height) - 80px) } .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-\[min\(544px\,80vh\)\] { height: min(544px,80vh) } .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-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-75 { max-height: calc(var(--spacing)*75) } .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-\[20px\] { max-height: 20px } .max-h-\[25dvh\] { max-height: 25dvh } .max-h-\[28rem\] { max-height: 28rem } .max-h-\[40svh\] { max-height: 40svh } .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-\[90px\] { max-height: 90px } .max-h-\[90vh\] { max-height: 90vh } .max-h-\[95\%\] { max-height: 95% } .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-\[250px\] { max-height: 250px } .max-h-\[260px\] { max-height: 260px } .max-h-\[273px\] { max-height: 273px } .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-\[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-\[544px\]\! { max-height: 544px !important } .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-\[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-46px\)\] { max-height: calc(100vh - 46px) } .max-h-\[calc\(100vh-150px\)\] { max-height: calc(100vh - 150px) } .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\,492px\)\] { max-height: min(40vh,492px) } .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-screen { max-height: 100vh } .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-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-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-68 { min-height: calc(var(--spacing)*68) } .min-h-96 { min-height: calc(var(--spacing)*96) } .min-h-\[3\.25rem\] { min-height: 3.25rem } .min-h-\[4\.5rem\] { min-height: 4.5rem } .min-h-\[5rem\] { min-height: 5rem } .min-h-\[8rem\] { min-height: 8rem } .min-h-\[12rem\] { min-height: 12rem } .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-\[26px\] { min-height: 26px } .min-h-\[30px\] { min-height: 30px } .min-h-\[36px\] { min-height: 36px } .min-h-\[36px\]\! { min-height: 36px !important } .min-h-\[38px\] { min-height: 38px } .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-\[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-\[56px\] { min-height: 56px } .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-\[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-\[180px\] { min-height: 180px } .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-\[240px\] { min-height: 240px } .min-h-\[250px\] { min-height: 250px } .min-h-\[260px\] { min-height: 260px } .min-h-\[272px\] { min-height: 272px } .min-h-\[273px\] { min-height: 273px } .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-\[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-\[560px\] { min-height: 560px } .min-h-\[600px\] { min-height: 600px } .min-h-\[640px\] { min-height: 640px } .min-h-\[700px\] { min-height: 700px } .min-h-\[755px\] { min-height: 755px } .min-h-\[calc\(100dvh-var\(--header-height\)-88px\)\] { min-height: calc(100dvh - var(--header-height) - 88px) } .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-screen { min-height: 100vh } .min-h-svh { min-height: 100svh } .\!w-full { width: 100% !important } .\[width\:min\(90cqw\,var\(--thread-content-max-width\)\)\] { width: min(90cqw,var(--thread-content-max-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)*.5) } .w-1 { width: calc(var(--spacing)*1) } .w-1\.5 { width: calc(var(--spacing)*1.5) } .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: calc(var(--spacing)*4.5) !important } .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-10 { width: calc(var(--spacing)*10) } .w-10\/12 { width: 83.3333% } .w-11 { width: calc(var(--spacing)*11) } .w-11\.5 { width: calc(var(--spacing)*11.5) } .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-14\.5 { width: calc(var(--spacing)*14.5) } .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-23 { width: calc(var(--spacing)*23) } .w-24 { width: calc(var(--spacing)*24) } .w-28 { width: calc(var(--spacing)*28) } .w-30 { width: calc(var(--spacing)*30) } .w-32 { width: calc(var(--spacing)*32) } .w-35 { width: calc(var(--spacing)*35) } .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: .75em } .w-\[0\.75rem\] { width: .75rem } .w-\[1lh\]\! { width: 1lh !important } .w-\[1px\] { width: 1px } .w-\[2px\] { width: 2px } .w-\[3px\] { width: 3px } .w-\[4px\] { width: 4px } .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-\[12px\] { width: 12px } .w-\[13\.333px\] { width: 13.333px } .w-\[13px\] { width: 13px } .w-\[14px\] { width: 14px } .w-\[15px\] { width: 15px } .w-\[16px\] { width: 16px } .w-\[18px\] { width: 18px } .w-\[18px\]\! { width: 18px !important } .w-\[19ch\] { width: 19ch } .w-\[20\%\] { width: 20% } .w-\[20px\] { width: 20px } .w-\[21px\] { width: 21px } .w-\[22\%\] { width: 22% } .w-\[22px\] { width: 22px } .w-\[23px\] { width: 23px } .w-\[24px\] { width: 24px } .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-\[34px\] { width: 34px } .w-\[37px\] { width: 37px } .w-\[40px\] { width: 40px } .w-\[42px\] { width: 42px } .w-\[44px\] { width: 44px } .w-\[45\%\] { width: 45% } .w-\[45px\] { width: 45px } .w-\[48px\] { width: 48px } .w-\[50\%\] { width: 50% } .w-\[50vw\] { width: 50vw } .w-\[54px\] { width: 54px } .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-\[65px\] { width: 65px } .w-\[66\%\] { width: 66% } .w-\[70\%\] { width: 70% } .w-\[70px\] { width: 70px } .w-\[72px\] { width: 72px } .w-\[74\%\] { width: 74% } .w-\[75\%\] { width: 75% } .w-\[75px\] { width: 75px } .w-\[78\%\] { width: 78% } .w-\[80\%\] { width: 80% } .w-\[80px\] { width: 80px } .w-\[80vw\] { width: 80vw } .w-\[80vw\]\! { width: 80vw !important } .w-\[82\%\] { width: 82% } .w-\[82vw\] { width: 82vw } .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-\[96\%\] { width: 96% } .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-\[120px\] { width: 120px } .w-\[125px\] { width: 125px } .w-\[128px\] { width: 128px } .w-\[140px\] { width: 140px } .w-\[142px\] { width: 142px } .w-\[160px\] { width: 160px } .w-\[170px\] { width: 170px } .w-\[180px\] { width: 180px } .w-\[190\%\] { width: 190% } .w-\[200\%\] { width: 200% } .w-\[200px\] { width: 200px } .w-\[201px\] { width: 201px } .w-\[210px\] { width: 210px } .w-\[220px\] { width: 220px } .w-\[222px\] { width: 222px } .w-\[230px\] { width: 230px } .w-\[232px\] { width: 232px } .w-\[240px\] { width: 240px } .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-\[328px\] { width: 328px } .w-\[340px\] { width: 340px } .w-\[345px\] { width: 345px } .w-\[350px\] { width: 350px } .w-\[360px\] { width: 360px } .w-\[378px\] { width: 378px } .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 } .w-\[420px\]\! { width: 420px !important } .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-\[540px\] { width: 540px } .w-\[550px\] { width: 550px } .w-\[600px\] { width: 600px } .w-\[640px\] { width: 640px } .w-\[700px\] { width: 700px } .w-\[800px\] { width: 800px } .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\(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\(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\,680px\)\] { width: min(92vw,680px) } .w-\[min\(94vw\,1100px\)\] { width: min(94vw,1100px) } .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\,95dvw\)\] { width: min(420px,95dvw) } .w-\[min\(720px\,calc\(100vw-16px\)\)\] { width: min(720px,100vw - 16px) } .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-\(--breakpoint-2xl\) { max-width: var(--breakpoint-2xl) } .max-w-\(--breakpoint-md\) { max-width: var(--breakpoint-md) } .max-w-\(--sidebar-width\) { max-width: var(--sidebar-width) } .max-w-\(--thread-content-max-width\) { max-width: var(--thread-content-max-width) } .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-\[8rem\] { max-width: 8rem } .max-w-\[10rem\] { max-width: 10rem } .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-\[22\%\] { max-width: 22% } .max-w-\[22rem\] { max-width: 22rem } .max-w-\[28rem\] { max-width: 28rem } .max-w-\[30rem\] { max-width: 30rem } .max-w-\[40vw\] { max-width: 40vw } .max-w-\[46rem\] { max-width: 46rem } .max-w-\[48rem\] { max-width: 48rem } .max-w-\[50\%\] { max-width: 50% } .max-w-\[50vw\] { max-width: 50vw } .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-\[88px\] { max-width: 88px } .max-w-\[90\%\] { max-width: 90% } .max-w-\[90vw\] { max-width: 90vw } .max-w-\[94rem\] { max-width: 94rem } .max-w-\[95vw\] { max-width: 95vw } .max-w-\[100px\] { max-width: 100px } .max-w-\[100vw\] { max-width: 100vw } .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-\[176px\] { max-width: 176px } .max-w-\[180px\] { max-width: 180px } .max-w-\[200px\] { max-width: 200px } .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-\[256px\] { max-width: 256px } .max-w-\[260px\] { max-width: 260px } .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-\[320px\] { max-width: 320px } .max-w-\[328px\] { max-width: 328px } .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-\[412px\] { max-width: 412px } .max-w-\[416px\] { max-width: 416px } .max-w-\[420px\] { max-width: 420px } .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-\[540px\] { max-width: 540px } .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-\[640px\] { max-width: 640px } .max-w-\[640px\]\! { max-width: 640px !important } .max-w-\[650px\] { max-width: 650px } .max-w-\[660px\] { max-width: 660px } .max-w-\[664px\] { max-width: 664px } .max-w-\[680px\] { max-width: 680px } .max-w-\[680px\]\! { max-width: 680px !important } .max-w-\[690px\] { max-width: 690px } .max-w-\[700px\] { max-width: 700px } .max-w-\[720px\] { max-width: 720px } .max-w-\[728px\] { max-width: 728px } .max-w-\[760px\] { max-width: 760px } .max-w-\[768px\] { max-width: 768px } .max-w-\[800px\] { max-width: 800px } .max-w-\[820px\] { max-width: 820px } .max-w-\[896px\] { max-width: 896px } .max-w-\[900px\] { max-width: 900px } .max-w-\[960px\] { max-width: 960px } .max-w-\[980px\] { max-width: 980px } .max-w-\[1000px\] { max-width: 1000px } .max-w-\[1040px\] { max-width: 1040px } .max-w-\[1060px\] { max-width: 1060px } .max-w-\[1180px\] { max-width: 1180px } .max-w-\[1200px\] { max-width: 1200px } .max-w-\[1240px\] { max-width: 1240px } .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-\[calc\(0\.8\*var\(--thread-content-max-width\,40rem\)\)\] { max-width: calc(.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\(100vw-2rem\)\] { max-width: calc(100vw - 2rem) } .max-w-\[calc\(100vw-32px\)\] { max-width: calc(100vw - 32px) } .max-w-\[calc\(100vw-48px\)\] { max-width: calc(100vw - 48px) } .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\(420px\,95dvw\)\] { max-width: min(420px,95dvw) } .max-w-\[min\(480px\,95dvw\)\] { max-width: min(480px,95dvw) } .max-w-\[min\(800px\,100\%\)\] { max-width: min(800px,100%) } .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-\(--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-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-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-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-\[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-\[50\%\] { min-width: 50% } .min-w-\[50px\] { min-width: 50px } .min-w-\[56rem\] { min-width: 56rem } .min-w-\[60px\] { min-width: 60px } .min-w-\[62px\] { min-width: 62px } .min-w-\[72px\] { min-width: 72px } .min-w-\[80px\] { min-width: 80px } .min-w-\[84px\] { min-width: 84px } .min-w-\[88px\] { min-width: 88px } .min-w-\[100px\] { min-width: 100px } .min-w-\[110px\] { min-width: 110px } .min-w-\[120px\] { min-width: 120px } .min-w-\[130px\] { min-width: 130px } .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-\[180px\] { min-width: 180px } .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-\[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-\[375px\] { min-width: 375px } .min-w-\[400px\] { min-width: 400px } .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-\[calc\(100\%\/3\)\] { min-width: 33.3333% } .min-w-\[calc\(var\(--sidebar-width\)-12px\)\] { min-width: calc(var(--sidebar-width) - 12px) } .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\(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-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 } .grow-1 { flex-grow: 1 } .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% - .666667rem) } .basis-\[calc\(\(100\%-3rem\)\/3\.5\)\] { flex-basis: calc(28.5714% - .857143rem) } .basis-\[calc\(\(100\%-3rem\)\/4\)\] { flex-basis: calc(25% - .75rem) } .basis-\[calc\(50\%-0\.375rem\)\] { flex-basis: calc(50% - .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) } .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-start { transform-origin: var(--start) } .origin-top-left { transform-origin: 0 0 } .-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-8 { --tw-translate-x: calc(var(--spacing)*-8); 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-\[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-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-\[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)*-.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-\[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)*.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-\[-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-\[-100lvh\] { --tw-translate-y: -100lvh; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-\[0\.5px\] { --tw-translate-y: .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-\[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-\[0\.9\] { scale: .9 } .scale-\[0\.85\] { scale: .85 } .scale-\[0\.92\] { scale: .92 } .scale-\[0\.98\] { scale: .98 } .-rotate-2 { rotate: -2deg } .-rotate-3 { rotate: -3deg } .-rotate-4 { rotate: -4deg } .-rotate-13 { rotate: -13deg } .-rotate-15 { rotate: -15deg } .-rotate-45 { rotate: -45deg } .-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-\[-90deg\] { rotate: -90deg } .rotate-\[1deg\] { rotate: 1deg } .rotate-\[3\.61deg\] { rotate: 3.61deg } .rotate-\[3deg\] { rotate: 3deg } .rotate-\[5deg\] { rotate: 5deg } .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 { transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) } .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,) } .animate-\[hive-log-fadeout_0\.3s_1\.5s_forwards\] { animation: .3s 1.5s forwards hive-log-fadeout } .animate-\[show_150ms_ease-in\] { animation: .15s ease-in show } .animate-\[slide-in-left_0\.2s_forwards\] { animation: .2s forwards slide-in-left } .animate-\[slide-in-right_0\.2s_forwards\] { animation: .2s forwards slide-in-right } .animate-\[slide-out-left_0\.2s_forwards\] { animation: .2s forwards slide-out-left } .animate-\[slide-out-right_0\.2s_forwards\] { animation: .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: .1s cubic-bezier(.16,1,.3,1) show } .animate-slideLeftAndFade { animation: .2s cubic-bezier(.16,1,.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-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-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\)\+24px\)\] { scroll-margin-top: calc(var(--header-height) + 24px) } .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: .5rem .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 } .columns-1 { columns: 1 } .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-\[5fr_1fr\] { grid-template-columns: 5fr 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-\[80px_180px_1fr\] { grid-template-columns: 80px 180px 1fr } .grid-cols-\[80px_180px_180px_1fr\] { grid-template-columns: 80px 180px 180px 1fr } .grid-cols-\[180px_1fr_32px\] { grid-template-columns: 180px 1fr 32px } .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_max-content\] { grid-template-columns: auto max-content } .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0,1fr) } .grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,1fr) } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1fr) auto } .grid-cols-\[minmax\(0\,1fr\)_max-content\] { grid-template-columns: minmax(0,1fr) max-content } .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-\[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\(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-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-template-rows\:auto_1fr\] { grid-template-rows: auto 1fr } .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-\[auto_1fr_24px\] { grid-template-rows: auto 1fr 24px } .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_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-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-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)*.5) } .gap-0\.25 { gap: calc(var(--spacing)*.25) } .gap-0\.75 { gap: calc(var(--spacing)*.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-\[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-\[16px\] { gap: 16px } .gap-\[18px\] { gap: 18px } .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(.3em + 4px) } .gap-\[inherit\] { gap: inherit } .gap-\[min\(10dvw\,_200px\)\] { gap: min(10dvw,200px) } .gap-bar { gap: var(--bar-gap,.25rem) } .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)*.5)*var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing)*.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-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-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-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-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-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(.5px*var(--tw-divide-y-reverse)); border-bottom-width: calc(.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/.05) } :where(.divide-black\/15>:not(:last-child)) { border-color: #00000026; border-color: lab(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)) { border-color: var(--border-light) } :where(.divide-white\/10>:not(:last-child)) { border-color: #ffffff1a; border-color: lab(100% -.0000298023 .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-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 } .scroll-smooth { scroll-behavior: smooth } .rounded { border-radius: .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: .25em } .rounded-\[0\.25rem\] { border-radius: .25rem } .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-\[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-\[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-\[25px\] { border-radius: 25px } .rounded-\[27px\] { border-radius: 27px } .rounded-\[28px\] { border-radius: 28px } .rounded-\[30px\] { border-radius: 30px } .rounded-\[32px\] { border-radius: 32px } .rounded-\[36px\] { border-radius: 36px } .rounded-\[38px\] { border-radius: 38px } .rounded-\[40px\] { border-radius: 40px } .rounded-\[64px\] { border-radius: 64px } .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: .25rem; border-bottom-left-radius: .25rem } .rounded-s:dir(rtl) { border-top-right-radius: .25rem; border-bottom-right-radius: .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: .25rem; border-bottom-right-radius: .25rem } .rounded-e:dir(rtl) { border-top-left-radius: .25rem; border-bottom-left-radius: .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-sm:dir(ltr) { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm) } .rounded-e-sm:dir(rtl) { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm) } .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: .25rem; border-top-right-radius: .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-\[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-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-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-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .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) } .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: .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: .5px } .border-\[1px\] { border-style: var(--tw-border-style); border-width: 1px } .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: .5px } .border-s-thin:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: .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: .5px } .border-s-\[0\.5px\]:dir(rtl) { border-right-style: var(--tw-border-style); border-right-width: .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: .5px } .border-t-\[1px\] { border-top-style: var(--tw-border-style); border-top-width: 1px } .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: .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: .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-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-gray-200 { border-color: var(--gray-200) !important } .border-\(--bento-border-color\) { border-color: var(--bento-border-color) } .border-\[\#0D0D0D1A\] { border-color: #0d0d0d1a } .border-\[\#0c8b6b\]\/40 { border-color: #0c8b6b66; border-color: lab(51.2463% -38.7928 7.89099/.4) } .border-\[\#0c8b6b\]\/60 { border-color: #0c8b6b99; border-color: lab(51.2463% -38.7928 7.89099/.6) } .border-\[\#0285FF\] { border-color: #0285ff } .border-\[\#5856D6\] { border-color: #5856d6 } .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-\[\#DDD8FF\] { border-color: #ddd8ff } .border-\[\#E25507\] { border-color: #e25507 } .border-\[\#EDEDF2\] { border-color: #ededf2 } .border-\[\#df1b41\] { border-color: #df1b41 } .border-\[\#e3e6e8\] { border-color: #e3e6e8 } .border-\[\#f4f4f4\] { border-color: #f4f4f4 } .border-\[\#f7f7f7\] { border-color: #f7f7f7 } .border-\[rgba\(0\,0\,0\,0\.1\)\] { border-color: #0000001a } .border-\[rgba\(0\,0\,0\,0\.12\)\] { border-color: #0000001f } .border-\[rgba\(0\,0\,0\,0\.18\)\] { border-color: #0000002e } .border-\[rgba\(13\,13\,13\,0\.05\)\] { border-color: #0d0d0d0d } .border-\[rgba\(185\,200\,246\,0\.6\)\] { border-color: #b9c8f699 } .border-\[var\(--border-heavy\)\] { border-color: var(--border-heavy) } .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/.05) } .border-black\/10 { border-color: #0000001a; border-color: lab(0% 0 0/.1) } .border-black\/25 { border-color: #00000040; border-color: lab(0% 0 0/.25) } .border-black\/\[0\.12\] { border-color: #0000001f; border-color: lab(0% 0 0/.12) } .border-black\/\[0\.075\] { border-color: #00000013; border-color: lab(0% 0 0/.075) } .border-blue-100 { border-color: var(--blue-100) } .border-blue-200, .border-blue-200\/80 { border-color: var(--blue-200) } @supports (color:color-mix(in lab, red, red)) { .border-blue-200\/80 { border-color: color-mix(in oklab,var(--blue-200)80%,transparent) } } .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\/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-color: currentColor } .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-500 { border-color: var(--green-500) } .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-color: var(--orange-500) } .border-red-200 { border-color: var(--red-200) } .border-red-400 { border-color: var(--red-400) } .border-red-500 { border-color: var(--red-500) } .border-red-500\! { border-color: var(--red-500) !important } .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\/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-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-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-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% -.0000298023 .0000119209/.05) } .border-white\/10 { border-color: #ffffff1a; border-color: lab(100% -.0000298023 .0000119209/.1) } .border-white\/10\! { border-color: #ffffff1a !important; border-color: lab(100% -.0000298023 .0000119209/.1) !important } .border-white\/15 { border-color: #ffffff26; border-color: lab(100% -.0000298023 .0000119209/.15) } .border-white\/20 { border-color: #fff3; border-color: lab(100% -.0000298023 .0000119209/.2) } .border-white\/50 { border-color: #ffffff80; border-color: lab(100% -.0000298023 .0000119209/.5) } .border-white\/80 { border-color: #fffc; border-color: lab(100% -.0000298023 .0000119209/.8) } .border-yellow-200 { border-color: var(--yellow-200) } .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/.075) } .border-t-blue-500 { border-top-color: var(--blue-500) } .border-t-token-border-default { border-top-color: var(--border-default) } .border-t-token-border-xlight { border-top-color: var(--border-xlight) } .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/.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% -.0000298023 .0000119209/.1) } } .\!bg-\[\#F3F3F3\] { background-color: #f3f3f3 !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-\[\#0000000f\] { background-color: #0000000f } .bg-\[\#3a3a3a\] { background-color: #3a3a3a } .bg-\[\#04b84c\] { background-color: #04b84c } .bg-\[\#6B91F1\] { background-color: #6b91f1 } .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/.15) } .bg-\[\#14A27F\] { background-color: #14a27f } .bg-\[\#22c55e\] { background-color: #22c55e } .bg-\[\#78C6F0\] { background-color: #78c6f0 } .bg-\[\#0088FF\] { background-color: #08f } .bg-\[\#282C34\] { background-color: #282c34 } .bg-\[\#0285FF\] { background-color: #0285ff } .bg-\[\#4243DB\]\/40 { background-color: #4243db66; background-color: lab(36.9855% 38.5486 -79.2408/.4) } .bg-\[\#4285F4\] { background-color: #4285f4 } .bg-\[\#5856D6\] { background-color: #5856d6 } .bg-\[\#5856D612\] { background-color: #5856d612 } .bg-\[\#59636E20\] { background-color: #59636e20 } .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-\[\#ECF0FF\] { background-color: #ecf0ff } .bg-\[\#EDF7FF\] { background-color: #edf7ff } .bg-\[\#F1F1F1\] { background-color: #f1f1f1 } .bg-\[\#F1F1FB\] { background-color: #f1f1fb } .bg-\[\#F2F0FF\] { background-color: #f2f0ff } .bg-\[\#F2FBF4\] { background-color: #f2fbf4 } .bg-\[\#F3F3F3\] { background-color: #f3f3f3 } .bg-\[\#F4F4F4\] { background-color: #f4f4f4 } .bg-\[\#F4F4F4\]\! { background-color: #f4f4f4 !important } .bg-\[\#F5F5FF\] { background-color: #f5f5ff } .bg-\[\#F7F7F7\] { background-color: #f7f7f7 } .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-\[\#e2c541\] { background-color: #e2c541 } .bg-\[\#ebebf0\] { background-color: #ebebf0 } .bg-\[\#ececf1\] { background-color: #ececf1 } .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/.4) } .bg-\[\#f7f7f7\] { background-color: #f7f7f7 } .bg-\[\#f7f7f7\]\! { background-color: #f7f7f7 !important } .bg-\[\#f8fafd\] { background-color: #f8fafd } .bg-\[\#f87171\] { background-color: #f87171 } .bg-\[\#fafaf9\] { background-color: #fafaf9 } .bg-\[\#fff5f7\] { background-color: #fff5f7 } .bg-\[Highlight\] { background-color: highlight } .bg-\[Highlight\]\! { background-color: highlight !important } .bg-\[rgba\(0\,0\,0\,0\.03\)\] { background-color: #00000008 } .bg-\[rgba\(0\,0\,0\,0\.024\)\] { background-color: #00000006 } .bg-\[rgba\(13\,13\,13\,0\.90\)\]\! { background-color: #0d0d0de6 !important } .bg-\[rgba\(29\,155\,209\,0\.1\)\] { background-color: #1d9bd11a } .bg-\[rgba\(88\,86\,214\,0\.15\)\]\! { background-color: #5856d626 !important } .bg-\[rgba\(88\,86\,214\,0\.25\)\]\! { background-color: #5856d640 !important } .bg-\[rgba\(249\,249\,249\,1\)\] { background-color: #f9f9f9 } .bg-\[rgba\(255\,214\,10\,0\.1\)\] { background-color: #ffd60a1a } .bg-\[var\(--bg-quaternary\)\] { background-color: var(--bg-quaternary) } .bg-\[var\(--bg-secondary\)\] { background-color: var(--bg-secondary) } .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\(--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\/5 { background-color: #0000000d; background-color: lab(0% 0 0/.05) } .bg-black\/5\! { background-color: #0000000d !important; background-color: lab(0% 0 0/.05) !important } .bg-black\/7 { background-color: #00000012; background-color: lab(0% 0 0/.07) } .bg-black\/10 { background-color: #0000001a; background-color: lab(0% 0 0/.1) } .bg-black\/15 { background-color: #00000026; background-color: lab(0% 0 0/.15) } .bg-black\/20 { background-color: #0003; background-color: lab(0% 0 0/.2) } .bg-black\/25 { background-color: #00000040; background-color: lab(0% 0 0/.25) } .bg-black\/30 { background-color: #0000004d; background-color: lab(0% 0 0/.3) } .bg-black\/40 { background-color: #0006; background-color: lab(0% 0 0/.4) } .bg-black\/45 { background-color: #00000073; background-color: lab(0% 0 0/.45) } .bg-black\/50 { background-color: #00000080; background-color: lab(0% 0 0/.5) } .bg-black\/60 { background-color: #0009; background-color: lab(0% 0 0/.6) } .bg-black\/70 { background-color: #000000b3; background-color: lab(0% 0 0/.7) } .bg-black\/80 { background-color: #000c; background-color: lab(0% 0 0/.8) } .bg-black\/85 { background-color: #000000d9; background-color: lab(0% 0 0/.85) } .bg-black\/90 { background-color: #000000e6; background-color: lab(0% 0 0/.9) } .bg-black\/\[0\.075\] { background-color: #00000013; background-color: lab(0% 0 0/.075) } .bg-blue-25 { background-color: var(--blue-25) } .bg-blue-50, .bg-blue-50\/90 { background-color: var(--blue-50) } @supports (color:color-mix(in lab, red, red)) { .bg-blue-50\/90 { background-color: color-mix(in oklab,var(--blue-50)90%,transparent) } } .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\/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/.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 { background-color: currentColor } .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\!, .bg-gray-200\/45\! { background-color: var(--gray-200) !important } @supports (color:color-mix(in lab, red, red)) { .bg-gray-200\/45\! { background-color: color-mix(in oklab,var(--gray-200)45%,transparent) !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-400\/25\! { background-color: var(--gray-400) !important } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/25\! { background-color: color-mix(in oklab,var(--gray-400)25%,transparent) !important } } .bg-gray-500, .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% -.00000745058 .00000298023/.1) } .bg-green-25 { background-color: var(--green-25) } .bg-green-50 { background-color: var(--green-50) } .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-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 { background-color: var(--orange-500) } .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\/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 { background-color: var(--red-50) } .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-200 { background-color: var(--red-200) } .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\/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\/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-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\/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\/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\/25 { background-color: var(--bg-secondary) } @supports (color:color-mix(in lab, red, red)) { .bg-token-bg-secondary\/25 { background-color: color-mix(in oklab,var(--bg-secondary)25%,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\/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\/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 { background-color: var(--interactive-bg-accent-muted-context) } .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, .bg-token-text-secondary\/30 { background-color: var(--text-secondary) } @supports (color:color-mix(in lab, red, red)) { .bg-token-text-secondary\/30 { background-color: color-mix(in oklab,var(--text-secondary)30%,transparent) } } .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\/30 { background-color: var(--text-tertiary) } @supports (color:color-mix(in lab, red, red)) { .bg-token-text-tertiary\/30 { background-color: color-mix(in oklab,var(--text-tertiary)30%,transparent) } } .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% -.0000298023 .0000119209/.05) } .bg-white\/10 { background-color: #ffffff1a; background-color: lab(100% -.0000298023 .0000119209/.1) } .bg-white\/20 { background-color: #fff3; background-color: lab(100% -.0000298023 .0000119209/.2) } .bg-white\/25 { background-color: #ffffff40; background-color: lab(100% -.0000298023 .0000119209/.25) } .bg-white\/30 { background-color: #ffffff4d; background-color: lab(100% -.0000298023 .0000119209/.3) } .bg-white\/30\! { background-color: #ffffff4d !important; background-color: lab(100% -.0000298023 .0000119209/.3) !important } .bg-white\/40 { background-color: #fff6; background-color: lab(100% -.0000298023 .0000119209/.4) } .bg-white\/60 { background-color: #fff9; background-color: lab(100% -.0000298023 .0000119209/.6) } .bg-white\/70 { background-color: #ffffffb3; background-color: lab(100% -.0000298023 .0000119209/.7) } .bg-white\/80 { background-color: #fffc; background-color: lab(100% -.0000298023 .0000119209/.8) } .bg-white\/90 { background-color: #ffffffe6; background-color: lab(100% -.0000298023 .0000119209/.9) } .bg-white\/92 { background-color: #ffffffeb; background-color: lab(100% -.0000298023 .0000119209/.92) } .bg-white\/95 { background-color: #fffffff2; background-color: lab(100% -.0000298023 .0000119209/.95) } .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 { background-color: var(--yellow-100) } .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\/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)) } .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/.3) 80%,#0000 100%) } .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\(circle\,_\#aaaaaa_0\.75px\,_transparent_0\.75px\)\] { background-image: radial-gradient(circle,#aaa .75px,#0000 .75px) } .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\,white\,white_4px\,\#e5e7eb_4px\,\#e5e7eb_8px\)\] { background-image: repeating-linear-gradient(-45deg,#fff,#fff 4px,#e5e7eb 4px,#e5e7eb 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-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-\[\#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/.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/.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/.35) } } .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/.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/.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/.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-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-\[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\/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/.08) } } .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/.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/.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/.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\/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\/65 { --tw-gradient-via: #ffffffa6; --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\/65 { --tw-gradient-via: lab(100% -.0000298023 .0000119209/.65) } } .via-30\% { --tw-gradient-via-position: 30% } .via-50\% { --tw-gradient-via-position: 50% } .via-60\% { --tw-gradient-via-position: 60% } .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-\[\#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-\[\#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\/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/.1) } } .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/.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/.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\/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% -.0000298023 .0000119209/.2) } } .to-white\/92 { --tw-gradient-to: #ffffffeb; --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\/92 { --tw-gradient-to: lab(100% -.0000298023 .0000119209/.92) } } .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\%_-_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-\[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% } .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\:theme\(spacing\.3\)_50\%\] { background-position: .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-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-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 { stroke: #000 } .stroke-black\/10 { stroke: #0000001a; stroke: lab(0% 0 0/.1) } .stroke-brand-purple\/25 { stroke: #ab68ff40; stroke: lab(57.1209% 49.4506 -66.2104/.25) } .stroke-current { stroke: currentColor } .stroke-gray-400 { stroke: var(--gray-400) } .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% -.0000298023 .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: .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)*.5) } .p-0\.25 { padding: calc(var(--spacing)*.25) } .p-0\.75 { padding: calc(var(--spacing)*.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: .5px } .p-\[1px\] { padding: 1px } .p-\[2px\] { padding: 2px } .p-\[3px\] { padding: 3px } .p-\[4px\] { padding: 4px } .p-\[5px\] { padding: 5px } .p-\[8rem\] { padding: 8rem } .p-\[11\.25px\] { padding: 11.25px } .p-\[14px\] { padding: 14px } .p-\[20px\] { padding: 20px } .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-\(--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)*.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: .375rem; padding-right: .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-\[5px\] { padding-left: 5px; padding-right: 5px } .px-\[6px\] { padding-left: 6px; padding-right: 6px } .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)*.5) } .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-9 { padding-block: calc(var(--spacing)*9) } .py-10 { padding-block: calc(var(--spacing)*10) } .py-12 { padding-block: calc(var(--spacing)*12) } .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: .2rem; padding-bottom: .2rem } .py-\[0\.108em\] { padding-top: .108em; padding-bottom: .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-\[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)*.5) } .ps-0\.5:dir(rtl) { padding-right: calc(var(--spacing)*.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\.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\.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-7\.5:dir(ltr) { padding-left: calc(var(--spacing)*7.5) } .ps-7\.5:dir(rtl) { padding-right: calc(var(--spacing)*7.5) } .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-\[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)*.5) } .pe-0\.5:dir(rtl) { padding-left: calc(var(--spacing)*.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-12:dir(ltr) { padding-right: calc(var(--spacing)*12) } .pe-12:dir(rtl) { padding-left: calc(var(--spacing)*12) } .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-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-\[16px\]:dir(ltr) { padding-right: 16px } .pe-\[16px\]:dir(rtl) { padding-left: 16px } .pe-\[40px\]:dir(ltr) { padding-right: 40px } .pe-\[40px\]:dir(rtl) { padding-left: 40px } .\!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)*.5) } .pt-0\.25 { padding-top: calc(var(--spacing)*.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-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: .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-\[13px\] { padding-top: 13px } .pt-\[15vh\] { padding-top: 15vh } .pt-\[18px\] { padding-top: 18px } .pt-\[71px\] { padding-top: 71px } .pt-\[72px\] { padding-top: 72px } .pt-\[120px\] { padding-top: 120px } .pt-\[246px\] { padding-top: 246px } .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-\[clamp\(4rem\,calc\(30svh-\(var\(--deep-research-landing-page-content-height\,0px\)\*0\.40\)\)\,16rem\)\] { padding-top: clamp(4rem,calc(30svh - (var(--deep-research-landing-page-content-height,0px)*.4)),16rem) } .pt-mkt-header-height { padding-top: var(--mkt-header-height) } .pt-px { padding-top: 1px } .pr-4 { padding-right: calc(var(--spacing)*4) } .\!pb-\[24px\] { padding-bottom: 24px !important } .\!pb-\[88px\] { padding-bottom: 88px !important } .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)*.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-5 { padding-bottom: calc(var(--spacing)*5) } .pb-6 { padding-bottom: calc(var(--spacing)*6) } .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: .25em } .pb-\[1\.125rem\] { padding-bottom: 1.125rem } .pb-\[1px\] { padding-bottom: 1px } .pb-\[5svh\] { padding-bottom: 5svh } .pb-\[10px\] { padding-bottom: 10px } .pb-\[22px\] { padding-bottom: 22px } .pb-\[40px\] { padding-bottom: 40px } .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-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-left { text-align: left } .text-right { text-align: right } .text-start { text-align: start } .indent-\[0\.1em\] { text-indent: .1em } .align-baseline { vertical-align: baseline } .align-bottom { vertical-align: bottom } .align-middle { vertical-align: middle } .align-middle\! { vertical-align: middle !important } .align-text-bottom { vertical-align: text-bottom } .align-top { vertical-align: top } .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: .38px; letter-spacing: .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-emphasized { font-size: var(--text-footnote-medium); line-height: var(--text-footnote-medium--line-height); letter-spacing: var(--text-footnote-medium--letter-spacing); font-weight: var(--text-footnote-medium--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,-.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(-.03em,calc(-.03em + .02*((90rem - 100vw)/66.5625)),-.01em)); font-weight: var(--tw-font-weight,500) } .text-mkt-h3 { font-size: max(1.5rem,min(.56338vw + 1.36796rem,1.875rem)); line-height: var(--tw-leading,clamp(1.98rem,calc(1.98rem + .495*((100vw - 23.4375rem)/66.5625)),2.475rem)); letter-spacing: var(--tw-tracking,-.01em); font-weight: var(--tw-font-weight,500) } .text-mkt-h3\! { font-size: max(1.5rem,min(.56338vw + 1.36796rem,1.875rem)) !important; line-height: var(--tw-leading,clamp(1.98rem,calc(1.98rem + .495*((100vw - 23.4375rem)/66.5625)),2.475rem)) !important; letter-spacing: var(--tw-tracking,-.01em) !important; font-weight: var(--tw-font-weight,500) !important } .text-mkt-h4 { font-size: max(1.25rem,min(.187793vw + 1.20599rem,1.375rem)); line-height: var(--tw-leading,clamp(1.5rem,calc(1.5rem + .2325*((100vw - 23.4375rem)/66.5625)),1.7325rem)); letter-spacing: var(--tw-tracking,-.01em); font-weight: var(--tw-font-weight,500) } .text-mkt-h5, .text-mkt-h6 { font-size: max(1rem,min(.187793vw + .955986rem,1.125rem)); line-height: var(--tw-leading,clamp(1.25rem,calc(1.25rem + .235*((100vw - 23.4375rem)/66.5625)),1.485rem)); letter-spacing: var(--tw-tracking,-.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,-.01em); font-weight: var(--tw-font-weight,400) } .text-mkt-p2 { font-size: .875rem; line-height: var(--tw-leading,1.435rem); letter-spacing: var(--tw-tracking,-.01em); font-weight: var(--tw-font-weight,400) } .text-mkt-xs { font-size: .625rem; line-height: var(--tw-leading,.825rem); letter-spacing: var(--tw-tracking,clamp(-.01em,calc(-.01em + .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: .825rem; line-height: 1.4 } .snc .text-sm { font-size: .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-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: .5em } .text-\[0\.5rem\] { font-size: .5rem } .text-\[0\.65rem\] { font-size: .65rem } .text-\[0\.70rem\] { font-size: .7rem } .text-\[0\.75rem\] { font-size: .75rem } .text-\[0\.93rem\] { font-size: .93rem } .text-\[0\.5625em\] { font-size: .5625em } .text-\[0px\] { font-size: 0 } .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-\[12px\] { font-size: 12px } .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-\[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-\[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-\[52px\] { font-size: 52px } .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\.02\] { --tw-leading: 1.02; line-height: 1.02 } .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\.35\] { --tw-leading: 1.35; line-height: 1.35 } .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-\[20px\] { --tw-leading: 20px; line-height: 20px } .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-\[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-\[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-bar { --tw-leading: var(--bar-gap,.25rem); line-height: var(--bar-gap,.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-\[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-\[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: -.01em; letter-spacing: -.01em } .tracking-\[-0\.1px\] { --tw-tracking: -.1px; letter-spacing: -.1px } .tracking-\[-0\.02em\] { --tw-tracking: -.02em; letter-spacing: -.02em } .tracking-\[-0\.2px\] { --tw-tracking: -.2px; letter-spacing: -.2px } .tracking-\[-0\.3px\] { --tw-tracking: -.3px; letter-spacing: -.3px } .tracking-\[-0\.4px\] { --tw-tracking: -.4px; letter-spacing: -.4px } .tracking-\[-0\.08px\] { --tw-tracking: -.08px; letter-spacing: -.08px } .tracking-\[-0\.015em\] { --tw-tracking: -.015em; letter-spacing: -.015em } .tracking-\[-0\.18px\] { --tw-tracking: -.18px; letter-spacing: -.18px } .tracking-\[-0\.27px\] { --tw-tracking: -.27px; letter-spacing: -.27px } .tracking-\[-0\.30px\] { --tw-tracking: -.3px; letter-spacing: -.3px } .tracking-\[-0\.32px\] { --tw-tracking: -.32px; letter-spacing: -.32px } .tracking-\[-0\.43px\] { --tw-tracking: -.43px; letter-spacing: -.43px } .tracking-\[-0\.45px\] { --tw-tracking: -.45px; letter-spacing: -.45px } .tracking-\[-0\.197499px\] { --tw-tracking: -.197499px; letter-spacing: -.197499px } .tracking-\[0\.01em\] { --tw-tracking: .01em; letter-spacing: .01em } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: .2em } .tracking-\[0\.04em\] { --tw-tracking: .04em; letter-spacing: .04em } .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: .08em } .tracking-\[0\.16em\] { --tw-tracking: .16em; letter-spacing: .16em } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: .18em } .tracking-\[0\.38px\] { --tw-tracking: .38px; letter-spacing: .38px } .tracking-\[0\.392px\] { --tw-tracking: .392px; letter-spacing: .392px } .tracking-condensed { --tw-tracking: -.154px; letter-spacing: -.154px } .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 } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere } .break-words { overflow-wrap: break-word } .wrap-anywhere { overflow-wrap: anywhere } .wrap-break-word { overflow-wrap: break-word } .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 } .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-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-\[\#007aff\] { color: #007aff !important } .\!text-gray-900 { color: var(--gray-900) !important } .entity-accent { color: var(--theme-entity-accent) } .text-\(--theme-user-msg-text\) { color: var(--theme-user-msg-text) } .text-\[\#0D0D0D\] { color: #0d0d0d } .text-\[\#0c8b6b\] { color: #0c8b6b } .text-\[\#1A59F8\] { color: #1a59f8 } .text-\[\#3DCB40\] { color: #3dcb40 } .text-\[\#5D5BD0\] { color: #5d5bd0 } .text-\[\#5D5D5D\] { color: #5d5d5d } .text-\[\#6B7280\] { color: #6b7280 } .text-\[\#007AFF\] { color: #007aff } .text-\[\#008C2E\] { color: #008c2e } .text-\[\#8E3CF3\] { color: #8e3cf3 } .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-\[\#3794FF\] { color: #3794ff } .text-\[\#3855EA\] { color: #3855ea } .text-\[\#4285F4\] { color: #4285f4 } .text-\[\#4338CA\] { color: #4338ca } .text-\[\#4362A0\] { color: #4362a0 } .text-\[\#5856D6\] { color: #5856d6 } .text-\[\#008000\] { color: green } .text-\[\#24622B\] { color: #24622b } .text-\[\#59636E\] { color: #59636e } .text-\[\#101828\]\! { color: #101828 !important } .text-\[\#667085\] { color: #667085 } .text-\[\#667085\]\! { color: #667085 !important } .text-\[\#AF52DE\] { color: #af52de } .text-\[\#D6303D\] { color: #d6303d } .text-\[\#E25507\] { color: #e25507 } .text-\[\#EE4D83\] { color: #ee4d83 } .text-\[\#F75858\] { color: #f75858 } .text-\[\#FE7600\] { color: #fe7600 } .text-\[\#afafaf\]\! { color: #afafaf !important } .text-\[\#df1b41\] { color: #df1b41 } .text-\[\#f14d42\] { color: #f14d42 } .text-\[black\] { color: #000 } .text-\[color\:var\(--text-secondary\,\#5D5D5D\)\] { color: var(--text-secondary,#5d5d5d) } .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\(--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\(--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/.2) } .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-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-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-600 { color: var(--purple-600) } .text-purple-800 { color: var(--purple-800) } .text-red-100 { color: var(--red-100) } .text-red-200 { color: var(--red-200) } .text-red-400 { color: var(--red-400) } .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-token-bg-accent-static { color: var(--bg-accent-static) } .text-token-bg-primary { color: var(--bg-primary) } .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-transparent { color: #0000 } .text-white { color: #fff } .text-white\! { color: #fff !important } .text-white\/25 { color: #ffffff40; color: lab(100% -.0000298023 .0000119209/.25) } .text-white\/60 { color: #fff9; color: lab(100% -.0000298023 .0000119209/.6) } .text-white\/65 { color: #ffffffa6; color: lab(100% -.0000298023 .0000119209/.65) } .text-white\/70 { color: #ffffffb3; color: lab(100% -.0000298023 .0000119209/.7) } .text-white\/75 { color: #ffffffbf; color: lab(100% -.0000298023 .0000119209/.75) } .text-white\/80 { color: #fffc; color: lab(100% -.0000298023 .0000119209/.8) } .text-white\/85 { color: #ffffffd9; color: lab(100% -.0000298023 .0000119209/.85) } .text-white\/90 { color: #ffffffe6; color: lab(100% -.0000298023 .0000119209/.9) } .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 } .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 } .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-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-\[1px\] { text-decoration-thickness: 1px } .decoration-\[8\%\] { text-decoration-thickness: .08em } .decoration-\[11\%\] { text-decoration-thickness: .11em } .decoration-\[12\%\] { text-decoration-thickness: .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: .1 } .opacity-15 { opacity: .15 } .opacity-20 { opacity: .2 } .opacity-25 { opacity: .25 } .opacity-30 { opacity: .3 } .opacity-40 { opacity: .4 } .opacity-45 { opacity: .45 } .opacity-50 { opacity: .5 } .opacity-60 { opacity: .6 } .opacity-65 { opacity: .65 } .opacity-70 { opacity: .7 } .opacity-75 { opacity: .75 } .opacity-80 { opacity: .8 } .opacity-80\! { opacity: .8 !important } .opacity-85 { opacity: .85 } .opacity-90 { opacity: .9 } .opacity-100 { opacity: 1 } .opacity-\[0\.01\] { opacity: .01 } .opacity-\[0\.04\] { opacity: .04 } .opacity-\[0\.12\] { opacity: .12 } .opacity-\[0\.15\] { opacity: .15 } .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-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/.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-\(--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\(0\,0\,0\,0\.05\)\,0_0\.5px_1px_0_rgba\(0\,0\,0\,0\.09\)\,0_5px_8px_-3px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 0 0 .5px var(--tw-shadow-color,#0000000d),0 .5px 1px 0 var(--tw-shadow-color,#00000017),0 5px 8px -3px 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_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_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_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\.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_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_12px_0px_\#0000000B\] { --tw-shadow: 0 1px 12px 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_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_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_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 .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 .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_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_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_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_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_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\(244\,180\,0\,0\.08\)\] { --tw-shadow: 0 19px 54px var(--tw-shadow-color,#f4b40014); 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_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_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_0px_48px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px 0px 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) } .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_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_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_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\)\], .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-\[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_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-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-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\:0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\] { box-shadow: 0 4px 16px #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/.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/.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/.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\/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/.05) } } .ring-black\/10 { --tw-ring-color: #0000001a } @supports (color:lab(0% 0 0)) { .ring-black\/10 { --tw-ring-color: lab(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/.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/.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/.025) } } .ring-blue-200 { --tw-ring-color: var(--blue-200) } .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\/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-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 } .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: .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-black\/5 { outline-color: #0000000d; outline-color: lab(0% 0 0/.05) } .outline-black\/10 { outline-color: #0000001a; outline-color: lab(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-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(.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-\[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,) } .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_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_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_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(.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\(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-\[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-\[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-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\,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-\[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\] { 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\,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-\[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\] { 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\] { 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\] { transition-property: width,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-\[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-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: .1s } .delay-200 { transition-delay: .2s } .delay-750 { transition-delay: .75s } .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: .1s; transition-duration: .1s } .duration-120 { --tw-duration: .12s; transition-duration: .12s } .duration-150 { --tw-duration: .15s; transition-duration: .15s } .duration-175 { --tw-duration: .175s; transition-duration: .175s } .duration-200 { --tw-duration: .2s; transition-duration: .2s } .duration-300 { --tw-duration: .3s; transition-duration: .3s } .duration-400 { --tw-duration: .4s; transition-duration: .4s } .duration-450 { --tw-duration: .45s; transition-duration: .45s } .duration-500 { --tw-duration: .5s; transition-duration: .5s } .duration-600 { --tw-duration: .6s; transition-duration: .6s } .duration-700 { --tw-duration: .7s; transition-duration: .7s } .duration-750 { --tw-duration: .75s; transition-duration: .75s } .duration-800 { --tw-duration: .8s; transition-duration: .8s } .duration-1000 { --tw-duration: 1s; transition-duration: 1s } .duration-2000 { --tw-duration: 2s; transition-duration: 2s } .duration-\[0\.24s\] { --tw-duration: .24s; transition-duration: .24s } .duration-\[1\.5s\] { --tw-duration: 1.5s; transition-duration: 1.5s } .duration-\[400ms\] { --tw-duration: .4s; transition-duration: .4s } .ease-\[cubic-bezier\(\.24\,\.1\,\.42\,\.91\)\] { --tw-ease: cubic-bezier(.24,.1,.42,.91); transition-timing-function: cubic-bezier(.24,.1,.42,.91) } .ease-\[cubic-bezier\(0\.17\,0\.17\,0\.30\,1\.00\)\] { --tw-ease: cubic-bezier(.17,.17,.3,1); transition-timing-function: cubic-bezier(.17,.17,.3,1) } .ease-\[cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)\] { --tw-ease: cubic-bezier(.87,0,.13,1); transition-timing-function: cubic-bezier(.87,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-\[opacity\,transform\] { will-change: opacity,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-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: .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 } .text-trim { text-box-edge: text alphabetic; text-box-trim: trim-both } .\[--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 } .\[--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 } .\[--skeleton-opacity\:0\.3\] { --skeleton-opacity: .3 } .\[--skeleton-opacity\:0\.75\] { --skeleton-opacity: .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-content-margin\:--spacing\(4\)\] { --thread-content-margin: calc(var(--spacing)*4) } .\[--thread-content-max-width\:40rem\] { --thread-content-max-width: 40rem } .\[--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)) } .\[-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\,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) } .\[anchor-name\:--carousel\] { anchor-name: --carousel } .\[animation-play-state\:paused\] { animation-play-state: paused } .\[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%) } .\[content-visibility\:auto\] { content-visibility: auto } .\[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\:_\'title_action\'_\'description_action\'\] { grid-template-areas: "title action""description action" } .\[interest-delay\:0\.5s_1s\] { interest-delay: .5s 1s } .\[interpolate-size\:allow-keywords\] { interpolate-size: allow-keywords } .\[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: -.8px -.8px #fff,.8px -.8px #fff,-.8px .8px #fff,.8px .8px #fff } .\[transition\:opacity_500ms_ease-out\,border-color_200ms_ease-in-out\,background-color_200ms_ease-in-out\] { transition: opacity .5s ease-out,border-color .2s ease-in-out,background-color .2s ease-in-out } .\[view-transition-name\:business-list-container\] { view-transition-name: business-list-container } .\[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) } .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) } .text-shadow-\[rgb\(0\,0\,0\,0\.6\)_0_0_20px\] { --tw-text-shadow-color: #0009 } @supports (color:color-mix(in lab, red, red)) { .text-shadow-\[rgb\(0\,0\,0\,0\.6\)_0_0_20px\] { --tw-text-shadow-color: color-mix(in oklab,#0009 0 0 20px var(--tw-text-shadow-alpha),transparent) } } :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-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-has-\[\>div\,\>section\,\>h1\,\>h2\,\>h3\,\>h4\,\>h5\,\>h6\]\:hidden:not(:has(>div,>section,>h1,>h2,>h3,>h4,>h5,>h6)) { display: none } @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)*.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\: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-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: .1s } .group-focus-within\/accordion\:opacity-40:is(:where(.group\/accordion):focus-within *) { opacity: .4 } .group-focus-within\/file-row\:opacity-100:is(:where(.group\/file-row):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\:inline:is(:where(.group):hover *) { display: inline } .group-hover\:h-4\.5:is(:where(.group):hover *) { height: calc(var(--spacing)*4.5) } .group-hover\:w-4\.5:is(:where(.group):hover *) { width: calc(var(--spacing)*4.5) } .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)*.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-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-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\/5:is(:where(.group):hover *) { background-color: #0000000d; background-color: lab(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-main-surface-secondary:is(:where(.group):hover *) { --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)) } .group-hover\:via-token-main-surface-secondary\/80:is(:where(.group):hover *) { --tw-gradient-via: var(--main-surface-secondary) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:via-token-main-surface-secondary\/80:is(:where(.group):hover *) { --tw-gradient-via: color-mix(in oklab,var(--main-surface-secondary)80%,transparent) } } .group-hover\:via-token-main-surface-secondary\/80:is(:where(.group):hover *) { --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\: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\:underline:is(:where(.group):hover *) { -webkit-text-decoration-line: underline; text-decoration-line: underline } .group-hover\:opacity-20:is(:where(.group):hover *) { opacity: .2 } .group-hover\:opacity-70:is(:where(.group):hover *) { opacity: .7 } .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: .9 } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } .group-hover\:shadow-short:is(:where(.group):hover *) { --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) } .group-hover\:shadow-short:is(:where(.group):hover *):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) } .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\: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\: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: .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: .3s; transition-duration: .3s } .group-hover\/accordion\:opacity-40:is(:where(.group\/accordion):hover *) { opacity: .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\/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/.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 *), .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\/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\/project-control-tile\:border-token-bg-tertiary:is(:where(.group\/project-control-tile):hover *) { border-color: var(--bg-tertiary) } .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: .5s } .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\/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: .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\:opacity-100:is(:where(.group):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: .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: .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: .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)*.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: .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: .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\)\: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: .1s; transition-duration: .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: .1s; transition-duration: .1s } .peer-checked\:block:is(:where(.peer):checked~*) { display: block } .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-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) { cursor: not-allowed } .peer-disabled\:opacity-70:is(:where(.peer):disabled~*) { opacity: .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-transparent ::selection { background-color: #0000 } .selection\:bg-transparent::selection { background-color: #0000 } .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\/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-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 } .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-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-\[-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)*-.5) } .before\:-start-0\.5:dir(rtl):before { right: calc(var(--spacing)*-.5) } .before\:top-\[-1px\]:before { content: var(--tw-content); top: -1px } .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\:-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-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-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% -.0000298023 .0000119209/.5) } .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-\[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-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\: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-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: .6 } .before\:opacity-90:before { content: var(--tw-content); opacity: .9 } .before\:opacity-100:before { content: var(--tw-content); opacity: 1 } .before\:shadow-\[0_0_18px_6px_rgba\(96\,165\,250\,0\.7\)\]:before { content: var(--tw-content); --tw-shadow: 0 0 18px 6px var(--tw-shadow-color,#60a5fab3); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-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: .25s; transition-duration: .25s } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content) } .before\:content-\[\'\*\'\]: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: .25s; transition-duration: .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-\[\+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-\[-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-\[-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-2:after { content: var(--tw-content); height: calc(var(--spacing)*2) } .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\: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-\[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\:-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-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-xl:after { content: var(--tw-content); border-radius: var(--radius-xl) } .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-\[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-bg-secondary:after { content: var(--tw-content); background-color: var(--bg-secondary) } .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-\[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-\[linear-gradient\(to_top\,white_0\%\,white_75\%\,transparent_100\%\)\]:after { content: var(--tw-content); background-image: linear-gradient(#0000 0%,#fff 25%,#fff 100%) } .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\: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\:whitespace-pre:after { content: var(--tw-content); white-space: pre } .after\:opacity-0:after { content: var(--tw-content); opacity: 0 } .after\:opacity-50:after { content: var(--tw-content); opacity: .5 } .after\:opacity-80:after { content: var(--tw-content); opacity: .8 } .after\:opacity-100:after { content: var(--tw-content); opacity: 1 } .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)*.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: .25rem; border-top-right-radius: .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-\[1px\]:first-child { padding-top: 1px } .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-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: .25rem; border-bottom-left-radius: .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-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\: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) } .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-gray-400:focus-within { border-color: var(--gray-400) } .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-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-token-bg-secondary:focus-within { background-color: var(--bg-secondary) } .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-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)*-.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\.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\:border-gray-100:hover { border-color: var(--gray-100) } .hover\:border-gray-300:hover { border-color: var(--gray-300) } .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-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\:bg-\[\#0000000a\]:hover { background-color: #0000000a } .hover\:bg-\[\#6a6a6a\]:hover { background-color: #6a6a6a } .hover\:bg-\[\#BDDCF4\]:hover { background-color: #bddcf4 } .hover\:bg-\[\#E4E4F6\]:hover { background-color: #e4e4f6 } .hover\:bg-\[\#f5f5f5\]:hover { background-color: #f5f5f5 } .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\(--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/.05) } .hover\:bg-black\/5\!:hover { background-color: #0000000d !important; background-color: lab(0% 0 0/.05) !important } .hover\:bg-black\/10:hover { background-color: #0000001a; background-color: lab(0% 0 0/.1) } .hover\:bg-black\/10\!:hover { background-color: #0000001a !important; background-color: lab(0% 0 0/.1) !important } .hover\:bg-black\/50:hover { background-color: #00000080; background-color: lab(0% 0 0/.5) } .hover\:bg-black\/60:hover { background-color: #0009; background-color: lab(0% 0 0/.6) } .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% -.00000745058 .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\/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-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, .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-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\/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-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 { background-color: var(--interactive-bg-secondary-hover) } .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\/15:hover { background-color: #ffffff26; background-color: lab(100% -.0000298023 .0000119209/.15) } .hover\:bg-white\/20:hover { background-color: #fff3; background-color: lab(100% -.0000298023 .0000119209/.2) } .hover\:bg-white\/30:hover { background-color: #ffffff4d; background-color: lab(100% -.0000298023 .0000119209/.3) } .hover\:bg-white\/40:hover { background-color: #fff6; background-color: lab(100% -.0000298023 .0000119209/.4) } .hover\:bg-yellow-400:hover { background-color: var(--yellow-400) } .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/.8) } .hover\:text-\[rgb\(11\,76\,140\)\]:hover { color: #0b4c8c } .hover\:text-black\/60:hover { color: #0009; color: lab(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-700:hover { color: var(--gray-700) } .hover\:text-gray-900:hover { color: var(--gray-900) } .hover\:text-inherit:hover { color: inherit } .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% -.0000298023 .0000119209/.4) } .hover\:text-white\/90:hover { color: #ffffffe6; color: lab(100% -.0000298023 .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: .6 } .hover\:opacity-65:hover { opacity: .65 } .hover\:opacity-70:hover { opacity: .7 } .hover\:opacity-75:hover { opacity: .75 } .hover\:opacity-80:hover { opacity: .8 } .hover\:opacity-90:hover { opacity: .9 } .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-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\: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/.1) } } .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-110: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,) } .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: .3s } .hover\:select-text:hover { -webkit-user-select: text; user-select: text } .not-disabled\:hover\:border-black\/10:not(:disabled):hover { border-color: #0000001a; border-color: lab(0% 0 0/.1) } .not-disabled\:hover\:bg-gray-200\/55\!:not(:disabled):hover { background-color: var(--gray-200) !important } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:hover\:bg-gray-200\/55\!:not(:disabled):hover { background-color: color-mix(in oklab,var(--gray-200)55%,transparent) !important } } .not-disabled\:hover\:bg-gray-400\/35\!:not(:disabled):hover { background-color: var(--gray-400) !important } @supports (color:color-mix(in lab, red, red)) { .not-disabled\:hover\:bg-gray-400\/35\!:not(:disabled):hover { background-color: color-mix(in oklab,var(--gray-400)35%,transparent) !important } } .not-disabled\:hover\:backdrop-blur-md:not(:disabled):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,) } .not-disabled\:hover\:backdrop-blur-sm:not(:disabled):hover { --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,) } .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\:block:hover:after { content: var(--tw-content); display: block } .hover\:after\:bg-token-main-surface-tertiary:hover:after { content: var(--tw-content); background-color: var(--main-surface-tertiary) } } .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-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\:bg-gray-950\!:focus { background-color: var(--gray-950) !important } .focus\:bg-token-bg-secondary:focus { background-color: var(--bg-secondary) } .focus\:bg-token-bg-tertiary:focus { background-color: var(--bg-tertiary) } .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-white\/15:focus { background-color: #ffffff26; background-color: lab(100% -.0000298023 .0000119209/.15) } .focus\:text-token-text-primary:focus { color: var(--text-primary) } .focus\:text-token-text-secondary:focus { color: var(--text-secondary) } .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\/70:focus { --tw-ring-color: #ffffffb3 } @supports (color:lab(0% 0 0)) { .focus\:ring-white\/70:focus { --tw-ring-color: lab(100% -.0000298023 .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\: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-token-bg-tertiary:focus-visible { background-color: var(--bg-tertiary) } .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% -.0000298023 .0000119209/.2) } .focus-visible\:text-token-text-primary:focus-visible { color: var(--text-primary) } .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-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-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\/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% -.0000298023 .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-offset-1:focus-visible { outline-offset: calc(1px*-1) } .focus-visible\:outline-offset-2: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-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\:before\:opacity-100:focus-visible:before { 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: .9 } .active\:cursor-grabbing:active { cursor: grabbing } .active\:bg-black\/10\!:active { background-color: #0000001a !important; background-color: lab(0% 0 0/.1) !important } .active\:bg-black\/20:active { background-color: #0003; background-color: lab(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-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\:opacity-1:active { opacity: .01 } .active\:opacity-50:active { opacity: .5 } .active\:opacity-75:active { opacity: .75 } .active\:opacity-100:active { opacity: 1 } .active\:opacity-100\!:active { opacity: 1 !important } @media (hover:hover) { .enabled\:hover\:bg-black\/5:enabled:hover { background-color: #0000000d; background-color: lab(0% 0 0/.05) } .enabled\:hover\:bg-token-bg-tertiary:enabled:hover { background-color: var(--bg-tertiary) } .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 !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-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: .25 } .disabled\:opacity-30:disabled { opacity: .3 } .disabled\:opacity-40:disabled { opacity: .4 } .disabled\:opacity-50:disabled { opacity: .5 } .disabled\:opacity-60:disabled { opacity: .6 } .disabled\:opacity-70:disabled { opacity: .7 } .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-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: .5 } @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: .6 } :is(.\*\*\:data-\[header-icon\]\:rotate-\[10deg\] *)[data-header-icon] { rotate: 10deg } .data-\[multiline\]\:py-3[data-multiline] { padding-block: calc(var(--spacing)*3) } .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-secondary[data-state=active] { border-color: var(--text-secondary) } .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\]\:border-token-text-primary[data-state=checked] { border-color: var(--text-primary) } .data-\[state\=checked\]\:bg-black[data-state=checked] { background-color: #000 } .data-\[state\=checked\]\:bg-token-bg-primary[data-state=checked], .data-\[state\=checked\]\:data-\[state\=checked\]\:bg-token-bg-primary[data-state=checked][data-state=checked] { background-color: var(--bg-primary) } .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-tertiary[data-state=inactive] { color: var(--text-tertiary) } @media (hover:hover) { .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\=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\: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 } @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/.7) } .supports-\[backdrop-filter\]\:bg-white\/80 { background-color: #fffc; background-color: lab(100% -.0000298023 .0000119209/.8) } } @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-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-\[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-\[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-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: .1s } .motion-safe\:delay-300 { transition-delay: .3s } .motion-safe\:delay-\[175ms\] { transition-delay: .175s } .motion-safe\:duration-150 { --tw-duration: .15s; transition-duration: .15s } .motion-safe\:duration-200 { --tw-duration: .2s; transition-duration: .2s } .motion-safe\:duration-300 { --tw-duration: .3s; transition-duration: .3s } .motion-safe\:duration-500 { --tw-duration: .5s; transition-duration: .5s } .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 .3s var(--easing-common) } } @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: .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 } } @media (hover:hover) { .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-none { transition-property: none } .motion-reduce\:transition-none\! { transition-property: none !important } } @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:320px) { .max-\[320px\]\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } } @media not all and (min-width:64rem) { .max-lg\:w-0\! { width: calc(var(--spacing)*0) !important } .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\: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\: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-fit { width: -webkit-fit-content; width: fit-content } .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-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)*.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\:gap-4 { gap: calc(var(--spacing)*4) } .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% -.00000745058 .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-5 { padding-inline: calc(var(--spacing)*5) } .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-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-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)) } .max-md\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .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\: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-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)*.75) } .max-sm\:ms-0\.75:dir(rtl) { margin-right: calc(var(--spacing)*.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\: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\: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% - .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-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-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-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-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-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\: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\:aspect-3\/2 { aspect-ratio: 3/2 } .sm\:aspect-auto { aspect-ratio: auto } .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-\[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-\[660px\] { height: 660px } .sm\:h-\[680px\] { height: 680px } .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-\[80vh\] { max-height: 80vh } .sm\:max-h-\[90vh\] { max-height: 90vh } .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-\[88px\] { min-height: 88px } .sm\:min-h-\[112px\] { min-height: 112px } .sm\:min-h-\[260px\] { min-height: 260px } .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-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-\[260px\] { width: 260px } .sm\:w-\[320px\] { width: 320px } .sm\:w-\[356px\] { width: 356px } .sm\:w-\[360px\] { width: 360px } .sm\:w-\[368px\] { width: 368px } .sm\:w-\[372px\] { width: 372px } .sm\:w-\[384px\] { width: 384px } .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% - .166667rem) } .sm\:w-\[calc\(\(100\%-0\.5rem\)\/4\)\] { width: calc(25% - .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-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-\[28rem\] { max-width: 28rem } .sm\:max-w-\[70\%\] { max-width: 70% } .sm\:max-w-\[75vw\] { max-width: 75vw } .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-\[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-\[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-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\: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-\[140px_minmax\(0\,1fr\)\] { grid-template-columns: 140px minmax(0,1fr) } .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\: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-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) } :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-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) } .sm\:self-auto { align-self: auto } .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-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\:border { border-style: var(--tw-border-style); border-width: 1px } .sm\:border-none { --tw-border-style: none; border-style: none } .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-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-6 { padding-block: calc(var(--spacing)*6) } .sm\:py-12 { padding-block: calc(var(--spacing)*12) } .sm\:py-14 { padding-block: calc(var(--spacing)*14) } .sm\:py-24 { padding-block: calc(var(--spacing)*24) } .sm\:py-28 { padding-block: calc(var(--spacing)*28) } .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\: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\: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-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-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-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,-.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-\[32px\] { font-size: 32px } .sm\:text-\[60px\] { font-size: 60px } .sm\:leading-5 { --tw-leading: calc(var(--spacing)*5); line-height: calc(var(--spacing)*5) } .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\.30px\] { --tw-tracking: -.3px; letter-spacing: -.3px } .sm\:whitespace-nowrap { white-space: nowrap } .sm\:text-token-main-surface-tertiary { color: var(--main-surface-tertiary) } .sm\:opacity-65 { opacity: .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-\[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: .25s; transition-duration: .25s } } } @media (min-width:40rem) { @media (hover:hover) { .sm\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } } } @media (min-width:48rem) { .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\:-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-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-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-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-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-20 { z-index: 20 } .md\:order-1 { order: 1 } .md\:order-2 { order: 2 } .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\:-mx-2\! { margin-inline: calc(var(--spacing)*-2) !important } .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-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-1 { margin-top: calc(var(--spacing)*1) } .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-\[-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-4 { margin-bottom: calc(var(--spacing)*4) } .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\:h-6 { height: calc(var(--spacing)*6) } .md\:h-7 { height: calc(var(--spacing)*7) } .md\:h-8 { height: calc(var(--spacing)*8) } .md\:h-10 { height: calc(var(--spacing)*10) } .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-\[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-full { height: 100% } .md\:max-h-\[40\.625rem\] { max-height: 40.625rem } .md\:max-h-\[80vh\] { max-height: 80vh } .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\: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-\[300px\] { min-height: 300px } .md\:min-h-\[380px\] { min-height: 380px } .md\:min-h-\[560px\] { min-height: 560px } .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-6 { width: calc(var(--spacing)*6) } .md\:w-8 { width: calc(var(--spacing)*8) } .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-60 { width: calc(var(--spacing)*60) } .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-\[258px\] { width: 258px } .md\:w-\[260px\] { width: 260px } .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-\[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\: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-\[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-\[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-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\:flex-grow-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: .94 } .md\:scale-\[1\.0\] { scale: 1 } .md\:scroll-ps-8 { scroll-padding-inline-start: calc(var(--spacing)*8) } .md\:columns-2 { columns: 2 } .md\:columns-3 { columns: 3 } .md\:\[grid-template-columns\:repeat\(auto-fit\,minmax\(220px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit,minmax(220px,1fr)) } .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_1fr\] { grid-template-columns: 3fr 1fr } .md\:grid-cols-\[3fr_2fr\] { grid-template-columns: 3fr 2fr } .md\:grid-cols-\[auto\,1fr\] { grid-template-columns: auto,1fr } .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-\[minmax\(20px\,0\.8fr\)_auto_minmax\(20px\,1fr\)\] { grid-template-rows: minmax(20px,.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\:items-center { align-items: center } .md\:items-end { align-items: flex-end } .md\:items-start { align-items: flex-start } .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-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\:overflow-hidden { overflow: hidden } .md\:overflow-x-auto { overflow-x: auto } .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-\[28px\] { border-radius: 28px } .md\:rounded-\[34px\] { border-radius: 34px } .md\:rounded-lg { border-radius: var(--radius-lg) } .md\:rounded-none { border-radius: 0 } .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-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/.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\:\[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-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-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-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-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 } .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)*.5) } .md\:pb-2 { padding-bottom: calc(var(--spacing)*2) } .md\:pb-2\.5 { padding-bottom: calc(var(--spacing)*2.5) } .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\: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-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: .38px; letter-spacing: .38px } .md\:text-mkt-h3 { font-size: max(1.5rem,min(.56338vw + 1.36796rem,1.875rem)); line-height: var(--tw-leading,clamp(1.98rem,calc(1.98rem + .495*((100vw - 23.4375rem)/66.5625)),2.475rem)); letter-spacing: var(--tw-tracking,-.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-\[16\.5px\] { font-size: 16.5px } .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-\[42px\] { font-size: 42px } .md\:text-\[44px\] { font-size: 44px } .md\:text-\[54px\] { font-size: 54px } .md\:text-\[56px\] { font-size: 56px } .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-60 { opacity: .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\:\[--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%) } @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\: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 } @media (hover:hover) { .md\:hover\:bg-gray-50:hover { background-color: var(--gray-50) } .md\:hover\:opacity-120:hover { opacity: 1.2 } } } @media (min-width:64rem) { .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-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\:-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-8 { top: calc(var(--spacing)*8) } .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-5 { bottom: calc(var(--spacing)*5) } .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-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\:-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-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\: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-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-62 { width: calc(var(--spacing)*62) } .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-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\:flex-grow-0 { flex-grow: 0 } .lg\:scroll-m-6 { scroll-margin: calc(var(--spacing)*6) } .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-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr } .lg\:grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr } .lg\:grid-cols-\[60\%_40\%\] { grid-template-columns: 60% 40% } .lg\:grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr } .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-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-12 { gap: calc(var(--spacing)*12) } .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)*.5)*var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing)*.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-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\: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; mask-composite: intersect } .lg\:p-3 { padding: calc(var(--spacing)*3) } .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\:py-3 { padding-block: calc(var(--spacing)*3) } .lg\:py-6 { padding-block: calc(var(--spacing)*6) } .lg\:py-24 { padding-block: calc(var(--spacing)*24) } .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-4:dir(ltr) { padding-right: calc(var(--spacing)*4) } .lg\:pe-4:dir(rtl) { padding-left: calc(var(--spacing)*4) } .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-8 { padding-top: calc(var(--spacing)*8) } .lg\:pt-16 { padding-top: calc(var(--spacing)*16) } .lg\:pb-\[0\.25em\] { padding-bottom: .25em } .lg\:text-start { text-align: start } .lg\:text-mkt-h4 { font-size: max(1.25rem,min(.187793vw + 1.20599rem,1.375rem)); line-height: var(--tw-leading,clamp(1.5rem,calc(1.5rem + .2325*((100vw - 23.4375rem)/66.5625)),1.7325rem)); letter-spacing: var(--tw-tracking,-.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: .75rem } .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) } @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\: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\:block { display: block } .xl\:flex { display: flex } .xl\:hidden { display: none } .xl\:h-\[60vh\] { height: 60vh } .xl\:min-h-44 { min-height: calc(var(--spacing)*44) } .xl\:w-10 { width: calc(var(--spacing)*10) } .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-\[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\: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-\[240px_minmax\(0\,1fr\)\] { grid-template-columns: 240px minmax(0,1fr) } .xl\:grid-cols-\[minmax\(360px\,1fr\)_20rem\] { grid-template-columns: minmax(360px,1fr) 20rem } .xl\:grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) } .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\: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-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-10 { padding-inline: calc(var(--spacing)*10) } .xl\:px-24 { padding-inline: calc(var(--spacing)*24) } .xl\:ps-24:dir(ltr) { padding-left: calc(var(--spacing)*24) } .xl\:ps-24:dir(rtl) { padding-right: calc(var(--spacing)*24) } .xl\:pt-10 { padding-top: calc(var(--spacing)*10) } .xl\:pb-\[0\.375em\] { padding-bottom: .375em } .xl\:text-mkt-h3 { font-size: max(1.5rem,min(.56338vw + 1.36796rem,1.875rem)); line-height: var(--tw-leading,clamp(1.98rem,calc(1.98rem + .495*((100vw - 23.4375rem)/66.5625)),2.475rem)); letter-spacing: var(--tw-tracking,-.01em); font-weight: var(--tw-font-weight,500) } .xl\:text-mkt-p2 { font-size: .875rem; line-height: var(--tw-leading,1.435rem); letter-spacing: var(--tw-tracking,-.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\:\[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-6 { grid-template-columns: repeat(6,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 (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\:justify-center { justify-content: center } .\@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\: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\:--spacing\(6\)\] { --thread-content-margin: 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)*.5)*var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing)*.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\:--spacing\(16\)\] { --thread-content-margin: calc(var(--spacing)*16) } .\@w-lg\/main\:\[--thread-content-max-width\:48rem\] { --thread-content-max-width: 48rem } } @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\: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-gray-700:where(.dark,.dark *):not(:where(.dark .light,.dark .light *))>:not(:last-child)) { border-color: var(--gray-700) } :where(.dark\:divide-white\/5:where(.dark,.dark *):not(:where(.dark .light,.dark .light *))>:not(:last-child)) { border-color: #ffffff0d; border-color: lab(100% -.0000298023 .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% -.0000298023 .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-\[\#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-\[\#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-\[rgba\(168\,198\,255\,0\.16\)\]\!:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: #a8c6ff29 !important } .dark\:border-\[rgba\(255\,255\,255\,0\.1\)\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: #ffffff1a } .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/.15) } .dark\:border-black\/20:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: #0003; border-color: lab(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-500\/40:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: var(--blue-500) } @supports (color:color-mix(in lab, red, red)) { .dark\:border-blue-500\/40:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: color-mix(in oklab,var(--blue-500)40%,transparent) } } .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-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-800:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: var(--red-800) } .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-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% -.0000298023 .0000119209/.05) } .dark\:border-white\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: #ffffff1a; border-color: lab(100% -.0000298023 .0000119209/.1) } .dark\:border-white\/20:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-color: #fff3; border-color: lab(100% -.0000298023 .0000119209/.2) } .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-white\/5:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { border-top-color: #ffffff0d; border-top-color: lab(100% -.0000298023 .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-\[\#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-\[\#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% -.0000298023 .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-\[\#8F8DF624\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #8f8df624 } .dark\:bg-\[\#273B4C\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #273b4c } .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-\[\#262626\]\/50:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #26262680; background-color: lab(15.1597% .0000149012 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-\[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\(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\.90\)\]\!:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #ffffffe6 !important } .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/.1) } .dark\:bg-black\/40:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #0006; background-color: lab(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/.5) } .dark\:bg-black\/60:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #0009; background-color: lab(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/.8) } .dark\:bg-black\/85:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #000000d9; background-color: lab(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 *)), .dark\:bg-blue-500\/15:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: var(--blue-500) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-blue-500\/15:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: color-mix(in oklab,var(--blue-500)15%,transparent) } } .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-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\/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-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-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\/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-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\/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\/5:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #ffffff0d; background-color: lab(100% -.0000298023 .0000119209/.05) } .dark\:bg-white\/6:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #ffffff0f; background-color: lab(100% -.0000298023 .0000119209/.06) } .dark\:bg-white\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #ffffff1a; background-color: lab(100% -.0000298023 .0000119209/.1) } .dark\:bg-white\/20:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #fff3; background-color: lab(100% -.0000298023 .0000119209/.2) } .dark\:bg-white\/30:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #ffffff4d; background-color: lab(100% -.0000298023 .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\/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/.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 .75px,#0000 .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-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\]\/70:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --tw-gradient-via: #2d2f3fb3; --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\]\/70:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --tw-gradient-via: lab(19.7328% 2.36222 -10.4691/.7) } } .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-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% -.0000298023 .0000119209/.05) } } .dark\:to-\[\#2d2f3f\]\/94:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --tw-gradient-to: #2d2f3ff0; --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\]\/94:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --tw-gradient-to: lab(19.7328% 2.36222 -10.4691/.94) } } .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\/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/.4) } } .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% -.0000298023 .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\.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% -.0000298023 .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/.5) } .dark\:stroke-white\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { stroke: #ffffff1a; stroke: lab(100% -.0000298023 .0000119209/.1) } .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-\[\#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-\[\#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-\[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/.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-800:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { color: var(--gray-800) } .dark\:text-gray-950:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { color: var(--gray-950) } .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-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-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\/70:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { color: #ffffffb3; color: lab(100% -.0000298023 .0000119209/.7) } .dark\:text-yellow-100:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { color: var(--yellow-100) } .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\: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: .1 } .dark\:opacity-20:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { opacity: .2 } .dark\:opacity-30:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { opacity: .3 } .dark\:opacity-40:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { opacity: .4 } .dark\:opacity-60:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { opacity: .6 } .dark\:opacity-65:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { opacity: .65 } .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_0_0\.5px_rgba\(255\,255\,255\,0\.05\)\,0_0\.5px_1px_0_rgba\(255\,255\,255\,0\.09\)\,0_5px_8px_-3px_rgba\(255\,255\,255\,0\.05\)\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --tw-shadow: 0 0 0 .5px var(--tw-shadow-color,#ffffff0d),0 .5px 1px 0 var(--tw-shadow-color,#ffffff17),0 5px 8px -3px var(--tw-shadow-color,#ffffff0d); 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_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 .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\(244\,180\,0\,0\.14\)\,0_0_32px_rgba\(244\,180\,0\,0\.12\)\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --tw-shadow: 0 16px 48px var(--tw-shadow-color,#f4b40024),0 0 32px var(--tw-shadow-color,#f4b4001f); 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/.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\/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% -.0000298023 .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% -.0000298023 .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% -.0000298023 .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% -.0000298023 .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% -.0000298023 .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% -.0000298023 .0000119209/.06) } } .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\: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\:\[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\:\[--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\:\[--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\:\[--right-bg\:black\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { --right-bg: black } .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: -.8px -.8px #000,.8px -.8px #000,-.8px .8px #000,.8px .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% -.0000298023 .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\/50:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):before { content: var(--tw-content); background-color: #00000080; background-color: lab(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: .65 } .dark\:before\:shadow-\[0_0_18px_6px_rgba\(147\,197\,253\,0\.75\)\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):before { content: var(--tw-content); --tw-shadow: 0 0 18px 6px var(--tw-shadow-color,#93c5fdbf); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .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\: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\: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\:border-gray-800:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):hover { border-color: var(--gray-800) } .dark\:hover\:bg-\[\#1A416A\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):hover { background-color: #1a416a } .dark\:hover\:bg-\[\#414071\]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):hover { background-color: #414071 } .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-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-500\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):hover { background-color: var(--gray-500) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-gray-500\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):hover { background-color: color-mix(in oklab,var(--gray-500)10%,transparent) } } .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-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-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% -.0000298023 .0000119209/.05) } .dark\:hover\:bg-white\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):hover { background-color: #ffffff1a; background-color: lab(100% -.0000298023 .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% -.0000298023 .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% -.0000298023 .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-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-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\/10:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):active { background-color: #ffffff1a; background-color: lab(100% -.0000298023 .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% -.0000298023 .0000119209/.1) } } .dark\:disabled\:bg-white\/25:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):disabled { background-color: #ffffff40; background-color: lab(100% -.0000298023 .0000119209/.25) } .dark\:disabled\:text-white\/70:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)):disabled { color: #ffffffb3; color: lab(100% -.0000298023 .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 } } .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/.6) } .dark\:supports-\[backdrop-filter\]\:bg-white\/15:where(.dark,.dark *):not(:where(.dark .light,.dark .light *)) { background-color: #ffffff26; background-color: lab(100% -.0000298023 .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% -.0000298023 .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-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-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: .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: .15s cubic-bezier(.16,1,.3,1) alertShow } .radix-state-open\:animate-contentShow[data-state=open] { animation: .15s cubic-bezier(.16,1,.3,1) contentShow } .radix-state-open\:animate-show[data-state=open] { animation: .1s cubic-bezier(.16,1,.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/.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\:animate-slideUpAndFade[data-side=bottom] { animation: .2s cubic-bezier(.16,1,.3,1) slideUpAndFade } .radix-side-bottom\:flex-col-reverse[data-side=bottom] { flex-direction: column-reverse } .radix-side-left\:animate-slideRightAndFade[data-side=left] { animation: .2s cubic-bezier(.16,1,.3,1) slideRightAndFade } .radix-side-right\:animate-slideLeftAndFade[data-side=right] { animation: .2s cubic-bezier(.16,1,.3,1) slideLeftAndFade } .radix-side-top\:animate-slideDownAndFade[data-side=top] { animation: .2s cubic-bezier(.16,1,.3,1) slideDownAndFade } @media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) { .hires\:\[border-inline-width\:0\.5px\] { border-left-width: .5px; border-right-width: .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-36 { height: calc(var(--spacing)*36) } .tall\:h-\[680px\] { height: 680px } .tall\:w-36 { width: calc(var(--spacing)*36) } .tall\:gap-8 { gap: calc(var(--spacing)*8) } .tall\:gap-16 { gap: calc(var(--spacing)*16) } } @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,) } .short\:group-data-scrolled-from-top\/scrollport\:shadow-sharp-edge-top:is(:where(.group\/scrollport)[data-scrolled-from-top] *) { --tw-shadow: var(--sharp-edge-top-shadow); 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 all and (min-width:40rem) { @media not all and (min-height:700px) { .max-sm\:short\:min-h-\[88px\] { min-height: 88px } .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\: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-token-bg-tertiary:hover { background-color: var(--bg-tertiary) } .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: .98 } } @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-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 } .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 } .\[\&_\*\]\:max-w-full * { max-width: 100% } .\[\&_\*\]\:min-w-0 * { min-width: 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-editor\]\:text-xs .cm-editor { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)) } .\[\&_\.font-semibold\]\:\!font-normal .font-semibold { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important } @media (hover:hover) { .hover\:\[\&_\.icon\]\:text-token-text-primary:hover .icon { color: var(--text-primary) } .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 } } .\[\&_\[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) } .\[\&_\[data-testid\=announcement-tooltip-close-btn\]\]\:hidden [data-testid=announcement-tooltip-close-btn] { display: none } .\[\&_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) !important; font-weight: var(--font-weight-semibold) !important } .\[\&_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\]\:max-h-full img { max-height: 100% } .\[\&_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: .3s; transition-duration: .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% -.0000298023 .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 } .\[\&_svg\]\:h-full svg { height: 100% } .\[\&_svg\]\:max-h-full svg { max-height: 100% } .\[\&_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 } .\[\&_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: .2s; transition-duration: .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-scrollbar\]\:hidden::-webkit-scrollbar { display: none } .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button { display: none } .focus\:\[\&\:\:-webkit-search-cancel-button\]\:hidden:focus::-webkit-search-cancel-button { display: none } @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: .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-5:not(:last-child) { margin-bottom: calc(var(--spacing)*5) } .\[\&\: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-child\]\:mb-0 > :last-child { margin-bottom: calc(var(--spacing)*0) } .\[\&\>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\]\: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\]\:\!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 } } .\[\&\>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: .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) } } .\[\&\>section\>div\:last-child\>div\>div\:first-child\>div\:first-child\]\:font-normal > section > div:last-child > div > div:first-child > div:first-child { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } @media (min-width:48rem) { .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 } .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: .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: .875rem; line-height: var(--tw-leading,1.435rem); letter-spacing: var(--tw-tracking,-.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: .625rem; line-height: var(--tw-leading,.825rem); letter-spacing: var(--tw-tracking,clamp(-.01em,calc(-.01em + .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/.04) } @media (hover:hover) { .btn-primary-inverse:where(.-mkt):hover { background-color: #0000001f; background-color: lab(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% -.0000298023 .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% -.0000298023 .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: .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: .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: .35 } @media (hover:hover) { .composer-submit-btn:disabled:hover { opacity: .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 } .files-library-dropdown-menu { border-radius: 18px; width: min(230px,95vw); min-width: min(230px,95vw); max-width: min(230px,95vw); padding: 6px; box-shadow: 0 8px 16px #0000001f,0 0 1px #0000009e } .dark .files-library-dropdown-menu { box-shadow: 0 8px 16px #00000052,inset 0 0 1px #fff3,0 0 1px #0000009e } .files-library-dropdown-menu .__menu-item, .files-library-dropdown-menu .__menu-label { margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 8px } .files-library-dropdown-menu [role=group]:before { margin: 6px 8px } } [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 } .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 } @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: "