:where(.css-1n6o9jn).ant-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.88);
font-size: 14px;
line-height: 1.5714285714285714;
list-style: none;
font-family: var(--gpts-font-family);
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-weight: normal;
white-space: normal;
text-align: start;
cursor: auto;
user-select: text;
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
--antd-arrow-background-color: var(--sds-color-grey-layer3-normal);
}
:where(.css-1n6o9jn).ant-popover-rtl {
direction: rtl;
}
:where(.css-1n6o9jn).ant-popover-hidden {
display: none;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-content {
position: relative;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-inner {
background-color: var(--sds-color-grey-layer3-normal);
background-clip: padding-box;
border-radius: 16px;
box-shadow: 0 0 0 1px #ffffff1f, 0 4px 16px var(--sds-color-shadow-overflow-8), 0 2px 8px -4px var(--sds-color-shadow-overflow-12), 0 8px 32px 8px var(--sds-color-shadow-overflow-4);
padding: 12px;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-title {
min-width: 177px;
margin-bottom: 8px;
color: rgba(0, 0, 0, 0.88);
font-weight: 600;
border-bottom: none;
padding: 0;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-inner-content {
color: rgba(0, 0, 0, 0.88);
padding: 0;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-arrow {
position: absolute;
z-index: 1;
display: block;
pointer-events: none;
width: 16px;
height: 16px;
overflow: hidden;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-arrow::before {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 16px;
height: 8px;
background: var(--antd-arrow-background-color);
clip-path: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
content: "";
}
:where(.css-1n6o9jn).ant-popover .ant-popover-arrow::after {
content: "";
position: absolute;
width: 8.970562748477143px;
height: 8.970562748477143px;
bottom: 0;
inset-inline: 0;
margin: auto;
border-radius: 0 0 2px 0;
transform: translateY(50%) rotate(-135deg);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
z-index: 0;
background: transparent;
}
:where(.css-1n6o9jn).ant-popover .ant-popover-arrow:before {
background: var(--antd-arrow-background-color);
}
:where(.css-1n6o9jn).ant-popover-placement-top>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-topLeft>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-topRight>.ant-popover-arrow {
bottom: 0;
transform: translateY(100%) rotate(180deg);
}
:where(.css-1n6o9jn).ant-popover-placement-top>.ant-popover-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
:where(.css-1n6o9jn).ant-popover-placement-topLeft>.ant-popover-arrow {
left: 18px;
}
:where(.css-1n6o9jn).ant-popover-placement-topRight>.ant-popover-arrow {
right: 18px;
}
:where(.css-1n6o9jn).ant-popover-placement-bottom>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-bottomLeft>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-bottomRight>.ant-popover-arrow {
top: 0;
transform: translateY(-100%);
}
:where(.css-1n6o9jn).ant-popover-placement-bottom>.ant-popover-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
:where(.css-1n6o9jn).ant-popover-placement-bottomLeft>.ant-popover-arrow {
left: 18px;
}
:where(.css-1n6o9jn).ant-popover-placement-bottomRight>.ant-popover-arrow {
right: 18px;
}
:where(.css-1n6o9jn).ant-popover-placement-left>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-leftTop>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-leftBottom>.ant-popover-arrow {
right: 0;
transform: translateX(100%) rotate(90deg);
}
:where(.css-1n6o9jn).ant-popover-placement-left>.ant-popover-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
:where(.css-1n6o9jn).ant-popover-placement-leftTop>.ant-popover-arrow {
top: 8px;
}
:where(.css-1n6o9jn).ant-popover-placement-leftBottom>.ant-popover-arrow {
bottom: 8px;
}
:where(.css-1n6o9jn).ant-popover-placement-right>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-rightTop>.ant-popover-arrow,
:where(.css-1n6o9jn).ant-popover-placement-rightBottom>.ant-popover-arrow {
left: 0;
transform: translateX(-100%) rotate(-90deg);
}
:where(.css-1n6o9jn).ant-popover-placement-right>.ant-popover-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
:where(.css-1n6o9jn).ant-popover-placement-rightTop>.ant-popover-arrow {
top: 8px;
}
:where(.css-1n6o9jn).ant-popover-placement-rightBottom>.ant-popover-arrow {
bottom: 8px;
}
:where(.css-1n6o9jn).ant-popover-pure {
position: relative;
max-width: none;
margin: 16px;
display: inline-block;
}
:where(.css-1n6o9jn).ant-popover-pure .ant-popover-content {
display: inline-block;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-blue {
--antd-arrow-background-color: #1677ff;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-blue .ant-popover-inner {
background-color: #1677ff;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-blue .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-purple {
--antd-arrow-background-color: #722ed1;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-purple .ant-popover-inner {
background-color: #722ed1;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-purple .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-cyan {
--antd-arrow-background-color: #13c2c2;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-cyan .ant-popover-inner {
background-color: #13c2c2;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-cyan .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-green {
--antd-arrow-background-color: #52c41a;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-green .ant-popover-inner {
background-color: #52c41a;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-green .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-magenta {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-magenta .ant-popover-inner {
background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-magenta .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-pink {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-pink .ant-popover-inner {
background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-pink .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-red {
--antd-arrow-background-color: #f5222d;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-red .ant-popover-inner {
background-color: #f5222d;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-red .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-orange {
--antd-arrow-background-color: #fa8c16;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-orange .ant-popover-inner {
background-color: #fa8c16;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-orange .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-yellow {
--antd-arrow-background-color: #fadb14;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-yellow .ant-popover-inner {
background-color: #fadb14;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-yellow .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-volcano {
--antd-arrow-background-color: #fa541c;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-volcano .ant-popover-inner {
background-color: #fa541c;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-volcano .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-geekblue {
--antd-arrow-background-color: #2f54eb;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-geekblue .ant-popover-inner {
background-color: #2f54eb;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-geekblue .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-lime {
--antd-arrow-background-color: #a0d911;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-lime .ant-popover-inner {
background-color: #a0d911;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-lime .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-gold {
--antd-arrow-background-color: #faad14;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-gold .ant-popover-inner {
background-color: #faad14;
}
:where(.css-1n6o9jn).ant-popover.ant-popover-gold .ant-popover-arrow {
background: transparent;
}
:where(.css-1n6o9jn).ant-zoom-big-enter,
:where(.css-1n6o9jn).ant-zoom-big-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1n6o9jn).ant-zoom-big-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1n6o9jn).ant-zoom-big-enter.ant-zoom-big-enter-active,
:where(.css-1n6o9jn).ant-zoom-big-appear.ant-zoom-big-appear-active {
animation-name: css-1n6o9jn-antZoomBigIn;
animation-play-state: running;
}
:where(.css-1n6o9jn).ant-zoom-big-leave.ant-zoom-big-leave-active {
animation-name: css-1n6o9jn-antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
:where(.css-1n6o9jn).ant-zoom-big-enter,
:where(.css-1n6o9jn).ant-zoom-big-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
:where(.css-1n6o9jn).ant-zoom-big-enter-prepare,
:where(.css-1n6o9jn).ant-zoom-big-appear-prepare {
transform: none;
}
:where(.css-1n6o9jn).ant-zoom-big-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes css-1n6o9jn-antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes css-1n6o9jn-antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
:where(.css-1n6o9jn).ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.88);
font-size: 14px;
line-height: 1.5714285714285714;
list-style: none;
font-family: var(--gpts-font-family);
position: absolute;
z-index: 1070;
display: block;
width: max-content;
max-width: 250px;
visibility: visible;
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
--antd-arrow-background-color: var(--sds-color-grey-layer3-reserve);
}
:where(.css-1n6o9jn).ant-tooltip-hidden {
display: none;
}
:where(.css-1n6o9jn).ant-tooltip .ant-tooltip-inner {
min-width: 32px;
min-height: 32px;
padding: 6px 8px;
color: #fff;
text-align: start;
text-decoration: none;
word-wrap: break-word;
background-color: var(--sds-color-grey-layer3-reserve);
border-radius: 6px;
box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
}
:where(.css-1n6o9jn).ant-tooltip-placement-left .ant-tooltip-inner,
:where(.css-1n6o9jn).ant-tooltip-placement-leftTop .ant-tooltip-inner,
:where(.css-1n6o9jn).ant-tooltip-placement-leftBottom .ant-tooltip-inner,
:where(.css-1n6o9jn).ant-tooltip-placement-right .ant-tooltip-inner,
:where(.css-1n6o9jn).ant-tooltip-placement-rightTop .ant-tooltip-inner,
:where(.css-1n6o9jn).ant-tooltip-placement-rightBottom .ant-tooltip-inner {
border-radius: 6px;
}
:where(.css-1n6o9jn).ant-tooltip .ant-tooltip-content {
position: relative;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-blue .ant-tooltip-inner {
background-color: #1677ff;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-blue .ant-tooltip-arrow {
--antd-arrow-background-color: #1677ff;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-purple .ant-tooltip-inner {
background-color: #722ed1;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-purple .ant-tooltip-arrow {
--antd-arrow-background-color: #722ed1;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-cyan .ant-tooltip-inner {
background-color: #13c2c2;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-cyan .ant-tooltip-arrow {
--antd-arrow-background-color: #13c2c2;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-green .ant-tooltip-inner {
background-color: #52c41a;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-green .ant-tooltip-arrow {
--antd-arrow-background-color: #52c41a;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-magenta .ant-tooltip-inner {
background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-magenta .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-pink .ant-tooltip-inner {
background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-pink .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-red .ant-tooltip-inner {
background-color: #f5222d;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-red .ant-tooltip-arrow {
--antd-arrow-background-color: #f5222d;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-orange .ant-tooltip-inner {
background-color: #fa8c16;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-orange .ant-tooltip-arrow {
--antd-arrow-background-color: #fa8c16;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-yellow .ant-tooltip-inner {
background-color: #fadb14;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-yellow .ant-tooltip-arrow {
--antd-arrow-background-color: #fadb14;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-volcano .ant-tooltip-inner {
background-color: #fa541c;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-volcano .ant-tooltip-arrow {
--antd-arrow-background-color: #fa541c;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-inner {
background-color: #2f54eb;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-arrow {
--antd-arrow-background-color: #2f54eb;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-lime .ant-tooltip-inner {
background-color: #a0d911;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-lime .ant-tooltip-arrow {
--antd-arrow-background-color: #a0d911;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-gold .ant-tooltip-inner {
background-color: #faad14;
}
:where(.css-1n6o9jn).ant-tooltip.ant-tooltip-gold .ant-tooltip-arrow {
--antd-arrow-background-color: #faad14;
}
:where(.css-1n6o9jn).ant-tooltip-rtl {
direction: rtl;
}
:where(.css-1n6o9jn).ant-tooltip .ant-tooltip-arrow {
position: absolute;
z-index: 1;
display: block;
pointer-events: none;
width: 16px;
height: 16px;
overflow: hidden;
}
:where(.css-1n6o9jn).ant-tooltip .ant-tooltip-arrow::before {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 16px;
height: 8px;
background: var(--antd-arrow-background-color);
clip-path: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 7.292893218813452 2.363961030678928 A 1 1 0 0 1 8.707106781186548 2.363961030678928 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
content: "";
}
:where(.css-1n6o9jn).ant-tooltip .ant-tooltip-arrow::after {
content: "";
position: absolute;
width: 8.970562748477143px;
height: 8.970562748477143px;
bottom: 0;
inset-inline: 0;
margin: auto;
border-radius: 0 0 1px 0;
transform: translateY(50%) rotate(-135deg);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
z-index: 0;
background: transparent;
}
:where(.css-1n6o9jn).ant-tooltip .ant-tooltip-arrow:before {
background: var(--antd-arrow-background-color);
}
:where(.css-1n6o9jn).ant-tooltip-placement-top>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-topLeft>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-topRight>.ant-tooltip-arrow {
bottom: 0;
transform: translateY(100%) rotate(180deg);
}
:where(.css-1n6o9jn).ant-tooltip-placement-top>.ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
:where(.css-1n6o9jn).ant-tooltip-placement-topLeft>.ant-tooltip-arrow {
left: 12px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-topRight>.ant-tooltip-arrow {
right: 12px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-bottom>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-bottomLeft>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-bottomRight>.ant-tooltip-arrow {
top: 0;
transform: translateY(-100%);
}
:where(.css-1n6o9jn).ant-tooltip-placement-bottom>.ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
:where(.css-1n6o9jn).ant-tooltip-placement-bottomLeft>.ant-tooltip-arrow {
left: 12px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-bottomRight>.ant-tooltip-arrow {
right: 12px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-left>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-leftTop>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-leftBottom>.ant-tooltip-arrow {
right: 0;
transform: translateX(100%) rotate(90deg);
}
:where(.css-1n6o9jn).ant-tooltip-placement-left>.ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
:where(.css-1n6o9jn).ant-tooltip-placement-leftTop>.ant-tooltip-arrow {
top: 8px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-leftBottom>.ant-tooltip-arrow {
bottom: 8px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-right>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-rightTop>.ant-tooltip-arrow,
:where(.css-1n6o9jn).ant-tooltip-placement-rightBottom>.ant-tooltip-arrow {
left: 0;
transform: translateX(-100%) rotate(-90deg);
}
:where(.css-1n6o9jn).ant-tooltip-placement-right>.ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
:where(.css-1n6o9jn).ant-tooltip-placement-rightTop>.ant-tooltip-arrow {
top: 8px;
}
:where(.css-1n6o9jn).ant-tooltip-placement-rightBottom>.ant-tooltip-arrow {
bottom: 8px;
}
:where(.css-1n6o9jn).ant-tooltip-pure {
position: relative;
max-width: none;
margin: 16px;
}
:where(.css-1n6o9jn).ant-zoom-big-fast-enter,
:where(.css-1n6o9jn).ant-zoom-big-fast-appear {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1n6o9jn).ant-zoom-big-fast-leave {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1n6o9jn).ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
:where(.css-1n6o9jn).ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
animation-name: css-1n6o9jn-antZoomBigIn;
animation-play-state: running;
}
:where(.css-1n6o9jn).ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
animation-name: css-1n6o9jn-antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
:where(.css-1n6o9jn).ant-zoom-big-fast-enter,
:where(.css-1n6o9jn).ant-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
:where(.css-1n6o9jn).ant-zoom-big-fast-enter-prepare,
:where(.css-1n6o9jn).ant-zoom-big-fast-appear-prepare {
transform: none;
}
:where(.css-1n6o9jn).ant-zoom-big-fast-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
@charset "UTF-8";
*,
:before,
:after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
.\!container {
width: 100% !important
}
.container {
width: 100%
}
@media(min-width:640px) {
.\!container {
max-width: 640px !important
}
.container {
max-width: 640px
}
}
@media(min-width:768px) {
.\!container {
max-width: 768px !important
}
.container {
max-width: 768px
}
}
@media(min-width:1024px) {
.\!container {
max-width: 1024px !important
}
.container {
max-width: 1024px
}
}
@media(min-width:1280px) {
.\!container {
max-width: 1280px !important
}
.container {
max-width: 1280px
}
}
@media(min-width:1536px) {
.\!container {
max-width: 1536px !important
}
.container {
max-width: 1536px
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal
}
.pointer-events-none {
pointer-events: none
}
.pointer-events-auto {
pointer-events: auto
}
.\!visible {
visibility: visible !important
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
.\!collapse {
visibility: collapse !important
}
.collapse {
visibility: collapse
}
.\!static {
position: static !important
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
inset: 0
}
.inset-1 {
inset: 4px
}
.inset-x-0 {
left: 0;
right: 0
}
.inset-x-1 {
left: 4px;
right: 4px
}
.inset-x-2 {
left: 8px;
right: 8px
}
.inset-x-6 {
left: 24px;
right: 24px
}
.inset-x-\[12px\] {
left: 12px;
right: 12px
}
.inset-x-\[9px\] {
left: 9px;
right: 9px
}
.inset-y-0 {
top: 0;
bottom: 0
}
.-end-1 {
inset-inline-end: -4px
}
.-end-2\.5 {
inset-inline-end: -10px
}
.-end-\[2px\] {
inset-inline-end: -2px
}
.-end-\[5px\] {
inset-inline-end: -5px
}
.-end-\[6px\] {
inset-inline-end: -6px
}
.-left-1 {
left: -4px
}
.-left-\[38px\] {
left: -38px
}
.-left-\[6px\] {
left: -6px
}
.-right-1 {
right: -4px
}
.-right-2 {
right: -8px
}
.-right-3 {
right: -12px
}
.-right-\[1px\] {
right: -1px
}
.-right-\[4px\] {
right: -4px
}
.-right-\[6px\] {
right: -6px
}
.-right-\[7px\] {
right: -7px
}
.-right-px {
right: -1px
}
.-start-2\.5 {
inset-inline-start: -10px
}
.-top-0 {
top: 0
}
.-top-1 {
top: -4px
}
.-top-3 {
top: -12px
}
.-top-4 {
top: -16px
}
.-top-9 {
top: -36px
}
.-top-\[0\.1rem\] {
top: -.1rem
}
.-top-\[1px\] {
top: -1px
}
.-top-\[200px\] {
top: -200px
}
.-top-\[2px\] {
top: -2px
}
.-top-\[30px\] {
top: -30px
}
.-top-\[36px\] {
top: -36px
}
.-top-\[3px\] {
top: -3px
}
.-top-\[48px\] {
top: -48px
}
.-top-\[4px\] {
top: -4px
}
.-top-\[60px\] {
top: -60px
}
.-top-\[6px\] {
top: -6px
}
.-top-\[7px\] {
top: -7px
}
.-top-\[9px\] {
top: -9px
}
.bottom-0 {
bottom: 0
}
.bottom-1 {
bottom: 4px
}
.bottom-1\.5 {
bottom: 6px
}
.bottom-10 {
bottom: 40px
}
.bottom-11 {
bottom: 44px
}
.bottom-2 {
bottom: 8px
}
.bottom-3 {
bottom: 12px
}
.bottom-4 {
bottom: 16px
}
.bottom-6 {
bottom: 24px
}
.bottom-8 {
bottom: 32px
}
.bottom-\[-22px\] {
bottom: -22px
}
.bottom-\[-2px\] {
bottom: -2px
}
.bottom-\[-3px\] {
bottom: -3px
}
.bottom-\[-4px\] {
bottom: -4px
}
.bottom-\[-50\%\] {
bottom: -50%
}
.bottom-\[-7px\] {
bottom: -7px
}
.bottom-\[10px\] {
bottom: 10px
}
.bottom-\[110\%\] {
bottom: 110%
}
.bottom-\[16px\] {
bottom: 16px
}
.bottom-\[1px\] {
bottom: 1px
}
.bottom-\[22px\] {
bottom: 22px
}
.bottom-\[24px\] {
bottom: 24px
}
.bottom-\[2px\] {
bottom: 2px
}
.bottom-\[30px\] {
bottom: 30px
}
.bottom-\[38px\] {
bottom: 38px
}
.bottom-\[3px\] {
bottom: 3px
}
.bottom-\[46px\] {
bottom: 46px
}
.bottom-\[48px\] {
bottom: 48px
}
.bottom-\[52px\] {
bottom: 52px
}
.bottom-\[62px\] {
bottom: 62px
}
.bottom-\[6px\] {
bottom: 6px
}
.bottom-\[8px\] {
bottom: 8px
}
.bottom-\[calc\(100\%\+16px\)\] {
bottom: calc(100% + 16px)
}
.bottom-auto {
bottom: auto
}
.bottom-full {
bottom: 100%
}
.end-0 {
inset-inline-end: 0
}
.end-1 {
inset-inline-end: 4px
}
.end-2 {
inset-inline-end: 8px
}
.end-2\.5 {
inset-inline-end: 10px
}
.end-3 {
inset-inline-end: 12px
}
.end-4 {
inset-inline-end: 16px
}
.end-\[-2px\] {
inset-inline-end: -2px
}
.end-\[-6px\] {
inset-inline-end: -6px
}
.end-\[-7px\] {
inset-inline-end: -7px
}
.end-\[0px\] {
inset-inline-end: 0px
}
.end-\[10px\] {
inset-inline-end: 10px
}
.end-\[13px\] {
inset-inline-end: 13px
}
.end-\[1px\] {
inset-inline-end: 1px
}
.end-\[3px\] {
inset-inline-end: 3px
}
.end-\[8px\] {
inset-inline-end: 8px
}
.left-0 {
left: 0
}
.left-1 {
left: 4px
}
.left-1\/2 {
left: 50%
}
.left-2 {
left: 8px
}
.left-3 {
left: 12px
}
.left-4 {
left: 16px
}
.left-5 {
left: 20px
}
.left-8 {
left: 32px
}
.left-\[-2px\] {
left: -2px
}
.left-\[-50px\] {
left: -50px
}
.left-\[-6px\] {
left: -6px
}
.left-\[120px\] {
left: 120px
}
.left-\[14px\] {
left: 14px
}
.left-\[173px\] {
left: 173px
}
.left-\[2px\] {
left: 2px
}
.left-\[3px\] {
left: 3px
}
.left-\[453px\] {
left: 453px
}
.left-\[45px\] {
left: 45px
}
.left-\[50\%\] {
left: 50%
}
.left-\[52px\] {
left: 52px
}
.left-\[6px\] {
left: 6px
}
.left-\[72px\] {
left: 72px
}
.left-\[80px\] {
left: 80px
}
.left-\[calc\(100\%-var\(--slider-width\)\)\] {
left: calc(100% - var(--slider-width))
}
.left-\[calc\(50\%\+4px\)\] {
left: calc(50% + 4px)
}
.left-full {
left: 100%
}
.right-0 {
right: 0
}
.right-0\.5 {
right: 2px
}
.right-1 {
right: 4px
}
.right-2 {
right: 8px
}
.right-3 {
right: 12px
}
.right-4 {
right: 16px
}
.right-5 {
right: 20px
}
.right-6 {
right: 24px
}
.right-\[-1px\] {
right: -1px
}
.right-\[-20\%\] {
right: -20%
}
.right-\[-2px\] {
right: -2px
}
.right-\[-30px\] {
right: -30px
}
.right-\[-3px\] {
right: -3px
}
.right-\[-4px\] {
right: -4px
}
.right-\[-6px\] {
right: -6px
}
.right-\[10px\] {
right: 10px
}
.right-\[120px\] {
right: 120px
}
.right-\[12px\] {
right: 12px
}
.right-\[20px\] {
right: 20px
}
.right-\[24px\] {
right: 24px
}
.right-\[2px\] {
right: 2px
}
.right-\[5px\] {
right: 5px
}
.right-\[8px\] {
right: 8px
}
.right-auto {
right: auto
}
.start-0 {
inset-inline-start: 0
}
.start-1\/2 {
inset-inline-start: 50%
}
.start-2 {
inset-inline-start: 8px
}
.start-\[-28px\] {
inset-inline-start: -28px
}
.start-\[-2px\] {
inset-inline-start: -2px
}
.start-\[-50px\] {
inset-inline-start: -50px
}
.start-\[50\%\] {
inset-inline-start: 50%
}
.start-\[8px\] {
inset-inline-start: 8px
}
.start-\[calc\(100\%\+50px\)\] {
inset-inline-start: calc(100% + 50px)
}
.top-0 {
top: 0
}
.top-0\.5 {
top: 2px
}
.top-1 {
top: 4px
}
.top-1\/2 {
top: 50%
}
.top-1\/4 {
top: 25%
}
.top-10 {
top: 40px
}
.top-2 {
top: 8px
}
.top-3 {
top: 12px
}
.top-4 {
top: 16px
}
.top-5 {
top: 20px
}
.top-6 {
top: 24px
}
.top-9 {
top: 36px
}
.top-\[-10px\] {
top: -10px
}
.top-\[-140px\] {
top: -140px
}
.top-\[-16px\] {
top: -16px
}
.top-\[-1px\] {
top: -1px
}
.top-\[-24px\] {
top: -24px
}
.top-\[-2px\] {
top: -2px
}
.top-\[-32px\] {
top: -32px
}
.top-\[-36px\] {
top: -36px
}
.top-\[-3px\] {
top: -3px
}
.top-\[-4px\] {
top: -4px
}
.top-\[-50\%\] {
top: -50%
}
.top-\[-50px\] {
top: -50px
}
.top-\[-5px\] {
top: -5px
}
.top-\[-6px\] {
top: -6px
}
.top-\[-8px\] {
top: -8px
}
.top-\[-94px\] {
top: -94px
}
.top-\[0px\] {
top: 0
}
.top-\[10px\] {
top: 10px
}
.top-\[116px\] {
top: 116px
}
.top-\[12px\] {
top: 12px
}
.top-\[13px\] {
top: 13px
}
.top-\[16px\] {
top: 16px
}
.top-\[20px\] {
top: 20px
}
.top-\[2px\] {
top: 2px
}
.top-\[33px\] {
top: 33px
}
.top-\[3px\] {
top: 3px
}
.top-\[40px\] {
top: 40px
}
.top-\[48px\] {
top: 48px
}
.top-\[50\%\] {
top: 50%
}
.top-\[5px\] {
top: 5px
}
.top-\[6px\] {
top: 6px
}
.top-\[90px\] {
top: 90px
}
.top-\[calc\(50\%\+14px\)\] {
top: calc(50% + 14px)
}
.top-full {
top: 100%
}
.top-px {
top: 1px
}
.isolate {
isolation: isolate
}
.\!z-\[1100\] {
z-index: 1100 !important
}
.\!z-\[unset\] {
z-index: unset !important
}
.-z-1 {
z-index: -1
}
.-z-10 {
z-index: -10
}
.-z-2 {
z-index: -2
}
.-z-20 {
z-index: -20
}
.z-0 {
z-index: 0
}
.z-1 {
z-index: 1
}
.z-10 {
z-index: 10
}
.z-2 {
z-index: 2
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-40 {
z-index: 40
}
.z-50 {
z-index: 50
}
.z-\[-1\] {
z-index: -1
}
.z-\[1000\] {
z-index: 1000
}
.z-\[1001\] {
z-index: 1001
}
.z-\[1002\] {
z-index: 1002
}
.z-\[100\] {
z-index: 100
}
.z-\[101\] {
z-index: 101
}
.z-\[102\] {
z-index: 102
}
.z-\[10\] {
z-index: 10
}
.z-\[1100\] {
z-index: 1100
}
.z-\[110\] {
z-index: 110
}
.z-\[11\] {
z-index: 11
}
.z-\[120\] {
z-index: 120
}
.z-\[190\] {
z-index: 190
}
.z-\[19\] {
z-index: 19
}
.z-\[1\] {
z-index: 1
}
.z-\[2000\] {
z-index: 2000
}
.z-\[200\] {
z-index: 200
}
.z-\[201\] {
z-index: 201
}
.z-\[210\] {
z-index: 210
}
.z-\[2147483646\] {
z-index: 2147483646
}
.z-\[2147483647\] {
z-index: 2147483647
}
.z-\[2\] {
z-index: 2
}
.z-\[3010\] {
z-index: 3010
}
.z-\[3\] {
z-index: 3
}
.z-\[4\] {
z-index: 4
}
.z-\[500\] {
z-index: 500
}
.z-\[9999\] {
z-index: 9999
}
.z-\[999\] {
z-index: 999
}
.z-max {
z-index: 2147483645
}
.z-max2 {
z-index: 2147483646
}
.z-max3 {
z-index: 2147483647
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-first {
order: -9999
}
.col-\[2\/-1\] {
grid-column: 2/-1
}
.col-\[icon\] {
grid-column: icon
}
.col-\[main\] {
grid-column: main
}
.col-\[text\] {
grid-column: text
}
.col-start-1 {
grid-column-start: 1
}
.col-start-2 {
grid-column-start: 2
}
.row-start-1 {
grid-row-start: 1
}
.float-start {
float: inline-start
}
.-m-2 {
margin: -8px
}
.-m-\[100px\] {
margin: -100px
}
.m-0 {
margin: 0
}
.m-3 {
margin: 12px
}
.m-4 {
margin: 16px
}
.m-auto {
margin: auto
}
.m-px {
margin: 1px
}
.-mx-1 {
margin-left: -4px;
margin-right: -4px
}
.-mx-2 {
margin-left: -8px;
margin-right: -8px
}
.-mx-3 {
margin-left: -12px;
margin-right: -12px
}
.-mx-4 {
margin-left: -16px;
margin-right: -16px
}
.-mx-6 {
margin-left: -24px;
margin-right: -24px
}
.-my-2 {
margin-top: -8px;
margin-bottom: -8px
}
.-my-\[3px\] {
margin-top: -3px;
margin-bottom: -3px
}
.mx-1 {
margin-left: 4px;
margin-right: 4px
}
.mx-2 {
margin-left: 8px;
margin-right: 8px
}
.mx-3 {
margin-left: 12px;
margin-right: 12px
}
.mx-4 {
margin-left: 16px;
margin-right: 16px
}
.mx-5 {
margin-left: 20px;
margin-right: 20px
}
.mx-6 {
margin-left: 24px;
margin-right: 24px
}
.mx-\[-12px\] {
margin-left: -12px;
margin-right: -12px
}
.mx-\[-8px\] {
margin-left: -8px;
margin-right: -8px
}
.mx-\[10px\] {
margin-left: 10px;
margin-right: 10px
}
.mx-\[12px\] {
margin-left: 12px;
margin-right: 12px
}
.mx-\[4px\] {
margin-left: 4px;
margin-right: 4px
}
.mx-\[6px\] {
margin-left: 6px;
margin-right: 6px
}
.mx-\[8px\] {
margin-left: 8px;
margin-right: 8px
}
.mx-\[9px\] {
margin-left: 9px;
margin-right: 9px
}
.mx-\[auto\],
.mx-auto {
margin-left: auto;
margin-right: auto
}
.mx-px {
margin-left: 1px;
margin-right: 1px
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.my-1 {
margin-top: 4px;
margin-bottom: 4px
}
.my-1\.5 {
margin-top: 6px;
margin-bottom: 6px
}
.my-2 {
margin-top: 8px;
margin-bottom: 8px
}
.my-3 {
margin-top: 12px;
margin-bottom: 12px
}
.my-4 {
margin-top: 16px;
margin-bottom: 16px
}
.my-5 {
margin-top: 20px;
margin-bottom: 20px
}
.my-6 {
margin-top: 24px;
margin-bottom: 24px
}
.my-\[-0px\] {
margin-top: -0px;
margin-bottom: -0px
}
.my-\[-10px\] {
margin-top: -10px;
margin-bottom: -10px
}
.my-\[-4px\] {
margin-top: -4px;
margin-bottom: -4px
}
.my-\[10px\] {
margin-top: 10px;
margin-bottom: 10px
}
.my-\[1px\] {
margin-top: 1px;
margin-bottom: 1px
}
.my-\[6px\] {
margin-top: 6px;
margin-bottom: 6px
}
.my-\[8px\] {
margin-top: 8px;
margin-bottom: 8px
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.\!mb-0 {
margin-bottom: 0 !important
}
.\!mb-2 {
margin-bottom: 8px !important
}
.\!mb-4 {
margin-bottom: 16px !important
}
.\!ms-\[0px\] {
margin-inline-start: 0px !important
}
.\!mt-0 {
margin-top: 0 !important
}
.-mb-2 {
margin-bottom: -8px
}
.-mb-\[23px\] {
margin-bottom: -23px
}
.-me-0\.5 {
margin-inline-end: -2px
}
.-me-1 {
margin-inline-end: -4px
}
.-me-2 {
margin-inline-end: -8px
}
.-ms-0\.5 {
margin-inline-start: -2px
}
.-ms-1 {
margin-inline-start: -4px
}
.-mt-2 {
margin-top: -8px
}
.-mt-3 {
margin-top: -12px
}
.-mt-4 {
margin-top: -16px
}
.-mt-5 {
margin-top: -20px
}
.-mt-\[6px\] {
margin-top: -6px
}
.-mt-px {
margin-top: -1px
}
.mb-0 {
margin-bottom: 0
}
.mb-1 {
margin-bottom: 4px
}
.mb-10 {
margin-bottom: 40px
}
.mb-2 {
margin-bottom: 8px
}
.mb-2\.5 {
margin-bottom: 10px
}
.mb-3 {
margin-bottom: 12px
}
.mb-4 {
margin-bottom: 16px
}
.mb-5 {
margin-bottom: 20px
}
.mb-6 {
margin-bottom: 24px
}
.mb-\[0px\] {
margin-bottom: 0
}
.mb-\[10px\] {
margin-bottom: 10px
}
.mb-\[12px\] {
margin-bottom: 12px
}
.mb-\[20px\] {
margin-bottom: 20px
}
.mb-\[2px\] {
margin-bottom: 2px
}
.mb-\[30px\] {
margin-bottom: 30px
}
.mb-\[40px\] {
margin-bottom: 40px
}
.mb-\[4px\] {
margin-bottom: 4px
}
.mb-\[5px\] {
margin-bottom: 5px
}
.mb-\[6px\] {
margin-bottom: 6px
}
.mb-\[8px\] {
margin-bottom: 8px
}
.mb-auto {
margin-bottom: auto
}
.mb-px {
margin-bottom: 1px
}
.me-0 {
margin-inline-end: 0
}
.me-1 {
margin-inline-end: 4px
}
.me-1\.5 {
margin-inline-end: 6px
}
.me-2 {
margin-inline-end: 8px
}
.me-3 {
margin-inline-end: 12px
}
.me-4 {
margin-inline-end: 16px
}
.me-\[-6px\] {
margin-inline-end: -6px
}
.me-\[-9px\] {
margin-inline-end: -9px
}
.me-\[10px\] {
margin-inline-end: 10px
}
.me-\[16px\] {
margin-inline-end: 16px
}
.me-\[1px\] {
margin-inline-end: 1px
}
.me-\[24px\] {
margin-inline-end: 24px
}
.me-\[2px\] {
margin-inline-end: 2px
}
.me-\[32px\] {
margin-inline-end: 32px
}
.me-\[40px\] {
margin-inline-end: 40px
}
.me-\[4px\] {
margin-inline-end: 4px
}
.me-\[6px\] {
margin-inline-end: 6px
}
.me-\[8px\] {
margin-inline-end: 8px
}
.me-auto {
margin-inline-end: auto
}
.ml-0\.5 {
margin-left: 2px
}
.ml-1 {
margin-left: 4px
}
.ml-1\.5 {
margin-left: 6px
}
.ml-2 {
margin-left: 8px
}
.ml-3 {
margin-left: 12px
}
.ml-4 {
margin-left: 16px
}
.ml-5 {
margin-left: 20px
}
.ml-\[1px\] {
margin-left: 1px
}
.ml-\[2px\] {
margin-left: 2px
}
.ml-\[3px\] {
margin-left: 3px
}
.ml-\[4px\] {
margin-left: 4px
}
.ml-\[5px\] {
margin-left: 5px
}
.ml-auto {
margin-left: auto
}
.mr-1 {
margin-right: 4px
}
.mr-1\.5 {
margin-right: 6px
}
.mr-10 {
margin-right: 40px
}
.mr-2 {
margin-right: 8px
}
.mr-\[2px\] {
margin-right: 2px
}
.mr-\[4px\] {
margin-right: 4px
}
.mr-auto {
margin-right: auto
}
.ms-0\.5 {
margin-inline-start: 2px
}
.ms-1 {
margin-inline-start: 4px
}
.ms-1\.5 {
margin-inline-start: 6px
}
.ms-2 {
margin-inline-start: 8px
}
.ms-3 {
margin-inline-start: 12px
}
.ms-4 {
margin-inline-start: 16px
}
.ms-5 {
margin-inline-start: 20px
}
.ms-\[-9px\] {
margin-inline-start: -9px
}
.ms-\[10px\] {
margin-inline-start: 10px
}
.ms-\[12px\] {
margin-inline-start: 12px
}
.ms-\[16px\] {
margin-inline-start: 16px
}
.ms-\[18px\] {
margin-inline-start: 18px
}
.ms-\[1px\] {
margin-inline-start: 1px
}
.ms-\[22px\] {
margin-inline-start: 22px
}
.ms-\[2px\] {
margin-inline-start: 2px
}
.ms-\[6px\] {
margin-inline-start: 6px
}
.ms-auto {
margin-inline-start: auto
}
.mt-0 {
margin-top: 0
}
.mt-0\.5 {
margin-top: 2px
}
.mt-1 {
margin-top: 4px
}
.mt-1\.5 {
margin-top: 6px
}
.mt-10 {
margin-top: 40px
}
.mt-2 {
margin-top: 8px
}
.mt-2\.5 {
margin-top: 10px
}
.mt-3 {
margin-top: 12px
}
.mt-4 {
margin-top: 16px
}
.mt-5 {
margin-top: 20px
}
.mt-6 {
margin-top: 24px
}
.mt-7 {
margin-top: 28px
}
.mt-8 {
margin-top: 32px
}
.mt-\[-10px\] {
margin-top: -10px
}
.mt-\[-7px\] {
margin-top: -7px
}
.mt-\[0px\] {
margin-top: 0
}
.mt-\[10px\] {
margin-top: 10px
}
.mt-\[12px\] {
margin-top: 12px
}
.mt-\[16px\] {
margin-top: 16px
}
.mt-\[1px\] {
margin-top: 1px
}
.mt-\[20px\] {
margin-top: 20px
}
.mt-\[24px\] {
margin-top: 24px
}
.mt-\[28px\] {
margin-top: 28px
}
.mt-\[2px\] {
margin-top: 2px
}
.mt-\[3px\] {
margin-top: 3px
}
.mt-\[40px\] {
margin-top: 40px
}
.mt-\[41px\] {
margin-top: 41px
}
.mt-\[4px\] {
margin-top: 4px
}
.mt-\[50px\] {
margin-top: 50px
}
.mt-\[5px\] {
margin-top: 5px
}
.mt-\[60px\] {
margin-top: 60px
}
.mt-\[6px\] {
margin-top: 6px
}
.mt-\[8px\] {
margin-top: 8px
}
.mt-auto {
margin-top: auto
}
.box-border {
box-sizing: border-box
}
.\!box-content {
box-sizing: content-box !important
}
.box-content {
box-sizing: content-box
}
.line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
.line-clamp-5 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.\!inline {
display: inline !important
}
.inline {
display: inline
}
.\!flex {
display: flex !important
}
.flex {
display: flex
}
.\!inline-flex {
display: inline-flex !important
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.flow-root {
display: flow-root
}
.grid {
display: grid
}
.\!contents {
display: contents !important
}
.contents {
display: contents
}
.\!hidden {
display: none !important
}
.hidden {
display: none
}
.aspect-\[296\/82\] {
aspect-ratio: 296/82
}
.aspect-auto {
aspect-ratio: auto
}
.aspect-square {
aspect-ratio: 1 / 1
}
.aspect-video {
aspect-ratio: 16 / 9
}
.size-0 {
width: 0;
height: 0
}
.size-1 {
width: 4px;
height: 4px
}
.size-1\.5 {
width: 6px;
height: 6px
}
.size-10 {
width: 40px;
height: 40px
}
.size-12 {
width: 48px;
height: 48px
}
.size-14 {
width: 56px;
height: 56px
}
.size-2 {
width: 8px;
height: 8px
}
.size-2\.5 {
width: 10px;
height: 10px
}
.size-20 {
width: 80px;
height: 80px
}
.size-3 {
width: 12px;
height: 12px
}
.size-3\.5 {
width: 14px;
height: 14px
}
.size-4 {
width: 16px;
height: 16px
}
.size-5 {
width: 20px;
height: 20px
}
.size-6 {
width: 24px;
height: 24px
}
.size-7 {
width: 28px;
height: 28px
}
.size-8 {
width: 32px;
height: 32px
}
.size-9 {
width: 36px;
height: 36px
}
.size-\[--control-icon-size\] {
width: var(--control-icon-size);
height: var(--control-icon-size)
}
.size-\[10px\] {
width: 10px;
height: 10px
}
.size-\[12px\] {
width: 12px;
height: 12px
}
.size-\[13px\] {
width: 13px;
height: 13px
}
.size-\[14px\] {
width: 14px;
height: 14px
}
.size-\[16px\] {
width: 16px;
height: 16px
}
.size-\[180px\] {
width: 180px;
height: 180px
}
.size-\[18px\] {
width: 18px;
height: 18px
}
.size-\[200px\] {
width: 200px;
height: 200px
}
.size-\[20px\] {
width: 20px;
height: 20px
}
.size-\[220px\] {
width: 220px;
height: 220px
}
.size-\[22px\] {
width: 22px;
height: 22px
}
.size-\[240px\] {
width: 240px;
height: 240px
}
.size-\[24px\] {
width: 24px;
height: 24px
}
.size-\[26px\] {
width: 26px;
height: 26px
}
.size-\[280px\] {
width: 280px;
height: 280px
}
.size-\[28px\] {
width: 28px;
height: 28px
}
.size-\[300px\] {
width: 300px;
height: 300px
}
.size-\[30px\] {
width: 30px;
height: 30px
}
.size-\[32px\] {
width: 32px;
height: 32px
}
.size-\[36px\] {
width: 36px;
height: 36px
}
.size-\[400px\] {
width: 400px;
height: 400px
}
.size-\[44px\] {
width: 44px;
height: 44px
}
.size-\[48px\] {
width: 48px;
height: 48px
}
.size-\[4px\] {
width: 4px;
height: 4px
}
.size-\[52px\] {
width: 52px;
height: 52px
}
.size-\[5px\] {
width: 5px;
height: 5px
}
.size-\[60px\] {
width: 60px;
height: 60px
}
.size-\[64px\] {
width: 64px;
height: 64px
}
.size-\[6px\] {
width: 6px;
height: 6px
}
.size-\[72px\] {
width: 72px;
height: 72px
}
.size-\[92px\] {
width: 92px;
height: 92px
}
.size-\[inherit\] {
width: inherit;
height: inherit
}
.size-full {
width: 100%;
height: 100%
}
.size-px {
width: 1px;
height: 1px
}
.\!h-10 {
height: 40px !important
}
.\!h-8 {
height: 32px !important
}
.\!h-\[2px\] {
height: 2px !important
}
.\!h-\[30px\] {
height: 30px !important
}
.h-0 {
height: 0
}
.h-0\.5 {
height: 2px
}
.h-1 {
height: 4px
}
.h-1\.5 {
height: 6px
}
.h-10 {
height: 40px
}
.h-11 {
height: 44px
}
.h-12 {
height: 48px
}
.h-14 {
height: 56px
}
.h-16 {
height: 64px
}
.h-2 {
height: 8px
}
.h-2\.5 {
height: 10px
}
.h-20 {
height: 80px
}
.h-3 {
height: 12px
}
.h-4 {
height: 16px
}
.h-5 {
height: 20px
}
.h-6 {
height: 24px
}
.h-7 {
height: 28px
}
.h-8 {
height: 32px
}
.h-9 {
height: 36px
}
.h-\[--h\] {
height: var(--h)
}
.h-\[--progessbar-height\] {
height: var(--progessbar-height)
}
.h-\[0\.8em\] {
height: .8em
}
.h-\[0px\] {
height: 0px
}
.h-\[100px\] {
height: 100px
}
.h-\[100vh\] {
height: 100vh
}
.h-\[101px\] {
height: 101px
}
.h-\[103px\] {
height: 103px
}
.h-\[104px\] {
height: 104px
}
.h-\[10px\] {
height: 10px
}
.h-\[120px\] {
height: 120px
}
.h-\[125px\] {
height: 125px
}
.h-\[126px\] {
height: 126px
}
.h-\[12px\] {
height: 12px
}
.h-\[138\.137px\] {
height: 138.137px
}
.h-\[142px\] {
height: 142px
}
.h-\[148px\] {
height: 148px
}
.h-\[14px\] {
height: 14px
}
.h-\[150px\] {
height: 150px
}
.h-\[15px\] {
height: 15px
}
.h-\[160px\] {
height: 160px
}
.h-\[16px\] {
height: 16px
}
.h-\[176px\] {
height: 176px
}
.h-\[17px\] {
height: 17px
}
.h-\[18px\] {
height: 18px
}
.h-\[196px\] {
height: 196px
}
.h-\[1px\] {
height: 1px
}
.h-\[200px\] {
height: 200px
}
.h-\[202px\] {
height: 202px
}
.h-\[20px\] {
height: 20px
}
.h-\[216px\] {
height: 216px
}
.h-\[220px\] {
height: 220px
}
.h-\[22px\] {
height: 22px
}
.h-\[240px\] {
height: 240px
}
.h-\[247px\] {
height: 247px
}
.h-\[24px\] {
height: 24px
}
.h-\[260px\] {
height: 260px
}
.h-\[26px\] {
height: 26px
}
.h-\[272px\] {
height: 272px
}
.h-\[284px\] {
height: 284px
}
.h-\[28px\] {
height: 28px
}
.h-\[29px\] {
height: 29px
}
.h-\[2lh\] {
height: 2lh
}
.h-\[2px\] {
height: 2px
}
.h-\[30px\] {
height: 30px
}
.h-\[310px\] {
height: 310px
}
.h-\[31px\] {
height: 31px
}
.h-\[320px\] {
height: 320px
}
.h-\[32px\] {
height: 32px
}
.h-\[338px\] {
height: 338px
}
.h-\[348px\] {
height: 348px
}
.h-\[34px\] {
height: 34px
}
.h-\[360px\] {
height: 360px
}
.h-\[36px\] {
height: 36px
}
.h-\[38px\] {
height: 38px
}
.h-\[3px\] {
height: 3px
}
.h-\[400px\] {
height: 400px
}
.h-\[40px\] {
height: 40px
}
.h-\[41px\] {
height: 41px
}
.h-\[42px\] {
height: 42px
}
.h-\[44px\] {
height: 44px
}
.h-\[46px\] {
height: 46px
}
.h-\[48px\] {
height: 48px
}
.h-\[500px\] {
height: 500px
}
.h-\[50px\] {
height: 50px
}
.h-\[51\.09px\] {
height: 51.09px
}
.h-\[52px\] {
height: 52px
}
.h-\[55px\] {
height: 55px
}
.h-\[560px\] {
height: 560px
}
.h-\[56px\] {
height: 56px
}
.h-\[60px\] {
height: 60px
}
.h-\[64px\] {
height: 64px
}
.h-\[66px\] {
height: 66px
}
.h-\[68px\] {
height: 68px
}
.h-\[69px\] {
height: 69px
}
.h-\[6px\] {
height: 6px
}
.h-\[70px\] {
height: 70px
}
.h-\[72px\] {
height: 72px
}
.h-\[73px\] {
height: 73px
}
.h-\[74px\] {
height: 74px
}
.h-\[78px\] {
height: 78px
}
.h-\[80px\] {
height: 80px
}
.h-\[8px\] {
height: 8px
}
.h-\[90vh\] {
height: 90vh
}
.h-\[93px\] {
height: 93px
}
.h-\[96px\] {
height: 96px
}
.h-\[9px\] {
height: 9px
}
.h-\[calc\(100\%\*98\/82\)\] {
height: calc(100% * 98 / 82)
}
.h-\[calc\(100\%\+80px\)\] {
height: calc(100% + 80px)
}
.h-\[calc\(100\%-104px\)\] {
height: calc(100% - 104px)
}
.h-\[calc\(100\%-128px\)\] {
height: calc(100% - 128px)
}
.h-\[calc\(100\%-136px\)\] {
height: calc(100% - 136px)
}
.h-\[calc\(100\%-220px\)\] {
height: calc(100% - 220px)
}
.h-\[calc\(100\%-40px\)\] {
height: calc(100% - 40px)
}
.h-\[calc\(100\%-48px\)\] {
height: calc(100% - 48px)
}
.h-\[calc\(100\%-56px\)\] {
height: calc(100% - 56px)
}
.h-\[calc\(100\%-57px\)\] {
height: calc(100% - 57px)
}
.h-\[calc\(100\%-58px\)\] {
height: calc(100% - 58px)
}
.h-\[calc\(100\%-64px\)\] {
height: calc(100% - 64px)
}
.h-\[calc\(100\%-66px\)\] {
height: calc(100% - 66px)
}
.h-\[calc\(100\%-68px\)\] {
height: calc(100% - 68px)
}
.h-\[calc\(100\%-96px\)\] {
height: calc(100% - 96px)
}
.h-\[calc\(100vh-242px\)\] {
height: calc(100vh - 242px)
}
.h-\[calc\(100vh-56px\)\] {
height: calc(100vh - 56px)
}
.h-\[calc\(100vh-57px\)\] {
height: calc(100vh - 57px)
}
.h-auto {
height: auto
}
.h-fit {
height: -moz-fit-content;
height: fit-content
}
.h-full {
height: 100%
}
.h-max {
height: -moz-max-content;
height: max-content
}
.h-px {
height: 1px
}
.h-screen {
height: 100vh
}
.max-h-0 {
max-height: 0
}
.max-h-48 {
max-height: 192px
}
.max-h-60 {
max-height: 240px
}
.max-h-\[--available-height\] {
max-height: var(--available-height)
}
.max-h-\[120px\] {
max-height: 120px
}
.max-h-\[140px\] {
max-height: 140px
}
.max-h-\[168px\] {
max-height: 168px
}
.max-h-\[184px\] {
max-height: 184px
}
.max-h-\[18px\] {
max-height: 18px
}
.max-h-\[192px\] {
max-height: 192px
}
.max-h-\[194px\] {
max-height: 194px
}
.max-h-\[200px\] {
max-height: 200px
}
.max-h-\[202px\] {
max-height: 202px
}
.max-h-\[204px\] {
max-height: 204px
}
.max-h-\[224px\] {
max-height: 224px
}
.max-h-\[240px\] {
max-height: 240px
}
.max-h-\[242px\] {
max-height: 242px
}
.max-h-\[256px\] {
max-height: 256px
}
.max-h-\[25vw\] {
max-height: 25vw
}
.max-h-\[260px\] {
max-height: 260px
}
.max-h-\[267px\] {
max-height: 267px
}
.max-h-\[276px\] {
max-height: 276px
}
.max-h-\[278px\] {
max-height: 278px
}
.max-h-\[300px\] {
max-height: 300px
}
.max-h-\[306px\] {
max-height: 306px
}
.max-h-\[310px\] {
max-height: 310px
}
.max-h-\[320px\] {
max-height: 320px
}
.max-h-\[372px\] {
max-height: 372px
}
.max-h-\[400px\] {
max-height: 400px
}
.max-h-\[425px\] {
max-height: 425px
}
.max-h-\[43px\] {
max-height: 43px
}
.max-h-\[475px\] {
max-height: 475px
}
.max-h-\[50px\] {
max-height: 50px
}
.max-h-\[582px\] {
max-height: 582px
}
.max-h-\[600px\] {
max-height: 600px
}
.max-h-\[60px\] {
max-height: 60px
}
.max-h-\[68px\] {
max-height: 68px
}
.max-h-\[750px\] {
max-height: 750px
}
.max-h-\[calc\(100\%-64px\)\] {
max-height: calc(100% - 64px)
}
.max-h-\[calc\(100dvh-64px\)\] {
max-height: calc(100dvh - 64px)
}
.max-h-\[calc\(100vh-100px\)\] {
max-height: calc(100vh - 100px)
}
.max-h-\[calc\(100vh-250px\)\] {
max-height: calc(100vh - 250px)
}
.max-h-\[calc\(100vh-32px\)\] {
max-height: calc(100vh - 32px)
}
.max-h-full {
max-height: 100%
}
.max-h-max {
max-height: -moz-max-content;
max-height: max-content
}
.\!min-h-\[89px\] {
min-height: 89px !important
}
.min-h-0 {
min-height: 0
}
.min-h-1 {
min-height: 4px
}
.min-h-10 {
min-height: 40px
}
.min-h-11 {
min-height: 44px
}
.min-h-6 {
min-height: 24px
}
.min-h-8 {
min-height: 32px
}
.min-h-\[100px\] {
min-height: 100px
}
.min-h-\[108px\] {
min-height: 108px
}
.min-h-\[12px\] {
min-height: 12px
}
.min-h-\[142px\] {
min-height: 142px
}
.min-h-\[150px\] {
min-height: 150px
}
.min-h-\[160px\] {
min-height: 160px
}
.min-h-\[1lh\] {
min-height: 1lh
}
.min-h-\[200px\] {
min-height: 200px
}
.min-h-\[260px\] {
min-height: 260px
}
.min-h-\[26px\] {
min-height: 26px
}
.min-h-\[300px\] {
min-height: 300px
}
.min-h-\[30px\] {
min-height: 30px
}
.min-h-\[31px\] {
min-height: 31px
}
.min-h-\[320px\] {
min-height: 320px
}
.min-h-\[32px\] {
min-height: 32px
}
.min-h-\[360px\] {
min-height: 360px
}
.min-h-\[40px\] {
min-height: 40px
}
.min-h-\[42px\] {
min-height: 42px
}
.min-h-\[46px\] {
min-height: 46px
}
.min-h-\[48px\] {
min-height: 48px
}
.min-h-\[50px\] {
min-height: 50px
}
.min-h-\[560px\] {
min-height: 560px
}
.min-h-\[56px\] {
min-height: 56px
}
.min-h-\[60px\] {
min-height: 60px
}
.min-h-\[72px\] {
min-height: 72px
}
.min-h-\[96px\] {
min-height: 96px
}
.min-h-\[97px\] {
min-height: 97px
}
.min-h-\[calc\(1em\+8px\)\] {
min-height: calc(1em + 8px)
}
.min-h-full {
min-height: 100%
}
.min-h-max {
min-height: -moz-max-content;
min-height: max-content
}
.min-h-screen {
min-height: 100vh
}
.\!w-8 {
width: 32px !important
}
.\!w-\[240px\] {
width: 240px !important
}
.\!w-\[320px\] {
width: 320px !important
}
.\!w-\[360px\] {
width: 360px !important
}
.\!w-\[48px\] {
width: 48px !important
}
.\!w-\[55\%\] {
width: 55% !important
}
.\!w-auto {
width: auto !important
}
.\!w-full {
width: 100% !important
}
.w-0 {
width: 0
}
.w-0\.5 {
width: 2px
}
.w-1 {
width: 4px
}
.w-1\/2 {
width: 50%
}
.w-1\/4 {
width: 25%
}
.w-10 {
width: 40px
}
.w-12 {
width: 48px
}
.w-2 {
width: 8px
}
.w-2\.5 {
width: 10px
}
.w-20 {
width: 80px
}
.w-3 {
width: 12px
}
.w-4 {
width: 16px
}
.w-48 {
width: 192px
}
.w-5 {
width: 20px
}
.w-6 {
width: 24px
}
.w-8 {
width: 32px
}
.w-9 {
width: 36px
}
.w-\[--slider-width\] {
width: var(--slider-width)
}
.w-\[100\%\] {
width: 100%
}
.w-\[100px\] {
width: 100px
}
.w-\[100vw\] {
width: 100vw
}
.w-\[10px\] {
width: 10px
}
.w-\[116px\] {
width: 116px
}
.w-\[120px\] {
width: 120px
}
.w-\[12px\] {
width: 12px
}
.w-\[132px\] {
width: 132px
}
.w-\[140px\] {
width: 140px
}
.w-\[14px\] {
width: 14px
}
.w-\[152px\] {
width: 152px
}
.w-\[160px\] {
width: 160px
}
.w-\[165px\] {
width: 165px
}
.w-\[16px\] {
width: 16px
}
.w-\[180px\] {
width: 180px
}
.w-\[188px\] {
width: 188px
}
.w-\[190px\] {
width: 190px
}
.w-\[192px\] {
width: 192px
}
.w-\[1px\] {
width: 1px
}
.w-\[200px\] {
width: 200px
}
.w-\[205px\] {
width: 205px
}
.w-\[20px\] {
width: 20px
}
.w-\[220px\] {
width: 220px
}
.w-\[22px\] {
width: 22px
}
.w-\[240px\] {
width: 240px
}
.w-\[248px\] {
width: 248px
}
.w-\[24px\] {
width: 24px
}
.w-\[250px\] {
width: 250px
}
.w-\[260px\] {
width: 260px
}
.w-\[264px\] {
width: 264px
}
.w-\[268px\] {
width: 268px
}
.w-\[26px\] {
width: 26px
}
.w-\[272px\] {
width: 272px
}
.w-\[276px\] {
width: 276px
}
.w-\[280px\] {
width: 280px
}
.w-\[28px\] {
width: 28px
}
.w-\[290px\] {
width: 290px
}
.w-\[292px\] {
width: 292px
}
.w-\[2px\] {
width: 2px
}
.w-\[30\%\] {
width: 30%
}
.w-\[300px\] {
width: 300px
}
.w-\[309px\] {
width: 309px
}
.w-\[30px\] {
width: 30px
}
.w-\[320px\] {
width: 320px
}
.w-\[32px\] {
width: 32px
}
.w-\[336px\] {
width: 336px
}
.w-\[340px\] {
width: 340px
}
.w-\[352px\] {
width: 352px
}
.w-\[35px\] {
width: 35px
}
.w-\[360px\] {
width: 360px
}
.w-\[36px\] {
width: 36px
}
.w-\[392px\] {
width: 392px
}
.w-\[396px\] {
width: 396px
}
.w-\[400px\] {
width: 400px
}
.w-\[40px\] {
width: 40px
}
.w-\[44px\] {
width: 44px
}
.w-\[45\%\] {
width: 45%
}
.w-\[450px\] {
width: 450px
}
.w-\[46px\] {
width: 46px
}
.w-\[4px\] {
width: 4px
}
.w-\[50\%\] {
width: 50%
}
.w-\[50px\] {
width: 50px
}
.w-\[510px\] {
width: 510px
}
.w-\[52px\] {
width: 52px
}
.w-\[56px\] {
width: 56px
}
.w-\[5px\] {
width: 5px
}
.w-\[60\%\] {
width: 60%
}
.w-\[600px\] {
width: 600px
}
.w-\[60px\] {
width: 60px
}
.w-\[6px\] {
width: 6px
}
.w-\[70\%\] {
width: 70%
}
.w-\[70px\] {
width: 70px
}
.w-\[72px\] {
width: 72px
}
.w-\[768px\] {
width: 768px
}
.w-\[7px\] {
width: 7px
}
.w-\[80px\] {
width: 80px
}
.w-\[84px\] {
width: 84px
}
.w-\[87px\] {
width: 87px
}
.w-\[8px\] {
width: 8px
}
.w-\[90px\] {
width: 90px
}
.w-\[92px\] {
width: 92px
}
.w-\[9px\] {
width: 9px
}
.w-\[auto\] {
width: auto
}
.w-\[calc\(100\%-0px\)\] {
width: calc(100% + -0px)
}
.w-\[calc\(100\%-120px\)\] {
width: calc(100% - 120px)
}
.w-\[calc\(100\%-16px\)\] {
width: calc(100% - 16px)
}
.w-\[calc\(100\%-28px\)\] {
width: calc(100% - 28px)
}
.w-\[calc\(100\%-34px\)\] {
width: calc(100% - 34px)
}
.w-\[calc\(100\%-40px\)\] {
width: calc(100% - 40px)
}
.w-\[calc\(100\%-44px\)\] {
width: calc(100% - 44px)
}
.w-\[calc\(100\%-48px\)\] {
width: calc(100% - 48px)
}
.w-\[calc\(100\%-4px\)\] {
width: calc(100% - 4px)
}
.w-\[calc\(100\%-60px\)\] {
width: calc(100% - 60px)
}
.w-\[calc\(100\%-72px\)\] {
width: calc(100% - 72px)
}
.w-\[calc\(100\%-88px\)\] {
width: calc(100% - 88px)
}
.w-\[calc\(100\%-96px\)\] {
width: calc(100% - 96px)
}
.w-\[calc\(100\%_-_8px\)\] {
width: calc(100% - 8px)
}
.w-\[calc\(var\(--slider-width\)\*2\+var\(--slider-gap\)\)\] {
width: calc(var(--slider-width) * 2 + var(--slider-gap))
}
.w-auto {
width: auto
}
.w-fit {
width: -moz-fit-content;
width: fit-content
}
.w-full {
width: 100%
}
.w-max {
width: -moz-max-content;
width: max-content
}
.w-px {
width: 1px
}
.\!min-w-\[94px\] {
min-width: 94px !important
}
.min-w-0 {
min-width: 0
}
.min-w-10 {
min-width: 40px
}
.min-w-16 {
min-width: 64px
}
.min-w-2 {
min-width: 8px
}
.min-w-20 {
min-width: 80px
}
.min-w-4 {
min-width: 16px
}
.min-w-8 {
min-width: 32px
}
.min-w-\[100px\] {
min-width: 100px
}
.min-w-\[124px\] {
min-width: 124px
}
.min-w-\[12px\] {
min-width: 12px
}
.min-w-\[140px\] {
min-width: 140px
}
.min-w-\[142px\] {
min-width: 142px
}
.min-w-\[14px\] {
min-width: 14px
}
.min-w-\[156px\] {
min-width: 156px
}
.min-w-\[160px\] {
min-width: 160px
}
.min-w-\[164px\] {
min-width: 164px
}
.min-w-\[16px\] {
min-width: 16px
}
.min-w-\[180px\] {
min-width: 180px
}
.min-w-\[182px\] {
min-width: 182px
}
.min-w-\[190px\] {
min-width: 190px
}
.min-w-\[1px\] {
min-width: 1px
}
.min-w-\[200px\] {
min-width: 200px
}
.min-w-\[208px\] {
min-width: 208px
}
.min-w-\[210px\] {
min-width: 210px
}
.min-w-\[220px\] {
min-width: 220px
}
.min-w-\[22px\] {
min-width: 22px
}
.min-w-\[240px\] {
min-width: 240px
}
.min-w-\[250px\] {
min-width: 250px
}
.min-w-\[264px\] {
min-width: 264px
}
.min-w-\[26px\] {
min-width: 26px
}
.min-w-\[280px\] {
min-width: 280px
}
.min-w-\[288px\] {
min-width: 288px
}
.min-w-\[290px\] {
min-width: 290px
}
.min-w-\[30px\] {
min-width: 30px
}
.min-w-\[320px\] {
min-width: 320px
}
.min-w-\[32px\] {
min-width: 32px
}
.min-w-\[360px\] {
min-width: 360px
}
.min-w-\[40px\] {
min-width: 40px
}
.min-w-\[440px\] {
min-width: 440px
}
.min-w-\[50px\] {
min-width: 50px
}
.min-w-\[60px\] {
min-width: 60px
}
.min-w-\[64px\] {
min-width: 64px
}
.min-w-\[68px\] {
min-width: 68px
}
.min-w-\[70px\] {
min-width: 70px
}
.min-w-\[80px\] {
min-width: 80px
}
.min-w-\[90px\] {
min-width: 90px
}
.min-w-\[96px\] {
min-width: 96px
}
.min-w-\[min\(360px\, 100\%\)\] {
min-width: min(360px, 100%)
}
.min-w-fit {
min-width: -moz-fit-content;
min-width: fit-content
}
.min-w-full {
min-width: 100%
}
.min-w-max {
min-width: -moz-max-content;
min-width: max-content
}
.\!max-w-\[500px\] {
max-width: 500px !important
}
.\!max-w-full {
max-width: 100% !important
}
.\!max-w-none {
max-width: none !important
}
.max-w-20 {
max-width: 80px
}
.max-w-6 {
max-width: 24px
}
.max-w-80 {
max-width: 320px
}
.max-w-\[100\%\] {
max-width: 100%
}
.max-w-\[100px\] {
max-width: 100px
}
.max-w-\[110px\] {
max-width: 110px
}
.max-w-\[120px\] {
max-width: 120px
}
.max-w-\[138px\] {
max-width: 138px
}
.max-w-\[140px\] {
max-width: 140px
}
.max-w-\[150px\] {
max-width: 150px
}
.max-w-\[160px\] {
max-width: 160px
}
.max-w-\[175px\] {
max-width: 175px
}
.max-w-\[180px\] {
max-width: 180px
}
.max-w-\[182px\] {
max-width: 182px
}
.max-w-\[1920px\] {
max-width: 1920px
}
.max-w-\[200px\] {
max-width: 200px
}
.max-w-\[210px\] {
max-width: 210px
}
.max-w-\[220px\] {
max-width: 220px
}
.max-w-\[240px\] {
max-width: 240px
}
.max-w-\[242px\] {
max-width: 242px
}
.max-w-\[250px\] {
max-width: 250px
}
.max-w-\[260px\] {
max-width: 260px
}
.max-w-\[270px\] {
max-width: 270px
}
.max-w-\[280px\] {
max-width: 280px
}
.max-w-\[296px\] {
max-width: 296px
}
.max-w-\[300px\] {
max-width: 300px
}
.max-w-\[320px\] {
max-width: 320px
}
.max-w-\[340px\] {
max-width: 340px
}
.max-w-\[350px\] {
max-width: 350px
}
.max-w-\[360px\] {
max-width: 360px
}
.max-w-\[40\%\] {
max-width: 40%
}
.max-w-\[400px\] {
max-width: 400px
}
.max-w-\[420px\] {
max-width: 420px
}
.max-w-\[44px\] {
max-width: 44px
}
.max-w-\[480px\] {
max-width: 480px
}
.max-w-\[48vw\] {
max-width: 48vw
}
.max-w-\[500px\] {
max-width: 500px
}
.max-w-\[50px\] {
max-width: 50px
}
.max-w-\[50vw\] {
max-width: 50vw
}
.max-w-\[520px\] {
max-width: 520px
}
.max-w-\[560px\] {
max-width: 560px
}
.max-w-\[600px\] {
max-width: 600px
}
.max-w-\[60ch\] {
max-width: 60ch
}
.max-w-\[60px\] {
max-width: 60px
}
.max-w-\[640px\] {
max-width: 640px
}
.max-w-\[672px\] {
max-width: 672px
}
.max-w-\[720px\] {
max-width: 720px
}
.max-w-\[744px\] {
max-width: 744px
}
.max-w-\[752px\] {
max-width: 752px
}
.max-w-\[754px\] {
max-width: 754px
}
.max-w-\[790px\] {
max-width: 790px
}
.max-w-\[800px\] {
max-width: 800px
}
.max-w-\[80ch\] {
max-width: 80ch
}
.max-w-\[80px\] {
max-width: 80px
}
.max-w-\[960px\] {
max-width: 960px
}
.max-w-\[calc\(100\%-104px\)\] {
max-width: calc(100% - 104px)
}
.max-w-\[calc\(100\%-16px\)\] {
max-width: calc(100% - 16px)
}
.max-w-\[calc\(100\%-20px\)\] {
max-width: calc(100% - 20px)
}
.max-w-\[calc\(100\%-360px\)\] {
max-width: calc(100% - 360px)
}
.max-w-\[calc\(100\%-40px\)\] {
max-width: calc(100% - 40px)
}
.max-w-\[calc\(100\%-50px\)\] {
max-width: calc(100% - 50px)
}
.max-w-\[calc\(100\%-60px\)\] {
max-width: calc(100% - 60px)
}
.max-w-\[calc\(100\%-80px\)\] {
max-width: calc(100% - 80px)
}
.max-w-\[calc\(100\%-84px\)\] {
max-width: calc(100% - 84px)
}
.max-w-\[calc\(100\%_\/_2\)\] {
max-width: 50%
}
.max-w-\[calc\(100vw-16px\)\] {
max-width: calc(100vw - 16px)
}
.max-w-\[calc\(50\%_-_2px\)\] {
max-width: calc(50% - 2px)
}
.max-w-\[min\(640px\, 80vw\)\] {
max-width: min(640px, 80vw)
}
.max-w-fit {
max-width: -moz-fit-content;
max-width: fit-content
}
.max-w-full {
max-width: 100%
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content
}
.max-w-none {
max-width: none
}
.flex-1 {
flex: 1 1 0%
}
.flex-\[0\.7\] {
flex: .7
}
.flex-\[1\] {
flex: 1
}
.flex-\[2_1_0\%\] {
flex: 2 1 0%
}
.flex-shrink {
flex-shrink: 1
}
.flex-shrink-0 {
flex-shrink: 0
}
.shrink {
flex-shrink: 1
}
.shrink-0 {
flex-shrink: 0
}
.flex-grow,
.grow {
flex-grow: 1
}
.grow-0 {
flex-grow: 0
}
.basis-\[140px\] {
flex-basis: 140px
}
.basis-\[360px\] {
flex-basis: 360px
}
.basis-\[500px\] {
flex-basis: 500px
}
.basis-\[520px\] {
flex-basis: 520px
}
.basis-\[fit-content\] {
flex-basis: fit-content
}
.basis-auto {
flex-basis: auto
}
.table-fixed {
table-layout: fixed
}
.border-collapse {
border-collapse: collapse
}
.origin-left {
transform-origin: left
}
.origin-right {
transform-origin: right
}
.origin-top {
transform-origin: top
}
.origin-top-right {
transform-origin: top right
}
.\!translate-y-0 {
--tw-translate-y: 0 !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-\[5px\] {
--tw-translate-x: -5px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0 {
--tw-translate-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[-2px\] {
--tw-translate-x: -2px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[0px\] {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[10px\] {
--tw-translate-x: 10px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-full {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-0 {
--tw-translate-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-2 {
--tw-translate-y: 8px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[-50\%\] {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-px {
--tw-translate-y: 1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-180 {
--tw-rotate: -180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-45 {
--tw-rotate: -45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-90 {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-\[8deg\] {
--tw-rotate: -8deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[-130deg\] {
--tw-rotate: -130deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[-167\.69deg\] {
--tw-rotate: -167.69deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[-30deg\] {
--tw-rotate: -30deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[11\.32deg\] {
--tw-rotate: 11.32deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[13\.75deg\] {
--tw-rotate: 13.75deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[167\.82deg\] {
--tw-rotate: 167.82deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[25\.19deg\] {
--tw-rotate: 25.19deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[8deg\] {
--tw-rotate: 8deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-0 {
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-125 {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-90 {
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-\[0\.8\] {
--tw-scale-x: .8;
--tw-scale-y: .8;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-\[85\%\] {
--tw-scale-x: 85%;
--tw-scale-y: 85%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-scale-y-100 {
--tw-scale-y: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-x-\[-1\] {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-y-100 {
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-y-\[-1\] {
--tw-scale-y: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-y-\[60\%\] {
--tw-scale-y: 60%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes bounce {
0%,
to {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(.8, 0, 1, 1)
}
50% {
transform: none;
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
}
.animate-bounce {
animation: bounce 1s infinite
}
.animate-fade-in {
animation: fadein .3s ease-in-out
}
@keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate-fade-in-word {
animation: fadein .4s cubic-bezier(.37, .55, .86, .88)
}
@keyframes fadein2 {
0% {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.animate-fade-in2 {
animation: fadein2 .3s ease-in-out
}
@keyframes pulse {
50% {
opacity: .5
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}
@keyframes pulsebg {
50% {
opacity: .5
}
}
.animate-pulse-bg {
animation: pulsebg 1s cubic-bezier(.4, 0, .6, 1) infinite
}
@keyframes pulsesize {
0% {
transform: scale(.95)
}
50% {
transform: scale3d(1.25, 1.25, 1)
}
to {
transform: scale(.95)
}
}
.animate-pulse-size {
animation: pulsesize 1.25s ease-in-out infinite
}
@keyframes scale-pulse {
0% {
transform: scale(0);
opacity: 0
}
20% {
transform: scale(1);
opacity: 1
}
40% {
transform: scale(.9);
opacity: 1
}
60% {
transform: scale(.9);
opacity: 1
}
80% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(0);
opacity: 0
}
}
.animate-scale-pulse {
animation: scale-pulse 1s ease-in-out
}
@keyframes scan-light {
0% {
transform: translate(-120%) skew(-20deg)
}
to {
transform: translate(120%) skew(-20deg)
}
}
.animate-scan-light {
animation: scan-light 1.5s linear infinite
}
@keyframes shimmer {
0% {
background-position: -100% top
}
to {
background-position: 250% top
}
}
.animate-shimmer {
animation: shimmer 3s infinite
}
@keyframes spin {
to {
transform: rotate(360deg)
}
}
.animate-spin {
animation: spin .66s linear infinite
}
@keyframes trail {
0% {
offset-distance: 0%
}
to {
offset-distance: 100%
}
}
.animate-trail {
animation: trail 1s ease-in-out infinite
}
.\!cursor-default {
cursor: default !important
}
.\!cursor-move {
cursor: move !important
}
.cursor-auto {
cursor: auto
}
.cursor-default {
cursor: default
}
.cursor-ew-resize {
cursor: ew-resize
}
.cursor-grab {
cursor: grab
}
.cursor-grabbing {
cursor: grabbing
}
.cursor-help {
cursor: help
}
.cursor-move {
cursor: move
}
.cursor-nesw-resize {
cursor: nesw-resize
}
.cursor-none {
cursor: none
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-ns-resize {
cursor: ns-resize
}
.cursor-nwse-resize {
cursor: nwse-resize
}
.cursor-pointer {
cursor: pointer
}
.cursor-text {
cursor: text
}
.cursor-wait {
cursor: wait
}
.touch-manipulation {
touch-action: manipulation
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.select-text {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text
}
.\!resize-none {
resize: none !important
}
.resize-none {
resize: none
}
.resize {
resize: both
}
.scroll-py-2 {
scroll-padding-top: 8px;
scroll-padding-bottom: 8px
}
.scroll-py-\[4px\] {
scroll-padding-top: 4px;
scroll-padding-bottom: 4px
}
.scroll-pb-24 {
scroll-padding-bottom: 96px
}
.scroll-pt-4 {
scroll-padding-top: 16px
}
.list-inside {
list-style-position: inside
}
.list-decimal {
list-style-type: decimal
}
.list-none {
list-style-type: none
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.auto-cols-\[8px\] {
grid-auto-columns: 8px
}
.auto-cols-fr {
grid-auto-columns: minmax(0, 1fr)
}
.auto-cols-max {
grid-auto-columns: max-content
}
.grid-flow-row {
grid-auto-flow: row
}
.grid-flow-col {
grid-auto-flow: column
}
.auto-rows-\[48px\] {
grid-auto-rows: 48px
}
.auto-rows-fr {
grid-auto-rows: minmax(0, 1fr)
}
.auto-rows-max {
grid-auto-rows: max-content
}
.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-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr))
}
.grid-cols-\[0fr\] {
grid-template-columns: 0fr
}
.grid-cols-\[16px_1fr\] {
grid-template-columns: 16px 1fr
}
.grid-cols-\[180px_auto\] {
grid-template-columns: 180px auto
}
.grid-cols-\[1fr\] {
grid-template-columns: 1fr
}
.grid-cols-\[max-content_max-content_1fr\] {
grid-template-columns: max-content max-content 1fr
}
.grid-rows-\[0fr\] {
grid-template-rows: 0fr
}
.grid-rows-\[1fr\] {
grid-template-rows: 1fr
}
.grid-rows-\[auto_1fr\] {
grid-template-rows: auto 1fr
}
.flex-row {
flex-direction: row
}
.flex-row-reverse {
flex-direction: row-reverse
}
.flex-col {
flex-direction: column
}
.flex-col-reverse {
flex-direction: column-reverse
}
.flex-wrap {
flex-wrap: wrap
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse
}
.flex-nowrap {
flex-wrap: nowrap
}
.place-content-end {
place-content: end
}
.place-items-center {
place-items: center
}
.place-items-stretch {
place-items: stretch
}
.content-start {
align-content: flex-start
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.\!items-center {
align-items: center !important
}
.items-center {
align-items: center
}
.items-baseline {
align-items: baseline
}
.items-stretch {
align-items: stretch
}
.justify-start {
justify-content: flex-start
}
.justify-end {
justify-content: flex-end
}
.\!justify-center {
justify-content: center !important
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-items-center {
justify-items: center
}
.\!gap-2 {
gap: 8px !important
}
.gap-0 {
gap: 0
}
.gap-0\.5 {
gap: 2px
}
.gap-1 {
gap: 4px
}
.gap-1\.5 {
gap: 6px
}
.gap-10 {
gap: 40px
}
.gap-2 {
gap: 8px
}
.gap-2\.5 {
gap: 10px
}
.gap-3 {
gap: 12px
}
.gap-4 {
gap: 16px
}
.gap-5 {
gap: 20px
}
.gap-6 {
gap: 24px
}
.gap-8 {
gap: 32px
}
.gap-\[0px\] {
gap: 0px
}
.gap-\[10px\] {
gap: 10px
}
.gap-\[12px\] {
gap: 12px
}
.gap-\[13px\] {
gap: 13px
}
.gap-\[16px\] {
gap: 16px
}
.gap-\[18px\] {
gap: 18px
}
.gap-\[19px\] {
gap: 19px
}
.gap-\[20px\] {
gap: 20px
}
.gap-\[24px\] {
gap: 24px
}
.gap-\[2px\] {
gap: 2px
}
.gap-\[3px\] {
gap: 3px
}
.gap-\[4px\] {
gap: 4px
}
.gap-\[56px\] {
gap: 56px
}
.gap-\[5px\] {
gap: 5px
}
.gap-\[6px\] {
gap: 6px
}
.gap-\[7px\] {
gap: 7px
}
.gap-\[8px\] {
gap: 8px
}
.gap-\[9px\] {
gap: 9px
}
.gap-x-1\.5 {
-moz-column-gap: 6px;
column-gap: 6px
}
.gap-x-2 {
-moz-column-gap: 8px;
column-gap: 8px
}
.gap-x-3 {
-moz-column-gap: 12px;
column-gap: 12px
}
.gap-x-4 {
-moz-column-gap: 16px;
column-gap: 16px
}
.gap-x-\[2px\] {
-moz-column-gap: 2px;
column-gap: 2px
}
.gap-x-\[6px\] {
-moz-column-gap: 6px;
column-gap: 6px
}
.gap-y-1 {
row-gap: 4px
}
.gap-y-1\.5 {
row-gap: 6px
}
.gap-y-2 {
row-gap: 8px
}
.gap-y-6 {
row-gap: 24px
}
.gap-y-\[6px\] {
row-gap: 6px
}
.space-y-2\.5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(10px * var(--tw-space-y-reverse))
}
.space-y-\[16px\]>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px * var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.divide-grey-line1-normal>:not([hidden])~:not([hidden]) {
border-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.self-start {
align-self: flex-start
}
.self-end {
align-self: flex-end
}
.self-center {
align-self: center
}
.self-stretch {
align-self: stretch
}
.justify-self-end {
justify-self: end
}
.justify-self-center {
justify-self: center
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.\!overflow-clip {
overflow: clip !important
}
.overflow-clip {
overflow: clip
}
.overflow-visible {
overflow: visible
}
.overflow-x-auto {
overflow-x: auto
}
.\!overflow-y-auto {
overflow-y: auto !important
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.overflow-y-hidden {
overflow-y: hidden
}
.overscroll-contain {
overscroll-behavior: contain
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-ellipsis {
text-overflow: ellipsis
}
.whitespace-normal {
white-space: normal
}
.whitespace-nowrap {
white-space: nowrap
}
.whitespace-pre {
white-space: pre
}
.whitespace-pre-line {
white-space: pre-line
}
.\!whitespace-pre-wrap {
white-space: pre-wrap !important
}
.whitespace-pre-wrap {
white-space: pre-wrap
}
.text-nowrap {
text-wrap: nowrap
}
.break-words {
overflow-wrap: break-word
}
.break-all {
word-break: break-all
}
.\!rounded-2xl,
.\!rounded-\[16px\] {
border-radius: 16px !important
}
.\!rounded-\[50\%\] {
border-radius: 50% !important
}
.\!rounded-full {
border-radius: 9999px !important
}
.\!rounded-lg {
border-radius: 8px !important
}
.\!rounded-none {
border-radius: 0 !important
}
.\!rounded-xl {
border-radius: 12px !important
}
.rounded {
border-radius: 4px
}
.rounded-2xl {
border-radius: 16px
}
.rounded-3xl {
border-radius: 24px
}
.rounded-\[10px\] {
border-radius: 10px
}
.rounded-\[12px\] {
border-radius: 12px
}
.rounded-\[16px\] {
border-radius: 16px
}
.rounded-\[18px\] {
border-radius: 18px
}
.rounded-\[1px\] {
border-radius: 1px
}
.rounded-\[20px\] {
border-radius: 20px
}
.rounded-\[27px\] {
border-radius: 27px
}
.rounded-\[2px\] {
border-radius: 2px
}
.rounded-\[30px\] {
border-radius: 30px
}
.rounded-\[35px\] {
border-radius: 35px
}
.rounded-\[3px\] {
border-radius: 3px
}
.rounded-\[44px\] {
border-radius: 44px
}
.rounded-\[4px\] {
border-radius: 4px
}
.rounded-\[50\%\] {
border-radius: 50%
}
.rounded-\[5px\] {
border-radius: 5px
}
.rounded-\[6px\] {
border-radius: 6px
}
.rounded-\[8px\] {
border-radius: 8px
}
.rounded-\[999px\] {
border-radius: 999px
}
.rounded-\[99px\] {
border-radius: 99px
}
.rounded-full {
border-radius: 9999px
}
.rounded-lg {
border-radius: 8px
}
.rounded-md {
border-radius: 6px
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: 2px
}
.rounded-xl {
border-radius: 12px
}
.rounded-b-\[24px\] {
border-bottom-right-radius: 24px;
border-bottom-left-radius: 24px
}
.rounded-b-md {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px
}
.rounded-b-xl {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px
}
.rounded-e-full {
border-start-end-radius: 9999px;
border-end-end-radius: 9999px
}
.rounded-e-lg {
border-start-end-radius: 8px;
border-end-end-radius: 8px
}
.rounded-e-none {
border-start-end-radius: 0px;
border-end-end-radius: 0px
}
.rounded-l-lg {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.rounded-s-full {
border-start-start-radius: 9999px;
border-end-start-radius: 9999px
}
.rounded-s-lg {
border-start-start-radius: 8px;
border-end-start-radius: 8px
}
.rounded-s-none {
border-start-start-radius: 0px;
border-end-start-radius: 0px
}
.rounded-t-2xl {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.rounded-t-\[11px\] {
border-top-left-radius: 11px;
border-top-right-radius: 11px
}
.rounded-t-\[16px\] {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.rounded-t-lg {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.rounded-t-md {
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.rounded-t-xl {
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
.rounded-bl-\[20px\] {
border-bottom-left-radius: 20px
}
.rounded-bl-full {
border-bottom-left-radius: 9999px
}
.rounded-br-\[20px\] {
border-bottom-right-radius: 20px
}
.rounded-br-xl {
border-bottom-right-radius: 12px
}
.rounded-ee-\[10px\] {
border-end-end-radius: 10px
}
.rounded-ee-lg {
border-end-end-radius: 8px
}
.rounded-ss-\[10px\] {
border-start-start-radius: 10px
}
.rounded-tl-full {
border-top-left-radius: 9999px
}
.\!border-0 {
border-width: 0px !important
}
.border {
border-width: 1px
}
.border-0 {
border-width: 0px
}
.border-2 {
border-width: 2px
}
.border-4 {
border-width: 4px
}
.border-\[1px\] {
border-width: 1px
}
.border-\[2px\] {
border-width: 2px
}
.border-\[3px\] {
border-width: 3px
}
.border-\[4px\] {
border-width: 4px
}
.border-\[90px\] {
border-width: 90px
}
.border-b {
border-bottom-width: 1px
}
.border-b-0 {
border-bottom-width: 0px
}
.border-b-\[1px\] {
border-bottom-width: 1px
}
.border-e {
border-inline-end-width: 1px
}
.border-l-4 {
border-left-width: 4px
}
.border-l-\[1px\] {
border-left-width: 1px
}
.border-s {
border-inline-start-width: 1px
}
.border-t {
border-top-width: 1px
}
.border-solid {
border-style: solid
}
.border-dashed {
border-style: dashed
}
.\!border-none {
border-style: none !important
}
.border-none {
border-style: none
}
.\!border-brand-primary-normal {
border-color: var(--sds-color-brand-primary-normal, #6128ff) !important
}
.\!border-grey-line2-hover {
border-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32)) !important
}
.\!border-grey-line2-normal {
border-color: var(--sds-color-grey-line2-normal, rgba(114, 118, 139, .16)) !important
}
.border-\[\#18c964\] {
--tw-border-opacity: 1;
border-color: rgb(24 201 100 / var(--tw-border-opacity, 1))
}
.border-\[\#E65A5A80\] {
border-color: #e65a5a80
}
.border-\[\#dcdff9eb\] {
border-color: #dcdff9eb
}
.border-\[\#eee\] {
--tw-border-opacity: 1;
border-color: rgb(238 238 238 / var(--tw-border-opacity, 1))
}
.border-\[\#fff\] {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.border-\[--gpts-chat-error-color\] {
border-color: var(--gpts-chat-error-color)
}
.border-\[--gpts-chat-input-active-border-color\] {
border-color: var(--gpts-chat-input-active-border-color)
}
.border-\[--gpts-quote-bg-color\] {
border-color: var(--gpts-quote-bg-color)
}
.border-black-text4 {
border-color: var(--gpts-black-text-color4, rgba(0, 0, 0, .15))
}
.border-brand-primary-bg {
border-color: var(--sds-color-brand-primary-bg, rgba(122, 89, 255, .16))
}
.border-brand-primary-disable {
border-color: var(--sds-color-brand-primary-disable, #cabeff)
}
.border-brand-primary-focus {
border-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.border-brand-primary-hover {
border-color: var(--sds-color-brand-primary-hover, #6a3fff)
}
.border-brand-primary-normal {
border-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.border-brand-secondary-normal {
border-color: var(--sds-color-brand-secondary-normal, #7450ff)
}
.border-current {
border-color: currentColor
}
.border-darken3 {
border-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06))
}
.border-error-focus {
border-color: var(--sds-color-error-focus, rgba(215, 65, 52, .16))
}
.border-error-normal {
border-color: var(--sds-color-error-normal, #e55649)
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-grey-fill2-click {
border-color: var(--sds-color-grey-fill2-click, rgba(114, 118, 139, .2))
}
.border-grey-layer2-normal {
border-color: var(--sds-color-grey-layer2-normal, #ffffff)
}
.border-grey-layer3-normal {
border-color: var(--sds-color-grey-layer3-normal, #ffffff)
}
.border-grey-line1-hover {
border-color: var(--sds-color-grey-line1-hover, rgba(114, 118, 139, .16))
}
.border-grey-line1-normal {
border-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.border-grey-line2-hover {
border-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32))
}
.border-grey-line2-normal {
border-color: var(--sds-color-grey-line2-normal, rgba(114, 118, 139, .16))
}
.border-primary {
border-color: var(--gpts-primary-color, #8a57ea)
}
.border-red-400\/50 {
border-color: #f8717180
}
.border-success-bg {
border-color: var(--sds-color-success-bg, rgba(0, 136, 98, .08))
}
.border-success-bg2 {
border-color: var(--sds-color-success-bg2, rgba(0, 136, 98, .08))
}
.border-text-primary-3 {
border-color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.border-text-primary-5 {
border-color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18))
}
.border-text-white-1 {
border-color: var(--sds-color-text-white-1, #ffffff)
}
.border-transparent {
border-color: transparent
}
.border-warning-bg {
border-color: var(--sds-color-warning-bg, rgba(189, 92, 0, .08))
}
.border-warning-focus {
border-color: var(--sds-color-warning-focus, rgba(189, 92, 0, .16))
}
.border-white\/15 {
border-color: #ffffff26
}
.border-white\/\[\.12\] {
border-color: #ffffff1f
}
.border-b-border {
border-bottom-color: var(--gpts-sidebar-border-color, #ececec)
}
.border-b-darken3 {
border-bottom-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06))
}
.border-b-grey-line1-normal {
border-bottom-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.border-e-grey-line1-normal {
border-inline-end-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.border-s-grey-line1-normal {
border-inline-start-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.border-t-\[--gpts-sidebar-border-color\] {
border-top-color: var(--gpts-sidebar-border-color)
}
.border-t-darken4 {
border-top-color: var(--gpts-bg-darken4, rgba(0, 0, 0, .09))
}
.border-t-grey-line1-normal {
border-top-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.\!bg-\[\#e8ddfb\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(232 221 251 / var(--tw-bg-opacity, 1)) !important
}
.\!bg-\[--gpts-chatgpt-msg-block-hover-bg-color\] {
background-color: var(--gpts-chatgpt-msg-block-hover-bg-color) !important
}
.\!bg-\[--gpts-chatgpt-msg-block-running-bg-color\] {
background-color: var(--gpts-chatgpt-msg-block-running-bg-color) !important
}
.\!bg-\[--gpts-sidebar-model-btn-hover-bg-color\] {
background-color: var(--gpts-sidebar-model-btn-hover-bg-color) !important
}
.\!bg-black {
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important
}
.\!bg-brand-primary-bg {
background-color: var(--sds-color-brand-primary-bg, rgba(122, 89, 255, .16)) !important
}
.\!bg-brand-primary-focus {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16)) !important
}
.\!bg-brand-primary-normal {
background-color: var(--sds-color-brand-primary-normal, #6128ff) !important
}
.\!bg-darken2 {
background-color: var(--gpts-bg-darken2, rgba(0, 0, 0, .03)) !important
}
.\!bg-error-normal {
background-color: var(--sds-color-error-normal, #e55649) !important
}
.\!bg-grey-fill1-normal {
background-color: var(--sds-color-grey-fill1-normal, rgba(255, 255, 255, 0)) !important
}
.\!bg-grey-fill2-hover {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12)) !important
}
.\!bg-grey-fill2-normal {
background-color: var(--sds-color-grey-fill2-normal, rgba(114, 118, 139, .06)) !important
}
.\!bg-grey-layer2-normal {
background-color: var(--sds-color-grey-layer2-normal, #ffffff) !important
}
.\!bg-grey-line2-normal {
background-color: var(--sds-color-grey-line2-normal, rgba(114, 118, 139, .16)) !important
}
.\!bg-success-focus {
background-color: var(--sds-color-success-focus, rgba(0, 136, 98, .16)) !important
}
.\!bg-text-primary-1 {
background-color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96)) !important
}
.\!bg-transparent {
background-color: transparent !important
}
.bg-\[\#00000066\] {
background-color: #0006
}
.bg-\[\#000000B3\] {
background-color: #000000b3
}
.bg-\[\#0040BF\] {
--tw-bg-opacity: 1;
background-color: rgb(0 64 191 / var(--tw-bg-opacity, 1))
}
.bg-\[\#00A578\] {
--tw-bg-opacity: 1;
background-color: rgb(0 165 120 / var(--tw-bg-opacity, 1))
}
.bg-\[\#062e6f\] {
--tw-bg-opacity: 1;
background-color: rgb(6 46 111 / var(--tw-bg-opacity, 1))
}
.bg-\[\#131416\] {
--tw-bg-opacity: 1;
background-color: rgb(19 20 22 / var(--tw-bg-opacity, 1))
}
.bg-\[\#161b22\] {
--tw-bg-opacity: 1;
background-color: rgb(22 27 34 / var(--tw-bg-opacity, 1))
}
.bg-\[\#18c964\] {
--tw-bg-opacity: 1;
background-color: rgb(24 201 100 / var(--tw-bg-opacity, 1))
}
.bg-\[\#18c964\]\/25 {
background-color: #18c96440
}
.bg-\[\#242634\] {
--tw-bg-opacity: 1;
background-color: rgb(36 38 52 / var(--tw-bg-opacity, 1))
}
.bg-\[\#262626\] {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1))
}
.bg-\[\#292a2d\] {
--tw-bg-opacity: 1;
background-color: rgb(41 42 45 / var(--tw-bg-opacity, 1))
}
.bg-\[\#3771E0\],
.bg-\[\#3771e0\] {
--tw-bg-opacity: 1;
background-color: rgb(55 113 224 / var(--tw-bg-opacity, 1))
}
.bg-\[\#4D4D4D33\] {
background-color: #4d4d4d33
}
.bg-\[\#515151\] {
--tw-bg-opacity: 1;
background-color: rgb(81 81 81 / var(--tw-bg-opacity, 1))
}
.bg-\[\#6C708533\] {
background-color: #6c708533
}
.bg-\[\#80868b\] {
--tw-bg-opacity: 1;
background-color: rgb(128 134 139 / var(--tw-bg-opacity, 1))
}
.bg-\[\#8A57EA\] {
--tw-bg-opacity: 1;
background-color: rgb(138 87 234 / var(--tw-bg-opacity, 1))
}
.bg-\[\#8B8F91\] {
--tw-bg-opacity: 1;
background-color: rgb(139 143 145 / var(--tw-bg-opacity, 1))
}
.bg-\[\#8f8f8f52\] {
background-color: #8f8f8f52
}
.bg-\[\#D4D9E4\] {
--tw-bg-opacity: 1;
background-color: rgb(212 217 228 / var(--tw-bg-opacity, 1))
}
.bg-\[\#E55649\] {
--tw-bg-opacity: 1;
background-color: rgb(229 86 73 / var(--tw-bg-opacity, 1))
}
.bg-\[\#EC9E05\] {
--tw-bg-opacity: 1;
background-color: rgb(236 158 5 / var(--tw-bg-opacity, 1))
}
.bg-\[\#EDEDF4\] {
--tw-bg-opacity: 1;
background-color: rgb(237 237 244 / var(--tw-bg-opacity, 1))
}
.bg-\[\#F0F1F5\] {
--tw-bg-opacity: 1;
background-color: rgb(240 241 245 / var(--tw-bg-opacity, 1))
}
.bg-\[\#a8c7fa\] {
--tw-bg-opacity: 1;
background-color: rgb(168 199 250 / var(--tw-bg-opacity, 1))
}
.bg-\[\#c7f3c7\] {
--tw-bg-opacity: 1;
background-color: rgb(199 243 199 / var(--tw-bg-opacity, 1))
}
.bg-\[\#cbeac8\] {
--tw-bg-opacity: 1;
background-color: rgb(203 234 200 / var(--tw-bg-opacity, 1))
}
.bg-\[\#d87756\] {
--tw-bg-opacity: 1;
background-color: rgb(216 119 86 / var(--tw-bg-opacity, 1))
}
.bg-\[\#ededf1d6\] {
background-color: #ededf1d6
}
.bg-\[\#f4eeff\] {
--tw-bg-opacity: 1;
background-color: rgb(244 238 255 / var(--tw-bg-opacity, 1))
}
.bg-\[\#f9f9f9\] {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1))
}
.bg-\[--gpts-bg-color3\] {
background-color: var(--gpts-bg-color3)
}
.bg-\[--gpts-bg-darken2\] {
background-color: var(--gpts-bg-darken2)
}
.bg-\[--gpts-bg-darken3\] {
background-color: var(--gpts-bg-darken3)
}
.bg-\[--gpts-chatgpt-msg-block-bg-color\] {
background-color: var(--gpts-chatgpt-msg-block-bg-color)
}
.bg-\[--gpts-dropdown-hover-bg-color\] {
background-color: var(--gpts-dropdown-hover-bg-color)
}
.bg-\[--gpts-error-bg-color2\] {
background-color: var(--gpts-error-bg-color2)
}
.bg-\[--gpts-error-bg-color\] {
background-color: var(--gpts-error-bg-color)
}
.bg-\[--gpts-message-divider-bg-color\] {
background-color: var(--gpts-message-divider-bg-color)
}
.bg-\[--gpts-new-five-star-bg-color\] {
background-color: var(--gpts-new-five-star-bg-color)
}
.bg-\[--gpts-option-card-bg-color\] {
background-color: var(--gpts-option-card-bg-color)
}
.bg-\[--gpts-quote-bg-color\] {
background-color: var(--gpts-quote-bg-color)
}
.bg-\[--gpts-sidebar-bg-color\] {
background-color: var(--gpts-sidebar-bg-color)
}
.bg-\[--gpts-sidebar-border-color\] {
background-color: var(--gpts-sidebar-border-color)
}
.bg-\[--gpts-sidebar-modal-btn-bg-color\] {
background-color: var(--gpts-sidebar-modal-btn-bg-color)
}
.bg-\[--gpts-sidebar-model-btn-bg-color\] {
background-color: var(--gpts-sidebar-model-btn-bg-color)
}
.bg-\[--gpts-warn-bg-color2\] {
background-color: var(--gpts-warn-bg-color2)
}
.bg-\[--hover-bg\] {
background-color: var(--hover-bg)
}
.bg-\[blue\] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 255 / var(--tw-bg-opacity, 1))
}
.bg-\[red\] {
--tw-bg-opacity: 1;
background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1))
}
.bg-\[rgba\(0\, 114\, 242\, 0\.16\)\] {
background-color: #0072f229
}
.bg-\[rgba\(0\, 136\, 98\, 0\.08\)\] {
background-color: #00886214
}
.bg-\[rgba\(122\, 89\, 255\, 0\.16\)\] {
background-color: #7a59ff29
}
.bg-\[rgba\(189\, 92\, 0\, 0\.07\)\] {
background-color: #bd5c0012
}
.bg-\[rgba\(189\, 92\, 0\, 0\.08\)\] {
background-color: #bd5c0014
}
.bg-\[rgba\(215\, 65\, 52\, 0\.08\)\] {
background-color: #d7413414
}
.bg-\[rgba\(255\, 255\, 255\, 0\.2\)\] {
background-color: #fff3
}
.bg-\[rgba\(255\, 255\, 255\, 0\.5\)\] {
background-color: #ffffff80
}
.bg-\[rgba\(8\, 8\, 8\, 0\.75\)\] {
background-color: #080808bf
}
.bg-\[rgba\(var\(--gpts-fg-rgb\)\, 0\.05\)\] {
background-color: rgba(var(--gpts-fg-rgb), .05)
}
.bg-\[rgba\(var\(--gpts-fg-rgb\)\, 0\.08\)\] {
background-color: rgba(var(--gpts-fg-rgb), .08)
}
.bg-advanced-fill-normal {
background-color: var(--sds-color-advanced-fill-normal, #0c0d19)
}
.bg-assistive-blue-bg {
background-color: var(--sds-color-assistive-blue-bg, #0072f214)
}
.bg-assistive-blue-focus {
background-color: var(--sds-color-assistive-blue-focus, rgba(0, 114, 242, .16))
}
.bg-assistive-green {
background-color: var(--sds-color-assistive-green, #20b082)
}
.bg-assistive-red {
background-color: var(--sds-color-assistive-red, #e55649)
}
.bg-bg2 {
background-color: var(--gpts-bg-color2, #f7f7f7)
}
.bg-bg3 {
background-color: var(--gpts-bg-color3, #ffffff)
}
.bg-bg4 {
background-color: var(--gpts-bg-color4, rgba(255, 255, 255, .8))
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
.bg-black-text1 {
background-color: var(--gpts-black-text-color1, rgba(0, 0, 0, .97))
}
.bg-black-text3 {
background-color: var(--gpts-black-text-color3, rgba(0, 0, 0, .4))
}
.bg-black-text4 {
background-color: var(--gpts-black-text-color4, rgba(0, 0, 0, .15))
}
.bg-black\/10 {
background-color: #0000001a
}
.bg-black\/25 {
background-color: #00000040
}
.bg-black\/40 {
background-color: #0006
}
.bg-black\/50 {
background-color: #00000080
}
.bg-black\/55 {
background-color: #0000008c
}
.bg-black\/60 {
background-color: #0009
}
.bg-black\/70 {
background-color: #000000b3
}
.bg-black\/80 {
background-color: #000c
}
.bg-black\/85 {
background-color: #000000d9
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}
.bg-border {
background-color: var(--gpts-sidebar-border-color, #ececec)
}
.bg-brand-primary-bg {
background-color: var(--sds-color-brand-primary-bg, rgba(122, 89, 255, .16))
}
.bg-brand-primary-disable {
background-color: var(--sds-color-brand-primary-disable, #cabeff)
}
.bg-brand-primary-focus {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.bg-brand-primary-normal {
background-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.bg-brand-secondary-normal {
background-color: var(--sds-color-brand-secondary-normal, #7450ff)
}
.bg-current {
background-color: currentColor
}
.bg-darken2 {
background-color: var(--gpts-bg-darken2, rgba(0, 0, 0, .03))
}
.bg-darken3 {
background-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06))
}
.bg-darken5 {
background-color: var(--gpts-bg-darken5, rgba(0, 0, 0, .12))
}
.bg-error {
background-color: var(--gpts-error-text-color, #e65a5a)
}
.bg-error-bg {
background-color: var(--sds-color-error-bg, rgba(215, 65, 52, .08))
}
.bg-error-focus {
background-color: var(--sds-color-error-focus, rgba(215, 65, 52, .16))
}
.bg-error-normal {
background-color: var(--sds-color-error-normal, #e55649)
}
.bg-glass-fill1-normal {
background-color: var(--sds-color-glass-fill1-normal, rgba(114, 118, 139, .16))
}
.bg-glass-fill2-normal {
background-color: var(--sds-color-glass-fill2-normal, rgba(114, 118, 139, .48))
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
.bg-grey-fill1-hover {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.bg-grey-fill1-hover05 {
background-color: var(--sds-color-grey-fill1-hover05, rgba(114, 118, 139, .04))
}
.bg-grey-fill1-hover1 {
background-color: var(--sds-color-grey-fill1-hover1, rgba(114, 118, 139, .04))
}
.bg-grey-fill1-normal {
background-color: var(--sds-color-grey-fill1-normal, rgba(255, 255, 255, 0))
}
.bg-grey-fill2-hover {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12))
}
.bg-grey-fill2-normal {
background-color: var(--sds-color-grey-fill2-normal, rgba(114, 118, 139, .06))
}
.bg-grey-layer1-normal {
background-color: var(--sds-color-grey-layer1-normal, #f6f6f8)
}
.bg-grey-layer1-semitrans {
background-color: var(--sds-color-grey-layer1-semitrans, rgba(237, 237, 241, .84))
}
.bg-grey-layer1-white {
background-color: var(--sds-color-grey-layer1-white, #fff)
}
.bg-grey-layer2-normal {
background-color: var(--sds-color-grey-layer2-normal, #ffffff)
}
.bg-grey-layer2-semitrans {
background-color: var(--sds-color-grey-layer2-semitrans, rgba(255, 255, 255, .84))
}
.bg-grey-layer3-normal {
background-color: var(--sds-color-grey-layer3-normal, #ffffff)
}
.bg-grey-layer3-reserve {
background-color: var(--sds-color-grey-layer3-reserve, #0c0d19)
}
.bg-grey-line1-hover {
background-color: var(--sds-color-grey-line1-hover, rgba(114, 118, 139, .16))
}
.bg-grey-line1-normal {
background-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.bg-grey-line2-normal {
background-color: var(--sds-color-grey-line2-normal, rgba(114, 118, 139, .16))
}
.bg-grey-overlay1 {
background-color: var(--sds-color-grey-overlay1, rgba(12, 13, 25, .2))
}
.bg-primary {
background-color: var(--gpts-primary-color, #8a57ea)
}
.bg-primary4 {
background-color: var(--gpts-primary-color4, #ece4fc)
}
.bg-primary5 {
background-color: var(--gpts-primary-color5, #681dd7)
}
.bg-purple-500 {
--tw-bg-opacity: 1;
background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}
.bg-red-500\/20 {
background-color: #ef444433
}
.bg-shimmer-start-dark {
--tw-bg-opacity: 1;
background-color: rgb(104 106 128 / var(--tw-bg-opacity, 1))
}
.bg-shimmer-start-light {
--tw-bg-opacity: 1;
background-color: rgb(145 146 163 / var(--tw-bg-opacity, 1))
}
.bg-success-bg {
background-color: var(--sds-color-success-bg, rgba(0, 136, 98, .08))
}
.bg-success-disabled {
background-color: var(--sds-color-success-disabled, #8cd5b4)
}
.bg-success-focus {
background-color: var(--sds-color-success-focus, rgba(0, 136, 98, .16))
}
.bg-success-normal {
background-color: var(--sds-color-success-normal, #20b082)
}
.bg-success-secondary {
background-color: var(--sds-color-success-secondary, #00825E)
}
.bg-success-text {
background-color: var(--sds-color-success-text, #00825e)
}
.bg-text-black-2 {
background-color: var(--sds-color-text-black-2, rgba(6, 8, 31, .88))
}
.bg-text-primary-1 {
background-color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.bg-text-primary-2 {
background-color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.bg-text-primary-3 {
background-color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.bg-text-primary-4 {
background-color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.bg-text-primary-5 {
background-color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18))
}
.bg-text-white-1 {
background-color: var(--sds-color-text-white-1, #ffffff)
}
.bg-toast-bg1 {
background-color: var(--gpts-toast-bg-color1, #000000b8)
}
.bg-transparent {
background-color: transparent
}
.bg-warn-bg {
background-color: var(--gpts-warn-bg-color, rgba(237, 125, 43, .06))
}
.bg-warning-bg {
background-color: var(--sds-color-warning-bg, rgba(189, 92, 0, .08))
}
.bg-warning-focus {
background-color: var(--sds-color-warning-focus, rgba(189, 92, 0, .16))
}
.bg-warning-hover {
background-color: var(--sds-color-warning-hover, #f38b40)
}
.bg-warning-normal {
background-color: var(--sds-color-warning-normal, #eb7e26)
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-white-text2 {
background-color: var(--gpts-white-text-color2, rgba(255, 255, 255, .94))
}
.bg-white-text3 {
background-color: var(--gpts-white-text-color3, rgba(255, 255, 255, .48))
}
.bg-white-text4 {
background-color: var(--gpts-white-text-color4, rgba(255, 255, 255, .15))
}
.bg-white\/10 {
background-color: #ffffff1a
}
.bg-white\/20 {
background-color: #fff3
}
.bg-white\/25 {
background-color: #ffffff40
}
.bg-white\/50 {
background-color: #ffffff80
}
.bg-zinc-400 {
--tw-bg-opacity: 1;
background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1))
}
.bg-zinc-600 {
--tw-bg-opacity: 1;
background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1))
}
.bg-zinc-800 {
--tw-bg-opacity: 1;
background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1))
}
.\!bg-\[linear-gradient\(99deg\, \#FFF2DB_3\.85\%\, \#FFE0EC_99\.29\%\)\] {
background-image: linear-gradient(99deg, #fff2db 3.85%, #ffe0ec 99.29%) !important
}
.bg-\[linear-gradient\(92deg\, \#3182FF_1\.46\%\, \#6128FF_103\.63\%\)\] {
background-image: linear-gradient(92deg, #3182ff 1.46%, #6128ff 103.63%)
}
.bg-\[linear-gradient\(92deg\, \#7450FF_0\%\, \#6128FF_100\%\)\] {
background-image: linear-gradient(92deg, #7450ff, #6128ff)
}
.bg-\[linear-gradient\(94deg\, \#32BB8C_2\.92\%\, \#00A578_100\%\)\] {
background-image: linear-gradient(94deg, #32bb8c 2.92%, #00a578)
}
.bg-\[linear-gradient\(94deg\, \#6A3FFF_2\.92\%\, \#561BEF_100\%\)\] {
background-image: linear-gradient(94deg, #6a3fff 2.92%, #561bef)
}
.bg-\[linear-gradient\(94deg\, \#7450FF_2\.92\%\, \#6128FF_100\%\)\] {
background-image: linear-gradient(94deg, #7450ff 2.92%, #6128ff)
}
.bg-\[linear-gradient\(94deg\, \#EB7E26_2\.92\%\, \#E55649_100\%\)\] {
background-image: linear-gradient(94deg, #eb7e26 2.92%, #e55649)
}
.bg-\[linear-gradient\(95deg\, \#FFCB29_0\%\, \#FF41B1_49\.11\%\, \#ED6557_98\.65\%\)\] {
background-image: linear-gradient(95deg, #ffcb29, #ff41b1 49.11%, #ed6557 98.65%)
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.bg-none {
background-image: none
}
.from-\[\#292a2d\] {
--tw-gradient-from: #292a2d var(--tw-gradient-from-position);
--tw-gradient-to: rgb(41 42 45 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#6128FF\] {
--tw-gradient-from: #6128FF var(--tw-gradient-from-position);
--tw-gradient-to: rgb(97 40 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#8A57EA\] {
--tw-gradient-from: #8A57EA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(138 87 234 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#BFCDDD\] {
--tw-gradient-from: #BFCDDD var(--tw-gradient-from-position);
--tw-gradient-to: rgb(191 205 221 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#C1F2E8\] {
--tw-gradient-from: #C1F2E8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(193 242 232 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#E6E6F3\] {
--tw-gradient-from: #E6E6F3 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(230 230 243 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#FFDFB1\] {
--tw-gradient-from: #FFDFB1 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 223 177 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#FFDFB4\] {
--tw-gradient-from: #FFDFB4 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 223 180 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-black-text3 {
--tw-gradient-from: var(--gpts-black-text-color3, rgba(0, 0, 0, .4)) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-black\/65 {
--tw-gradient-from: rgb(0 0 0 / .65) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-brand-primary-bg {
--tw-gradient-from: var(--sds-color-brand-primary-bg, rgba(122, 89, 255, .16)) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-error-focus {
--tw-gradient-from: var(--sds-color-error-focus, rgba(215, 65, 52, .16)) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-grey-fill1-hover {
--tw-gradient-from: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08)) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-grey-layer2-normal {
--tw-gradient-from: var(--sds-color-grey-layer2-normal, #ffffff) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-shimmer-start-dark {
--tw-gradient-from: #686A80 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(104 106 128 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-shimmer-start-light {
--tw-gradient-from: #9192A3 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(145 146 163 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-success-focus {
--tw-gradient-from: var(--sds-color-success-focus, rgba(0, 136, 98, .16)) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-transparent {
--tw-gradient-from: transparent var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-black-text2 {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--gpts-black-text-color2, rgba(0, 0, 0, .82)) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-grey-layer2-normal {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--sds-color-grey-layer2-normal, #ffffff) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-shimmer-stop-dark {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #FFFFFF var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-shimmer-stop-light {
--tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #0A0A0A var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-white\/50 {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-\[\#3182FF\] {
--tw-gradient-to: #3182FF var(--tw-gradient-to-position)
}
.to-\[\#486CE2\] {
--tw-gradient-to: #486CE2 var(--tw-gradient-to-position)
}
.to-\[\#7BB08D\] {
--tw-gradient-to: #7BB08D var(--tw-gradient-to-position)
}
.to-\[\#91B4DD\] {
--tw-gradient-to: #91B4DD var(--tw-gradient-to-position)
}
.to-\[\#9AA1D7\] {
--tw-gradient-to: #9AA1D7 var(--tw-gradient-to-position)
}
.to-\[\#FFF3D4\] {
--tw-gradient-to: #FFF3D4 var(--tw-gradient-to-position)
}
.to-\[\#FFFAD2\] {
--tw-gradient-to: #FFFAD2 var(--tw-gradient-to-position)
}
.to-\[rgba\(41\, 42\, 45\, 0\)\] {
--tw-gradient-to: rgba(41, 42, 45, 0) var(--tw-gradient-to-position)
}
.to-black-text3 {
--tw-gradient-to: var(--gpts-black-text-color3, rgba(0, 0, 0, .4)) var(--tw-gradient-to-position)
}
.to-error-focus {
--tw-gradient-to: var(--sds-color-error-focus, rgba(215, 65, 52, .16)) var(--tw-gradient-to-position)
}
.to-grey-fill1-hover {
--tw-gradient-to: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08)) var(--tw-gradient-to-position)
}
.to-grey-layer2-normal {
--tw-gradient-to: var(--sds-color-grey-layer2-normal, #ffffff) var(--tw-gradient-to-position)
}
.to-grey-layer3-normal {
--tw-gradient-to: var(--sds-color-grey-layer3-normal, #ffffff) var(--tw-gradient-to-position)
}
.to-shimmer-start-dark {
--tw-gradient-to: #686A80 var(--tw-gradient-to-position)
}
.to-shimmer-start-light {
--tw-gradient-to: #9192A3 var(--tw-gradient-to-position)
}
.to-success-focus {
--tw-gradient-to: var(--sds-color-success-focus, rgba(0, 136, 98, .16)) var(--tw-gradient-to-position)
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.to-warning-bg {
--tw-gradient-to: var(--sds-color-warning-bg, rgba(189, 92, 0, .08)) var(--tw-gradient-to-position)
}
.bg-\[length\:100\%_100\%\] {
background-size: 100% 100%
}
.bg-\[size\:50\%_200\%\] {
background-size: 50% 200%
}
.bg-cover {
background-size: cover
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text
}
.bg-\[position\:-100\%_top\] {
background-position: -100% top
}
.bg-center {
background-position: center
}
.bg-no-repeat {
background-repeat: no-repeat
}
.fill-\[\#8F8F8F\] {
fill: #8f8f8f
}
.fill-current {
fill: currentColor
}
.fill-error-normal {
fill: var(--sds-color-error-normal, #e55649)
}
.fill-glass-fill1-normal {
fill: var(--sds-color-glass-fill1-normal, rgba(114, 118, 139, .16))
}
.fill-glass-fill2-normal {
fill: var(--sds-color-glass-fill2-normal, rgba(114, 118, 139, .48))
}
.fill-success-bg {
fill: var(--sds-color-success-bg, rgba(0, 136, 98, .08))
}
.fill-success-normal {
fill: var(--sds-color-success-normal, #20b082)
}
.fill-text-white-1 {
fill: var(--sds-color-text-white-1, #ffffff)
}
.fill-white {
fill: #fff
}
.stroke-current {
stroke: currentColor
}
.stroke-success-secondary {
stroke: var(--sds-color-success-secondary, #00825E)
}
.object-contain {
-o-object-fit: contain;
object-fit: contain
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.object-fill {
-o-object-fit: fill;
object-fit: fill
}
.object-center {
-o-object-position: center;
object-position: center
}
.\!p-3 {
padding: 12px !important
}
.\!p-6,
.\!p-\[24px\] {
padding: 24px !important
}
.p-0 {
padding: 0
}
.p-0\.5 {
padding: 2px
}
.p-1 {
padding: 4px
}
.p-1\.5 {
padding: 6px
}
.p-10 {
padding: 40px
}
.p-2 {
padding: 8px
}
.p-2\.5 {
padding: 10px
}
.p-3 {
padding: 12px
}
.p-4 {
padding: 16px
}
.p-5 {
padding: 20px
}
.p-6 {
padding: 24px
}
.p-8 {
padding: 32px
}
.p-\[10px\] {
padding: 10px
}
.p-\[12px\] {
padding: 12px
}
.p-\[13px\] {
padding: 13px
}
.p-\[14px\] {
padding: 14px
}
.p-\[16px\] {
padding: 16px
}
.p-\[18px\] {
padding: 18px
}
.p-\[1px\] {
padding: 1px
}
.p-\[24px\] {
padding: 24px
}
.p-\[26px\] {
padding: 26px
}
.p-\[2px\] {
padding: 2px
}
.p-\[3px\] {
padding: 3px
}
.p-\[4px\] {
padding: 4px
}
.p-\[5px\] {
padding: 5px
}
.p-\[6px\] {
padding: 6px
}
.p-\[7px\] {
padding: 7px
}
.p-\[8px\] {
padding: 8px
}
.p-\[9px\] {
padding: 9px
}
.p-px {
padding: 1px
}
.\!px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.\!px-2 {
padding-left: 8px !important;
padding-right: 8px !important
}
.\!px-3 {
padding-left: 12px !important;
padding-right: 12px !important
}
.\!px-4 {
padding-left: 16px !important;
padding-right: 16px !important
}
.\!px-\[14px\] {
padding-left: 14px !important;
padding-right: 14px !important
}
.\!px-\[8px\] {
padding-left: 8px !important;
padding-right: 8px !important
}
.\!py-2\.5 {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.\!py-\[8px\] {
padding-top: 8px !important;
padding-bottom: 8px !important
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.px-0\.5 {
padding-left: 2px;
padding-right: 2px
}
.px-1 {
padding-left: 4px;
padding-right: 4px
}
.px-1\.5 {
padding-left: 6px;
padding-right: 6px
}
.px-2 {
padding-left: 8px;
padding-right: 8px
}
.px-2\.5 {
padding-left: 10px;
padding-right: 10px
}
.px-24 {
padding-left: 96px;
padding-right: 96px
}
.px-3 {
padding-left: 12px;
padding-right: 12px
}
.px-3\.5 {
padding-left: 14px;
padding-right: 14px
}
.px-4 {
padding-left: 16px;
padding-right: 16px
}
.px-5 {
padding-left: 20px;
padding-right: 20px
}
.px-6 {
padding-left: 24px;
padding-right: 24px
}
.px-8 {
padding-left: 32px;
padding-right: 32px
}
.px-\[10px\] {
padding-left: 10px;
padding-right: 10px
}
.px-\[11px\] {
padding-left: 11px;
padding-right: 11px
}
.px-\[12px\] {
padding-left: 12px;
padding-right: 12px
}
.px-\[14px\] {
padding-left: 14px;
padding-right: 14px
}
.px-\[15px\] {
padding-left: 15px;
padding-right: 15px
}
.px-\[16px\] {
padding-left: 16px;
padding-right: 16px
}
.px-\[18px\] {
padding-left: 18px;
padding-right: 18px
}
.px-\[20px\] {
padding-left: 20px;
padding-right: 20px
}
.px-\[24px\] {
padding-left: 24px;
padding-right: 24px
}
.px-\[26px\] {
padding-left: 26px;
padding-right: 26px
}
.px-\[2px\] {
padding-left: 2px;
padding-right: 2px
}
.px-\[30px\] {
padding-left: 30px;
padding-right: 30px
}
.px-\[3px\] {
padding-left: 3px;
padding-right: 3px
}
.px-\[4px\] {
padding-left: 4px;
padding-right: 4px
}
.px-\[5px\] {
padding-left: 5px;
padding-right: 5px
}
.px-\[60px\] {
padding-left: 60px;
padding-right: 60px
}
.px-\[6px\] {
padding-left: 6px;
padding-right: 6px
}
.px-\[7px\] {
padding-left: 7px;
padding-right: 7px
}
.px-\[8px\] {
padding-left: 8px;
padding-right: 8px
}
.px-\[9px\] {
padding-left: 9px;
padding-right: 9px
}
.px-px {
padding-left: 1px;
padding-right: 1px
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-0\.5 {
padding-top: 2px;
padding-bottom: 2px
}
.py-1 {
padding-top: 4px;
padding-bottom: 4px
}
.py-1\.5 {
padding-top: 6px;
padding-bottom: 6px
}
.py-10 {
padding-top: 40px;
padding-bottom: 40px
}
.py-2 {
padding-top: 8px;
padding-bottom: 8px
}
.py-2\.5 {
padding-top: 10px;
padding-bottom: 10px
}
.py-3 {
padding-top: 12px;
padding-bottom: 12px
}
.py-3\.5 {
padding-top: 14px;
padding-bottom: 14px
}
.py-4 {
padding-top: 16px;
padding-bottom: 16px
}
.py-5 {
padding-top: 20px;
padding-bottom: 20px
}
.py-6 {
padding-top: 24px;
padding-bottom: 24px
}
.py-8 {
padding-top: 32px;
padding-bottom: 32px
}
.py-\[0px\] {
padding-top: 0;
padding-bottom: 0
}
.py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px
}
.py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px
}
.py-\[14px\] {
padding-top: 14px;
padding-bottom: 14px
}
.py-\[16px\] {
padding-top: 16px;
padding-bottom: 16px
}
.py-\[18px\] {
padding-top: 18px;
padding-bottom: 18px
}
.py-\[1px\] {
padding-top: 1px;
padding-bottom: 1px
}
.py-\[20px\] {
padding-top: 20px;
padding-bottom: 20px
}
.py-\[2px\] {
padding-top: 2px;
padding-bottom: 2px
}
.py-\[3\.5px\] {
padding-top: 3.5px;
padding-bottom: 3.5px
}
.py-\[3px\] {
padding-top: 3px;
padding-bottom: 3px
}
.py-\[4px\] {
padding-top: 4px;
padding-bottom: 4px
}
.py-\[5px\] {
padding-top: 5px;
padding-bottom: 5px
}
.py-\[6px\] {
padding-top: 6px;
padding-bottom: 6px
}
.py-\[7px\] {
padding-top: 7px;
padding-bottom: 7px
}
.py-\[8px\] {
padding-top: 8px;
padding-bottom: 8px
}
.py-\[9px\] {
padding-top: 9px;
padding-bottom: 9px
}
.py-px {
padding-top: 1px;
padding-bottom: 1px
}
.\!pb-\[8px\] {
padding-bottom: 8px !important
}
.\!pe-\[15px\] {
padding-inline-end: 15px !important
}
.\!pr-\[6px\] {
padding-right: 6px !important
}
.\!ps-\[8px\] {
padding-inline-start: 8px !important
}
.\!pt-\[5px\] {
padding-top: 5px !important
}
.pb-0 {
padding-bottom: 0
}
.pb-0\.5 {
padding-bottom: 2px
}
.pb-1 {
padding-bottom: 4px
}
.pb-1\.5 {
padding-bottom: 6px
}
.pb-10 {
padding-bottom: 40px
}
.pb-2 {
padding-bottom: 8px
}
.pb-2\.5 {
padding-bottom: 10px
}
.pb-24 {
padding-bottom: 96px
}
.pb-3 {
padding-bottom: 12px
}
.pb-4 {
padding-bottom: 16px
}
.pb-5 {
padding-bottom: 20px
}
.pb-6 {
padding-bottom: 24px
}
.pb-7 {
padding-bottom: 28px
}
.pb-8 {
padding-bottom: 32px
}
.pb-9 {
padding-bottom: 36px
}
.pb-\[106px\] {
padding-bottom: 106px
}
.pb-\[10px\] {
padding-bottom: 10px
}
.pb-\[12px\] {
padding-bottom: 12px
}
.pb-\[16px\] {
padding-bottom: 16px
}
.pb-\[17\.596px\] {
padding-bottom: 17.596px
}
.pb-\[20px\] {
padding-bottom: 20px
}
.pb-\[23px\] {
padding-bottom: 23px
}
.pb-\[28px\] {
padding-bottom: 28px
}
.pb-\[2px\] {
padding-bottom: 2px
}
.pb-\[30px\] {
padding-bottom: 30px
}
.pb-\[32px\] {
padding-bottom: 32px
}
.pb-\[34px\] {
padding-bottom: 34px
}
.pb-\[46px\] {
padding-bottom: 46px
}
.pb-\[4px\] {
padding-bottom: 4px
}
.pb-\[60px\] {
padding-bottom: 60px
}
.pb-\[6px\] {
padding-bottom: 6px
}
.pb-\[7px\] {
padding-bottom: 7px
}
.pb-\[8px\] {
padding-bottom: 8px
}
.pb-\[9px\] {
padding-bottom: 9px
}
.pe-0 {
padding-inline-end: 0
}
.pe-1 {
padding-inline-end: 4px
}
.pe-1\.5 {
padding-inline-end: 6px
}
.pe-10 {
padding-inline-end: 40px
}
.pe-2 {
padding-inline-end: 8px
}
.pe-3 {
padding-inline-end: 12px
}
.pe-4 {
padding-inline-end: 16px
}
.pe-6 {
padding-inline-end: 24px
}
.pe-8 {
padding-inline-end: 32px
}
.pe-9 {
padding-inline-end: 36px
}
.pe-\[10px\] {
padding-inline-end: 10px
}
.pe-\[12px\] {
padding-inline-end: 12px
}
.pe-\[13px\] {
padding-inline-end: 13px
}
.pe-\[16px\] {
padding-inline-end: 16px
}
.pe-\[20px\] {
padding-inline-end: 20px
}
.pe-\[24px\] {
padding-inline-end: 24px
}
.pe-\[26px\] {
padding-inline-end: 26px
}
.pe-\[2px\] {
padding-inline-end: 2px
}
.pe-\[52px\] {
padding-inline-end: 52px
}
.pe-\[5px\] {
padding-inline-end: 5px
}
.pe-\[60px\] {
padding-inline-end: 60px
}
.pe-\[6px\] {
padding-inline-end: 6px
}
.pe-\[80px\] {
padding-inline-end: 80px
}
.pe-\[8px\] {
padding-inline-end: 8px
}
.pe-\[9px\] {
padding-inline-end: 9px
}
.pl-1 {
padding-left: 4px
}
.pl-2 {
padding-left: 8px
}
.pl-3 {
padding-left: 12px
}
.pl-5 {
padding-left: 20px
}
.pl-6 {
padding-left: 24px
}
.pl-9 {
padding-left: 36px
}
.pl-\[0px\] {
padding-left: 0
}
.pl-\[10px\] {
padding-left: 10px
}
.pl-\[18px\] {
padding-left: 18px
}
.pl-\[1px\] {
padding-left: 1px
}
.pl-\[20px\] {
padding-left: 20px
}
.pl-\[22px\] {
padding-left: 22px
}
.pl-\[26px\] {
padding-left: 26px
}
.pl-\[2px\] {
padding-left: 2px
}
.pl-\[30px\] {
padding-left: 30px
}
.pl-\[4px\] {
padding-left: 4px
}
.pl-\[6px\] {
padding-left: 6px
}
.pl-\[8px\] {
padding-left: 8px
}
.pl-\[9px\] {
padding-left: 9px
}
.pr-1 {
padding-right: 4px
}
.pr-1\.5 {
padding-right: 6px
}
.pr-10 {
padding-right: 40px
}
.pr-2 {
padding-right: 8px
}
.pr-3 {
padding-right: 12px
}
.pr-5 {
padding-right: 20px
}
.pr-6 {
padding-right: 24px
}
.pr-\[18px\] {
padding-right: 18px
}
.pr-\[2px\] {
padding-right: 2px
}
.pr-\[30px\] {
padding-right: 30px
}
.pr-\[3px\] {
padding-right: 3px
}
.pr-\[4px\] {
padding-right: 4px
}
.pr-\[5px\] {
padding-right: 5px
}
.pr-\[6px\] {
padding-right: 6px
}
.pr-\[8px\] {
padding-right: 8px
}
.pr-\[9px\] {
padding-right: 9px
}
.ps-0 {
padding-inline-start: 0
}
.ps-1\.5 {
padding-inline-start: 6px
}
.ps-2 {
padding-inline-start: 8px
}
.ps-3 {
padding-inline-start: 12px
}
.ps-4 {
padding-inline-start: 16px
}
.ps-5 {
padding-inline-start: 20px
}
.ps-6 {
padding-inline-start: 24px
}
.ps-8 {
padding-inline-start: 32px
}
.ps-\[10px\] {
padding-inline-start: 10px
}
.ps-\[14px\] {
padding-inline-start: 14px
}
.ps-\[15px\] {
padding-inline-start: 15px
}
.ps-\[16px\] {
padding-inline-start: 16px
}
.ps-\[17px\] {
padding-inline-start: 17px
}
.ps-\[18px\] {
padding-inline-start: 18px
}
.ps-\[20px\] {
padding-inline-start: 20px
}
.ps-\[22px\] {
padding-inline-start: 22px
}
.ps-\[24px\] {
padding-inline-start: 24px
}
.ps-\[26px\] {
padding-inline-start: 26px
}
.ps-\[32px\] {
padding-inline-start: 32px
}
.ps-\[38px\] {
padding-inline-start: 38px
}
.ps-\[3px\] {
padding-inline-start: 3px
}
.ps-\[46px\] {
padding-inline-start: 46px
}
.ps-\[49px\] {
padding-inline-start: 49px
}
.ps-\[5px\] {
padding-inline-start: 5px
}
.ps-\[6px\] {
padding-inline-start: 6px
}
.ps-\[7px\] {
padding-inline-start: 7px
}
.ps-\[8px\] {
padding-inline-start: 8px
}
.ps-\[9px\] {
padding-inline-start: 9px
}
.pt-0 {
padding-top: 0
}
.pt-0\.5 {
padding-top: 2px
}
.pt-1 {
padding-top: 4px
}
.pt-1\.5 {
padding-top: 6px
}
.pt-10 {
padding-top: 40px
}
.pt-12 {
padding-top: 48px
}
.pt-2 {
padding-top: 8px
}
.pt-3 {
padding-top: 12px
}
.pt-4 {
padding-top: 16px
}
.pt-5 {
padding-top: 20px
}
.pt-6 {
padding-top: 24px
}
.pt-7 {
padding-top: 28px
}
.pt-8 {
padding-top: 32px
}
.pt-9 {
padding-top: 36px
}
.pt-\[0\.5px\] {
padding-top: .5px
}
.pt-\[10px\] {
padding-top: 10px
}
.pt-\[12px\] {
padding-top: 12px
}
.pt-\[140px\] {
padding-top: 140px
}
.pt-\[14px\] {
padding-top: 14px
}
.pt-\[16px\] {
padding-top: 16px
}
.pt-\[17\.596px\] {
padding-top: 17.596px
}
.pt-\[18px\] {
padding-top: 18px
}
.pt-\[20px\] {
padding-top: 20px
}
.pt-\[28px\] {
padding-top: 28px
}
.pt-\[2px\] {
padding-top: 2px
}
.pt-\[30px\] {
padding-top: 30px
}
.pt-\[34px\] {
padding-top: 34px
}
.pt-\[3px\] {
padding-top: 3px
}
.pt-\[4px\] {
padding-top: 4px
}
.pt-\[5px\] {
padding-top: 5px
}
.pt-\[65px\] {
padding-top: 65px
}
.pt-\[6px\] {
padding-top: 6px
}
.pt-\[80px\] {
padding-top: 80px
}
.pt-\[8px\] {
padding-top: 8px
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-start {
text-align: start
}
.text-end {
text-align: end
}
.align-baseline {
vertical-align: baseline
}
.align-top {
vertical-align: top
}
.align-middle {
vertical-align: middle
}
.align-bottom {
vertical-align: bottom
}
.align-text-top {
vertical-align: text-top
}
.align-\[-3px\] {
vertical-align: -3px
}
.align-\[-4px\] {
vertical-align: -4px
}
.font-\[\'D-DINExpFull\'\,sans-serif\] {
font-family: D-DINExpFull, sans-serif
}
.font-\[\'DM_Sans\'\,sans-serif\] {
font-family: DM Sans, sans-serif
}
.font-\[\'DM_Sans\'\] {
font-family: DM Sans
}
.font-\[inherit\] {
font-family: inherit
}
.font-family-base {
font-family: var(--gpts-font-family, "'D-DINExp', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'")
}
.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}
.font-poppins {
font-family: Poppins, sans-serif
}
.font-sans {
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}
.\!text-sm {
font-size: 14px !important
}
.\!text-xs {
font-size: 12px !important
}
.text-2xl {
font-size: 24px
}
.text-4xl {
font-size: 36px
}
.text-5xl {
font-size: 48px
}
.text-\[\.875rem\] {
font-size: .875rem
}
.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-\[16px\] {
font-size: 16px
}
.text-\[18px\] {
font-size: 18px
}
.text-\[2\.4vw\] {
font-size: 2.4vw
}
.text-\[20px\] {
font-size: 20px
}
.text-\[24px\] {
font-size: 24px
}
.text-\[28px\] {
font-size: 28px
}
.text-\[32px\] {
font-size: 32px
}
.text-\[36px\] {
font-size: 36px
}
.text-\[48px\] {
font-size: 48px
}
.text-\[8px\] {
font-size: 8px
}
.text-\[9px\] {
font-size: 9px
}
.text-base {
font-size: 16px
}
.text-lg {
font-size: 18px
}
.text-sm {
font-size: 14px
}
.text-xl {
font-size: 20px
}
.text-xs {
font-size: 12px
}
.\!font-bold {
font-weight: 700 !important
}
.\!font-normal {
font-weight: 400 !important
}
.\!font-semibold {
font-weight: 600 !important
}
.font-\[500\] {
font-weight: 500
}
.font-\[600\] {
font-weight: 600
}
.font-\[700\] {
font-weight: 700
}
.font-\[800\] {
font-weight: 800
}
.font-bold {
font-weight: 700
}
.font-extrabold {
font-weight: 800
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.uppercase {
text-transform: uppercase
}
.lowercase {
text-transform: lowercase
}
.capitalize {
text-transform: capitalize
}
.normal-nums {
font-variant-numeric: normal
}
.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)
}
.\!leading-5 {
line-height: 20px !important
}
.leading-10 {
line-height: 40px
}
.leading-3 {
line-height: 12px
}
.leading-4 {
line-height: 16px
}
.leading-5 {
line-height: 20px
}
.leading-6 {
line-height: 24px
}
.leading-7 {
line-height: 28px
}
.leading-8 {
line-height: 32px
}
.leading-\[0\] {
line-height: 0
}
.leading-\[1\.4\] {
line-height: 1.4
}
.leading-\[1\.65\] {
line-height: 1.65
}
.leading-\[10px\] {
line-height: 10px
}
.leading-\[11px\] {
line-height: 11px
}
.leading-\[12px\] {
line-height: 12px
}
.leading-\[13px\] {
line-height: 13px
}
.leading-\[14px\] {
line-height: 14px
}
.leading-\[17px\] {
line-height: 17px
}
.leading-\[18px\] {
line-height: 18px
}
.leading-\[20px\] {
line-height: 20px
}
.leading-\[21px\] {
line-height: 21px
}
.leading-\[22px\] {
line-height: 22px
}
.leading-\[24px\] {
line-height: 24px
}
.leading-\[26px\] {
line-height: 26px
}
.leading-\[28px\] {
line-height: 28px
}
.leading-\[34px\] {
line-height: 34px
}
.leading-\[36px\] {
line-height: 36px
}
.leading-\[42px\] {
line-height: 42px
}
.leading-\[54px\] {
line-height: 54px
}
.leading-none {
line-height: 1
}
.leading-normal {
line-height: 1.5
}
.leading-tight {
line-height: 1.25
}
.-tracking-\[0\.2px\] {
letter-spacing: -.2px
}
.tracking-\[-0\.02em\] {
letter-spacing: -.02em
}
.\!text-\[--gpts-chat-primary-color\] {
color: var(--gpts-chat-primary-color) !important
}
.\!text-black-text1 {
color: var(--gpts-black-text-color1, rgba(0, 0, 0, .97)) !important
}
.\!text-black-text2 {
color: var(--gpts-black-text-color2, rgba(0, 0, 0, .82)) !important
}
.\!text-black-text3 {
color: var(--gpts-black-text-color3, rgba(0, 0, 0, .4)) !important
}
.\!text-black\/\[\.96\] {
color: #000000f5 !important
}
.\!text-brand-primary-normal {
color: var(--sds-color-brand-primary-normal, #6128ff) !important
}
.\!text-brand-secondary-normal {
color: var(--sds-color-brand-secondary-normal, #7450ff) !important
}
.\!text-inherit {
color: inherit !important
}
.\!text-primary5 {
color: var(--gpts-primary-color5, #681dd7) !important
}
.\!text-text-primary-1 {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96)) !important
}
.\!text-text-primary-2 {
color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88)) !important
}
.\!text-text-primary-3 {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6)) !important
}
.\!text-text-primary-4 {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45)) !important
}
.\!text-text-primary-5 {
color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18)) !important
}
.\!text-text-secondary {
color: var(--gpts-black-text-color3, rgba(0, 0, 0, .4)) !important
}
.\!text-text-secondary-1 {
color: var(--sds-color-text-secondary-1, #ffffff) !important
}
.\!text-text-white-1 {
color: var(--sds-color-text-white-1, #ffffff) !important
}
.\!text-white {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.\!text-white-text1 {
color: var(--gpts-white-text-color1, rgba(255, 255, 255)) !important
}
.text-\[\#0a0d3399\] {
color: #0a0d3399
}
.text-\[\#1477F7\] {
--tw-text-opacity: 1;
color: rgb(20 119 247 / var(--tw-text-opacity, 1))
}
.text-\[\#18c964\] {
--tw-text-opacity: 1;
color: rgb(24 201 100 / var(--tw-text-opacity, 1))
}
.text-\[\#19c37d\] {
--tw-text-opacity: 1;
color: rgb(25 195 125 / var(--tw-text-opacity, 1))
}
.text-\[\#3771E0\] {
--tw-text-opacity: 1;
color: rgb(55 113 224 / var(--tw-text-opacity, 1))
}
.text-\[\#434446\] {
--tw-text-opacity: 1;
color: rgb(67 68 70 / var(--tw-text-opacity, 1))
}
.text-\[\#7450ff\] {
--tw-text-opacity: 1;
color: rgb(116 80 255 / var(--tw-text-opacity, 1))
}
.text-\[\#B7B7B7\] {
--tw-text-opacity: 1;
color: rgb(183 183 183 / var(--tw-text-opacity, 1))
}
.text-\[\#E6E6E6\] {
--tw-text-opacity: 1;
color: rgb(230 230 230 / var(--tw-text-opacity, 1))
}
.text-\[\#FF0000\] {
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1))
}
.text-\[\#c4c7c5\] {
--tw-text-opacity: 1;
color: rgb(196 199 197 / var(--tw-text-opacity, 1))
}
.text-\[\#cabeff\] {
--tw-text-opacity: 1;
color: rgb(202 190 255 / var(--tw-text-opacity, 1))
}
.text-\[\#e3e3e3\] {
--tw-text-opacity: 1;
color: rgb(227 227 227 / var(--tw-text-opacity, 1))
}
.text-\[\#e55649\] {
--tw-text-opacity: 1;
color: rgb(229 86 73 / var(--tw-text-opacity, 1))
}
.text-\[\#ffd459\] {
--tw-text-opacity: 1;
color: rgb(255 212 89 / var(--tw-text-opacity, 1))
}
.text-\[\#fff\] {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-\[--gpts-black-text-color3\] {
color: var(--gpts-black-text-color3)
}
.text-\[--gpts-chat-ai-bubble-bg-color\] {
color: var(--gpts-chat-ai-bubble-bg-color)
}
.text-\[--gpts-chat-error-color\] {
color: var(--gpts-chat-error-color)
}
.text-\[--gpts-chat-primary-color\] {
color: var(--gpts-chat-primary-color)
}
.text-\[--gpts-primary-content-text-color\] {
color: var(--gpts-primary-content-text-color)
}
.text-\[--gpts-primary-text-color\] {
color: var(--gpts-primary-text-color)
}
.text-\[--gpts-secondary-text-color\] {
color: var(--gpts-secondary-text-color)
}
.text-\[--gpts-third-text-color\] {
color: var(--gpts-third-text-color)
}
.text-\[--text-color\] {
color: var(--text-color)
}
.text-\[rgba\(6\,8\,31\,0\.88\)\] {
color: #06081fe0
}
.text-\[rgba\(var\(--gpts-fg-rgb\)\,0\.35\)\] {
color: rgba(var(--gpts-fg-rgb), .35)
}
.text-\[rgba\(var\(--gpts-fg-rgb\)\,0\.65\)\] {
color: rgba(var(--gpts-fg-rgb), .65)
}
.text-assistive-blue {
color: var(--sds-color-assistive-blue, #1477f7)
}
.text-assistive-blue-normal {
color: var(--sds-color-assistive-blue-normal, #3182ff)
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
.text-black-text1 {
color: var(--gpts-black-text-color1, rgba(0, 0, 0, .97))
}
.text-black-text2 {
color: var(--gpts-black-text-color2, rgba(0, 0, 0, .82))
}
.text-black-text3 {
color: var(--gpts-black-text-color3, rgba(0, 0, 0, .4))
}
.text-black-text4 {
color: var(--gpts-black-text-color4, rgba(0, 0, 0, .15))
}
.text-black-text5 {
color: var(--gpts-black-text-color5, rgba(0, 0, 0, .67))
}
.text-black\/40 {
color: #0006
}
.text-black\/85 {
color: #000000d9
}
.text-black\/95 {
color: #000000f2
}
.text-black\/\[\.65\] {
color: #000000a6
}
.text-brand-primary-disable {
color: var(--sds-color-brand-primary-disable, #cabeff)
}
.text-brand-primary-hover {
color: var(--sds-color-brand-primary-hover, #6a3fff)
}
.text-brand-primary-normal {
color: var(--sds-color-brand-primary-normal, #6128ff)
}
.text-brand-secondary-normal {
color: var(--sds-color-brand-secondary-normal, #7450ff)
}
.text-error {
color: var(--gpts-error-text-color, #e65a5a)
}
.text-error-click {
color: var(--sds-color-error-click, #e55749)
}
.text-error-disabled {
color: var(--sds-color-error-disabled, #ffb4ab)
}
.text-error-normal {
color: var(--sds-color-error-normal, #e55649)
}
.text-error-secondary {
color: var(--sds-color-error-secondary, #d23a2e)
}
.text-error-text {
color: var(--gpts-error-text-color, #e65a5a)
}
.text-glass-fill2-normal {
color: var(--sds-color-glass-fill2-normal, rgba(114, 118, 139, .48))
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}
.text-grey-layer1-normal {
color: var(--sds-color-grey-layer1-normal, #f6f6f8)
}
.text-grey-layer2-normal {
color: var(--sds-color-grey-layer2-normal, #ffffff)
}
.text-grey-layer3-normal {
color: var(--sds-color-grey-layer3-normal, #ffffff)
}
.text-inherit {
color: inherit
}
.text-primary {
color: var(--gpts-primary-color, #8a57ea)
}
.text-primary5 {
color: var(--gpts-primary-color5, #681dd7)
}
.text-primary6 {
color: var(--gpts-primary-color6, #6d37be)
}
.text-red-300 {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
.text-rose-500 {
--tw-text-opacity: 1;
color: rgb(244 63 94 / var(--tw-text-opacity, 1))
}
.text-success-focus {
color: var(--sds-color-success-focus, rgba(0, 136, 98, .16))
}
.text-success-normal {
color: var(--sds-color-success-normal, #20b082)
}
.text-success-secondary {
color: var(--sds-color-success-secondary, #00825E)
}
.text-success-text {
color: var(--sds-color-success-text, #00825e)
}
.text-text-black-3 {
color: var(--sds-color-text-black-3, rgba(10, 13, 51, .6))
}
.text-text-primary-1 {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.text-text-primary-2 {
color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.text-text-primary-3 {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.text-text-primary-4 {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.text-text-primary-5 {
color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18))
}
.text-text-secondary {
color: var(--gpts-black-text-color3, rgba(0, 0, 0, .4))
}
.text-text-secondary-1 {
color: var(--sds-color-text-secondary-1, #ffffff)
}
.text-text-secondary-2 {
color: var(--sds-color-text-secondary-2, rgba(220, 223, 249, .92))
}
.text-text-secondary-3 {
color: var(--sds-color-text-secondary-3, rgba(214, 218, 255, .56))
}
.text-text-white-1 {
color: var(--sds-color-text-white-1, #ffffff)
}
.text-text-white-3 {
color: var(--sds-color-text-white-3, rgba(214, 218, 255, .56))
}
.text-title {
color: var(--gpts-black-text-color1, rgba(0, 0, 0, .97))
}
.text-transparent {
color: transparent
}
.text-violet-500 {
--tw-text-opacity: 1;
color: rgb(139 92 246 / var(--tw-text-opacity, 1))
}
.text-warning-click {
color: var(--sds-color-warning-click, #e47100)
}
.text-warning-normal {
color: var(--sds-color-warning-normal, #eb7e26)
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-white-text1 {
color: var(--gpts-white-text-color1, rgba(255, 255, 255))
}
.text-white\/25 {
color: #ffffff40
}
.text-white\/60 {
color: #fff9
}
.text-white\/80 {
color: #fffc
}
.underline {
text-decoration-line: underline
}
.line-through {
text-decoration-line: line-through
}
.no-underline {
text-decoration-line: none
}
.decoration-from-font {
text-decoration-thickness: from-font
}
.\!opacity-100 {
opacity: 1 !important
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.opacity-20 {
opacity: .2
}
.opacity-25 {
opacity: .25
}
.opacity-40 {
opacity: .4
}
.opacity-5 {
opacity: .05
}
.opacity-50 {
opacity: .5
}
.opacity-60 {
opacity: .6
}
.opacity-70 {
opacity: .7
}
.opacity-75 {
opacity: .75
}
.opacity-80 {
opacity: .8
}
.opacity-90 {
opacity: .9
}
.opacity-\[0\.15\] {
opacity: .15
}
.\!shadow-none {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.12\)\,0_4px_16px_0_rgba\(12\,13\,25\,0\.08\)\,0_2px_8px_-4px_rgba\(12\,13\,25\,0\.12\)\,0_8px_32px_8px_rgba\(12\,13\,25\,0\.04\)\] {
--tw-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 4px 16px 0 rgba(12, 13, 25, .08), 0 2px 8px -4px rgba(12, 13, 25, .12), 0 8px 32px 8px rgba(12, 13, 25, .04);
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px -4px var(--tw-shadow-color), 0 8px 32px 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_0_0_1px_var\(--sds-color-grey-line2-normal\)\,0_2px_8px_\#0c0d1905\,0_4px_16px_\#0c0d1905\,0_8px_32px_\#0c0d1914\] {
--tw-shadow: 0 0 0 1px var(--sds-color-grey-line2-normal), 0 2px 8px #0c0d1905, 0 4px 16px #0c0d1905, 0 8px 32px #0c0d1914;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color), 0 4px 16px var(--tw-shadow-color), 0 8px 32px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_0_0_3px_var\(--sds-color-focus-primary-1\)\] {
--tw-shadow: 0 0 0 3px var(--sds-color-focus-primary-1);
--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_0_0_9999px_\#00000080\] {
--tw-shadow: 0 0 0 9999px #00000080;
--tw-shadow-colored: 0 0 0 9999px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_4px_12px_\#00000026\] {
--tw-shadow: 0 4px 12px #00000026;
--tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_0\.6px_1\.5px_0px_rgba\(63\,63\,63\,0\.12\)\] {
--tw-shadow: 0px .6px 1.5px 0px rgba(63, 63, 63, .12);
--tw-shadow-colored: 0px .6px 1.5px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_0\.7px_1\.75px_0px_rgba\(63\,63\,63\,0\.12\)\] {
--tw-shadow: 0px .7px 1.75px 0px rgba(63, 63, 63, .12);
--tw-shadow-colored: 0px .7px 1.75px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-black-far {
--tw-shadow: 0 0 0 1px #ffffff1f, 0 4px 16px -8px #0c0d1929, 0 8px 32px #0c0d191f, 0 16px 64px 16px #0c0d1914;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 16px -8px var(--tw-shadow-color), 0 8px 32px var(--tw-shadow-color), 0 16px 64px 16px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-black-middle {
--tw-shadow: 0 0 0 1px #ffffff1f, 0 4px 16px 0 var(--sds-color-shadow-overflow-8), 0 2px 8px -4px var(--sds-color-shadow-overflow-12), 0 8px 32px 8px var(--sds-color-shadow-overflow-4);
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px -4px var(--tw-shadow-color), 0 8px 32px 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-black-near {
--tw-shadow: 0 0 0 1px #ffffff1f, 0 1px 3px -2px #0c0d1914, 0 2px 6px #0c0d190a, 0 4px 12px 4px #0c0d1905;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 3px -2px var(--tw-shadow-color), 0 2px 6px var(--tw-shadow-color), 0 4px 12px 4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-grey-inset {
--tw-shadow: 0 -3px 1px 0 var(--sds-color-grey-fill2-hover) inset, 0 8px 16px 0 var(--sds-color-grey-fill1-hover);
--tw-shadow-colored: inset 0 -3px 1px 0 var(--tw-shadow-color), 0 8px 16px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-shallow-far {
--tw-shadow: 0 6px 24px #0c0d190a, 0 12px 48px #0c0d190a, 0 24px 96px #0c0d190a;
--tw-shadow-colored: 0 6px 24px var(--tw-shadow-color), 0 12px 48px var(--tw-shadow-color), 0 24px 96px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-shallow-middle {
--tw-shadow: 0 4px 16px #0c0d1908, 0 8px 32px #0c0d1908, 0 16px 64px #0c0d1908;
--tw-shadow-colored: 0 4px 16px var(--tw-shadow-color), 0 8px 32px var(--tw-shadow-color), 0 16px 64px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-shallow-near {
--tw-shadow: 0 2px 8px #0c0d1905, 0 4px 16px #0c0d1905, 0 8px 32px #0c0d1905;
--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color), 0 4px 16px var(--tw-shadow-color), 0 8px 32px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.\!outline-none {
outline: 2px solid transparent !important;
outline-offset: 2px !important
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.\!outline {
outline-style: solid !important
}
.outline {
outline-style: solid
}
.outline-0 {
outline-width: 0px
}
.outline-transparent {
outline-color: transparent
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-4 {
--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-inset {
--tw-ring-inset: inset
}
.ring-brand-primary-normal {
--tw-ring-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.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-\[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-\[200px\] {
--tw-blur: blur(200px);
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-\[25px\] {
--tw-blur: blur(25px);
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-\[50px\] {
--tw-blur: blur(50px);
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-\[55px\] {
--tw-blur: blur(55px);
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-\[5px\] {
--tw-blur: blur(5px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.blur-sm {
--tw-blur: blur(4px);
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-\[10\] {
--tw-brightness: brightness(10);
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 {
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
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: drop-shadow(0 1px 1px rgb(0 0 0 / .05));
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)
}
.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)
}
.\!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) !important
}
.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);
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);
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-\[13px\] {
--tw-backdrop-blur: blur(13px);
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-\[14px\] {
--tw-backdrop-blur: blur(14px);
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-\[15px\] {
--tw-backdrop-blur: blur(15px);
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-\[16px\] {
--tw-backdrop-blur: blur(16px);
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);
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);
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-\[3px\] {
--tw-backdrop-blur: blur(3px);
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-\[4px\] {
--tw-backdrop-blur: blur(4px);
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-\[6px\] {
--tw-backdrop-blur: blur(6px);
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-\[8px\] {
--tw-backdrop-blur: blur(8px);
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(16px);
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(12px);
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 {
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)
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[_--animatable-color-1\,--animatable-color-2\] {
transition-property: --animatable-color-1, --animatable-color-2;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[background\] {
transition-property: background;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[border-color\,background-color\,box-shadow\] {
transition-property: border-color, background-color, box-shadow;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[border-color\,box-shadow\] {
transition-property: border-color, box-shadow;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[bottom\] {
transition-property: bottom;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[clip-path\] {
transition-property: clip-path;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[grid-template-columns\] {
transition-property: grid-template-columns;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[grid-template-rows\,opacity\] {
transition-property: grid-template-rows, opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[grid-template-rows\] {
transition-property: grid-template-rows;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[height\] {
transition-property: height;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[max-height\,opacity\] {
transition-property: max-height, opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[max-height\] {
transition-property: max-height;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[opacity\,transform\,filter\] {
transition-property: opacity, transform, filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[opacity\] {
transition-property: opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[padding\,opacity\] {
transition-property: padding, opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[padding-bottom\] {
transition-property: padding-bottom;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-\[transform\,opacity\] {
transition-property: transform, opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-none {
transition-property: none
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.delay-0 {
transition-delay: 0s
}
.delay-100 {
transition-delay: .1s
}
.delay-150 {
transition-delay: .15s
}
.delay-200 {
transition-delay: .2s
}
.delay-75 {
transition-delay: 75ms
}
.duration-100 {
transition-duration: .1s
}
.duration-1000 {
transition-duration: 1s
}
.duration-150 {
transition-duration: .15s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.duration-500 {
transition-duration: .5s
}
.duration-700 {
transition-duration: .7s
}
.duration-75 {
transition-duration: 75ms
}
.duration-\[400ms\] {
transition-duration: .4s
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-linear {
transition-timing-function: linear
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.will-change-auto {
will-change: auto
}
.will-change-transform {
will-change: transform
}
.contain-size {
--tw-contain-size: 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)
}
.flex-center {
display: flex;
justify-content: center;
align-items: center
}
.inline-flex-center {
display: inline-flex;
justify-content: center;
align-items: center
}
.justify-center-safe {
justify-content: safe center
}
.flex-between {
display: flex;
justify-content: space-between
}
.w-stretch {
width: -moz-available;
width: -webkit-fill-available;
width: stretch
}
.click-scale:active {
transform: scale(.98)
}
.text-box-trim-both {
text-box-trim: trim-both
}
.scrollbar-none {
scrollbar-width: none
}
.scrollbar-none::-webkit-scrollbar {
display: none
}
.scrollbar-hidden {
scrollbar-width: none
}
.scrollbar-hidden::-webkit-scrollbar {
display: none
}
.scrollbar-gutter-stable {
scrollbar-gutter: stable
}
.scrollbar-gutter-both {
scrollbar-gutter: stable both-edges
}
.overflow-anchor-auto {
overflow-anchor: auto
}
.overflow-anchor-none {
overflow-anchor: none
}
.border-t-solid {
border-top-style: solid
}
.border-b-solid {
border-bottom-style: solid
}
.border-s-solid {
border-inline-start-style: solid
}
.border-e-solid {
border-inline-end-style: solid
}
.divide-y-solid>:not([hidden])~:not([hidden]) {
border-block-style: solid
}
.bg-gradient-to-end {
background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.bg-gradient-to-end:where([dir=rtl], [dir=rtl] *) {
background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.custom-scrollbar-my-4 {
--scrollbar-margin-block: 16px
}
.\@container {
container-type: inline-size
}
.\[--animatable-color-1\:--sds-color-brand-primary-bg\] {
--animatable-color-1: var(--sds-color-brand-primary-bg)
}
.\[animation-duration\:0\.8s\] {
animation-duration: .8s
}
.\[animation-fill-mode\:forwards\] {
animation-fill-mode: forwards
}
.\[animation-iteration-count\:1\] {
animation-iteration-count: 1
}
.\!\[background\:linear-gradient\(0deg\,var\(--sds-color-success-bg\)_0\%\,var\(--sds-color-success-bg\)_100\%\)\,var\(--sds-color-grey-layer3-normal\)\] {
background: linear-gradient(0deg, var(--sds-color-success-bg) 0%, var(--sds-color-success-bg) 100%), var(--sds-color-grey-layer3-normal) !important
}
.\[background\:linear-gradient\(0deg\,var\(--sds-color-success-bg\)_0\%\,var\(--sds-color-success-bg\)_100\%\)\,var\(--sds-color-grey-layer3-normal\)\] {
background: linear-gradient(0deg, var(--sds-color-success-bg) 0%, var(--sds-color-success-bg) 100%), var(--sds-color-grey-layer3-normal)
}
.\[box-shadow\:--shadow-error\] {
box-shadow: var(--shadow-error)
}
.\[box-shadow\:--shadow-focus\] {
box-shadow: var(--shadow-focus)
}
.\[box-shadow\:--shadow-normal\] {
box-shadow: var(--shadow-normal)
}
.\[box-shadow\:--shadow\] {
box-shadow: var(--shadow)
}
.\[box-shadow\:0_0_0_1px_var\(--sds-color-grey-line1-normal\)\,0_-4px_15px_\#0000000d\,0_0_10px_\#0000000d\] {
box-shadow: 0 0 0 1px var(--sds-color-grey-line1-normal), 0 -4px 15px #0000000d, 0 0 10px #0000000d
}
.\[clip-path\:var\(--clip-path-initial\)\] {
clip-path: var(--clip-path-initial)
}
.\[font-size\:inherit\] {
font-size: inherit
}
.\[grid-area\:1\/1\] {
grid-area: 1/1
}
.\[img\:1\,2\,3\] {
img: 1, 2, 3
}
.\[line-height\:inherit\] {
line-height: inherit
}
.\[perspective-origin\:50\%_0\] {
perspective-origin: 50% 0
}
.\[perspective\:900px\] {
perspective: 900px
}
.\[text-underline-position\:from-font\] {
text-underline-position: from-font
}
.\[transform-style\:preserve-3d\] {
transform-style: preserve-3d
}
.\[video\:N\] {
video: N
}
.\*\:-me-1>* {
margin-inline-end: -4px
}
.\*\:size-5>* {
width: 20px;
height: 20px
}
.\*\:rounded-full>* {
border-radius: 9999px
}
.\*\:shadow-\[0_0_2\.2px_\#0000000f\,0_2px_3px_\#0000000f\]>* {
--tw-shadow: 0 0 2.2px #0000000f, 0 2px 3px #0000000f;
--tw-shadow-colored: 0 0 2.2px var(--tw-shadow-color), 0 2px 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.\*\:flex-center>* {
display: flex;
justify-content: center;
align-items: center
}
.\*\:overflow-anchor-none>* {
overflow-anchor: none
}
.first-letter\:capitalize:first-letter {
text-transform: capitalize
}
.marker\:text-text-primary-4 *::marker {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.marker\:text-text-primary-4::marker {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.placeholder\:\!text-text-primary-4::-moz-placeholder {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45)) !important
}
.placeholder\:\!text-text-primary-4::placeholder {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45)) !important
}
.placeholder\:text-text-primary-3::-moz-placeholder {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.placeholder\:text-text-primary-3::placeholder {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.placeholder\:text-text-primary-4::-moz-placeholder {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.placeholder\:text-text-primary-4::placeholder {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.placeholder\:text-text-primary-5::-moz-placeholder {
color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18))
}
.placeholder\:text-text-primary-5::placeholder {
color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18))
}
.before\:absolute:before {
content: var(--tw-content);
position: absolute
}
.before\:-start-\[1px\]:before {
content: var(--tw-content);
inset-inline-start: -1px
}
.before\:bottom-0:before {
content: var(--tw-content);
bottom: 0
}
.before\:left-1\/2:before {
content: var(--tw-content);
left: 50%
}
.before\:top-0:before {
content: var(--tw-content);
top: 0
}
.before\:my-auto:before {
content: var(--tw-content);
margin-top: auto;
margin-bottom: auto
}
.before\:block:before {
content: var(--tw-content);
display: block
}
.before\:size-\[8\.5px\]:before {
content: var(--tw-content);
width: 8.5px;
height: 8.5px
}
.before\:h-6:before {
content: var(--tw-content);
height: 24px
}
.before\:w-\[1px\]:before {
content: var(--tw-content);
width: 1px
}
.before\:bg-grey-layer3-normal:before {
content: var(--tw-content);
background-color: var(--sds-color-grey-layer3-normal, #ffffff)
}
.before\:bg-white-text4:before {
content: var(--tw-content);
background-color: var(--gpts-white-text-color4, rgba(255, 255, 255, .15))
}
.before\:content-\[\'\'\]:before {
--tw-content: "";
content: var(--tw-content)
}
.before\:\[transform\:translate\(-50\%\,50\%\)_rotate\(45deg\)\]:before {
content: var(--tw-content);
transform: translate(-50%, 50%) rotate(45deg)
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute
}
.after\:inset-x-0:after {
content: var(--tw-content);
left: 0;
right: 0
}
.after\:-bottom-2:after {
content: var(--tw-content);
bottom: -8px
}
.after\:right-0:after {
content: var(--tw-content);
right: 0
}
.after\:m-auto:after {
content: var(--tw-content);
margin: auto
}
.after\:block:after {
content: var(--tw-content);
display: block
}
.after\:hidden:after {
content: var(--tw-content);
display: none
}
.after\:h-4:after {
content: var(--tw-content);
height: 16px
}
.after\:h-\[3px\]:after {
content: var(--tw-content);
height: 3px
}
.after\:w-5:after {
content: var(--tw-content);
width: 20px
}
.after\:w-\[1px\]:after {
content: var(--tw-content);
width: 1px
}
.after\:rounded-full:after {
content: var(--tw-content);
border-radius: 9999px
}
.after\:bg-darken3:after {
content: var(--tw-content);
background-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06))
}
.after\:bg-text-primary-1:after {
content: var(--tw-content);
background-color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.after\:content-\[\"\"\]:after {
--tw-content: "";
content: var(--tw-content)
}
.after\:content-\[\'_\'\]:after {
--tw-content: " ";
content: var(--tw-content)
}
.first\:pt-0:first-child {
padding-top: 0
}
.first\:pt-3:first-child {
padding-top: 12px
}
.last\:mb-0:last-child {
margin-bottom: 0
}
.last\:mb-3:last-child {
margin-bottom: 12px
}
.last\:border-0:last-child {
border-width: 0px
}
.last\:pb-3:last-child {
padding-bottom: 12px
}
.focus-within\:\!border-brand-primary-normal:focus-within {
border-color: var(--sds-color-brand-primary-normal, #6128ff) !important
}
.focus-within\:border-grey-line2-hover:focus-within {
border-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32))
}
.focus-within\:\!bg-grey-layer3-normal:focus-within {
background-color: var(--sds-color-grey-layer3-normal, #ffffff) !important
}
.focus-within\:shadow-\[0px_0px_0px_3px_var\(--sds-color-focus-gray-1\)\]:focus-within {
--tw-shadow: 0px 0px 0px 3px var(--sds-color-focus-gray-1);
--tw-shadow-colored: 0px 0px 0px 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus-within\:shadow-outline-focus:focus-within {
--tw-shadow: inset 0 0 0 1px var(--sds-color-brand-primary-normal), 0 0 0 3px var(--sds-color-focus-primary-1);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 0 0 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus-within\:\!\[box-shadow\:--shadow-focus\]:focus-within {
box-shadow: var(--shadow-focus) !important
}
.focus-within\:\[box-shadow\:--shadow-focus\]:focus-within {
box-shadow: var(--shadow-focus)
}
.focus-within\:\[box-shadow\:0_0_0_3px_var\(--sds-color-focus-gray-1\)\]:focus-within {
box-shadow: 0 0 0 3px var(--sds-color-focus-gray-1)
}
.hover\:-translate-x-2:hover {
--tw-translate-x: -8px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:scale-y-100:hover {
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:grid-cols-\[1fr\]:hover {
grid-template-columns: 1fr
}
.hover\:grid-rows-\[1fr\]:hover {
grid-template-rows: 1fr
}
.hover\:\!border-grey-line2-hover:hover {
border-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32)) !important
}
.hover\:border-brand-primary-hover:hover {
border-color: var(--sds-color-brand-primary-hover, #6a3fff)
}
.hover\:border-brand-primary-normal:hover {
border-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.hover\:border-grey-fill2-click:hover {
border-color: var(--sds-color-grey-fill2-click, rgba(114, 118, 139, .2))
}
.hover\:border-grey-line1-hover:hover {
border-color: var(--sds-color-grey-line1-hover, rgba(114, 118, 139, .16))
}
.hover\:border-grey-line2-hover:hover {
border-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32))
}
.hover\:border-transparent:hover {
border-color: transparent
}
.hover\:\!bg-\[--gpts-chatgpt-msg-block-hover-bg-color\]:hover {
background-color: var(--gpts-chatgpt-msg-block-hover-bg-color) !important
}
.hover\:\!bg-brand-primary-hover:hover {
background-color: var(--sds-color-brand-primary-hover, #6a3fff) !important
}
.hover\:\!bg-darken3:hover {
background-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06)) !important
}
.hover\:\!bg-error-hover:hover {
background-color: var(--sds-color-error-hover, #ed6557) !important
}
.hover\:\!bg-grey-fill1-hover:hover {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08)) !important
}
.hover\:\!bg-grey-fill2-hover:hover {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12)) !important
}
.hover\:\!bg-primary2:hover {
background-color: var(--gpts-primary-color2, #9364ec) !important
}
.hover\:bg-\[\#18c964\]\/35:hover {
background-color: #18c96459
}
.hover\:bg-\[\#4D4D4D99\]:hover {
background-color: #4d4d4d99
}
.hover\:bg-\[\#72768B14\]:hover {
background-color: #72768b14
}
.hover\:bg-\[\#7A59FF52\]:hover {
background-color: #7a59ff52
}
.hover\:bg-\[\#e65a5a1a\]:hover {
background-color: #e65a5a1a
}
.hover\:bg-\[--bg-color-hover\]:hover {
background-color: var(--bg-color-hover)
}
.hover\:bg-\[--bg-color\]:hover {
background-color: var(--bg-color)
}
.hover\:bg-\[--bg-hover\]:hover {
background-color: var(--bg-hover)
}
.hover\:bg-\[--gpts-bg-darken2\]:hover {
background-color: var(--gpts-bg-darken2)
}
.hover\:bg-\[--gpts-dropdown-hover-bg-color\]:hover {
background-color: var(--gpts-dropdown-hover-bg-color)
}
.hover\:bg-\[--gpts-sidebar-model-btn-hover-bg-color\]:hover {
background-color: var(--gpts-sidebar-model-btn-hover-bg-color)
}
.hover\:bg-\[--hover-bg\]:hover {
background-color: var(--hover-bg)
}
.hover\:bg-\[--item-hover-bg-color\]:hover {
background-color: var(--item-hover-bg-color)
}
.hover\:bg-advanced-fill-click:hover {
background-color: var(--sds-color-advanced-fill-click, #000000)
}
.hover\:bg-advanced-fill-hover:hover {
background-color: var(--sds-color-advanced-fill-hover, #151622)
}
.hover\:bg-assistive-blue-focus:hover {
background-color: var(--sds-color-assistive-blue-focus, rgba(0, 114, 242, .16))
}
.hover\:bg-black\/20:hover {
background-color: #0003
}
.hover\:bg-black\/\[\.06\]:hover {
background-color: #0000000f
}
.hover\:bg-brand-primary-bg:hover {
background-color: var(--sds-color-brand-primary-bg, rgba(122, 89, 255, .16))
}
.hover\:bg-brand-primary-focus:hover {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.hover\:bg-brand-primary-hover:hover {
background-color: var(--sds-color-brand-primary-hover, #6a3fff)
}
.hover\:bg-brand-primary-normal:hover {
background-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.hover\:bg-darken1:hover {
background-color: var(--gpts-bg-darken1, rgba(0, 0, 0, .015))
}
.hover\:bg-darken2:hover {
background-color: var(--gpts-bg-darken2, rgba(0, 0, 0, .03))
}
.hover\:bg-darken3:hover {
background-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06))
}
.hover\:bg-darken4:hover {
background-color: var(--gpts-bg-darken4, rgba(0, 0, 0, .09))
}
.hover\:bg-darken6:hover {
background-color: var(--gpts-bg-darken6, rgba(0, 0, 0, .24))
}
.hover\:bg-error-bg:hover {
background-color: var(--sds-color-error-bg, rgba(215, 65, 52, .08))
}
.hover\:bg-error-focus:hover {
background-color: var(--sds-color-error-focus, rgba(215, 65, 52, .16))
}
.hover\:bg-error-hover:hover {
background-color: var(--sds-color-error-hover, #ed6557)
}
.hover\:bg-glass-fill1-hover:hover {
background-color: var(--sds-color-glass-fill1-hover, rgba(114, 118, 139, .4))
}
.hover\:bg-glass-fill1-normal:hover {
background-color: var(--sds-color-glass-fill1-normal, rgba(114, 118, 139, .16))
}
.hover\:bg-glass-fill2-hover:hover {
background-color: var(--sds-color-glass-fill2-hover, rgba(114, 118, 139, .8))
}
.hover\:bg-glass-fill2-normal:hover {
background-color: var(--sds-color-glass-fill2-normal, rgba(114, 118, 139, .48))
}
.hover\:bg-grey-fill1-click:hover {
background-color: var(--sds-color-grey-fill1-click, rgba(114, 118, 139, .16))
}
.hover\:bg-grey-fill1-hover:hover {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.hover\:bg-grey-fill1-hover05:hover {
background-color: var(--sds-color-grey-fill1-hover05, rgba(114, 118, 139, .04))
}
.hover\:bg-grey-fill1-hover1:hover {
background-color: var(--sds-color-grey-fill1-hover1, rgba(114, 118, 139, .04))
}
.hover\:bg-grey-fill1-hover2:hover {
background-color: var(--sds-color-grey-fill1-hover2, rgba(122, 89, 255, .08))
}
.hover\:bg-grey-fill2-hover:hover {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12))
}
.hover\:bg-grey-fill2-normal:hover {
background-color: var(--sds-color-grey-fill2-normal, rgba(114, 118, 139, .06))
}
.hover\:bg-grey-layer2-normal:hover {
background-color: var(--sds-color-grey-layer2-normal, #ffffff)
}
.hover\:bg-grey-layer3-normal:hover {
background-color: var(--sds-color-grey-layer3-normal, #ffffff)
}
.hover\:bg-grey-line1-normal:hover {
background-color: var(--sds-color-grey-line1-normal, rgba(114, 118, 139, .08))
}
.hover\:bg-grey-line2-hover:hover {
background-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32))
}
.hover\:bg-red-500\/30:hover {
background-color: #ef44444d
}
.hover\:bg-slate-900\/10:hover {
background-color: #0f172a1a
}
.hover\:bg-success-focus:hover {
background-color: var(--sds-color-success-focus, rgba(0, 136, 98, .16))
}
.hover\:bg-success-normal:hover {
background-color: var(--sds-color-success-normal, #20b082)
}
.hover\:bg-text-primary-1:hover {
background-color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.hover\:bg-text-primary-2:hover {
background-color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.hover\:bg-transparent:hover {
background-color: transparent
}
.hover\:bg-warning-focus:hover {
background-color: var(--sds-color-warning-focus, rgba(189, 92, 0, .16))
}
.hover\:bg-white-text1:hover {
background-color: var(--gpts-white-text-color1, rgba(255, 255, 255))
}
.hover\:bg-white\/15:hover {
background-color: #ffffff26
}
.hover\:bg-white\/20:hover {
background-color: #fff3
}
.hover\:bg-\[linear-gradient\(92deg\,rgba\(255\,231\,184\,0\.27\)_-6\.81\%\,rgba\(255\,230\,230\,0\.27\)_43\.56\%\,rgba\(238\,232\,255\,0\.27\)_69\.77\%\,rgba\(255\,255\,255\,0\.27\)_106\.98\%\)\]:hover {
background-image: linear-gradient(92deg, #ffe7b845 -6.81%, #ffe6e645 43.56%, #eee8ff45 69.77%, #ffffff45 106.98%)
}
.hover\:bg-gradient-to-b:hover {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.hover\:from-grey-fill1-hover:hover {
--tw-gradient-from: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08)) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:to-grey-fill1-hover:hover {
--tw-gradient-to: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08)) var(--tw-gradient-to-position)
}
.hover\:fill-\[\#525252\]:hover {
fill: #525252
}
.hover\:fill-glass-fill1-hover:hover {
fill: var(--sds-color-glass-fill1-hover, rgba(114, 118, 139, .4))
}
.hover\:fill-glass-fill2-hover:hover {
fill: var(--sds-color-glass-fill2-hover, rgba(114, 118, 139, .8))
}
.hover\/group\:text-text-primary-1:hover {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.hover\:\!text-brand-primary-hover:hover {
color: var(--sds-color-brand-primary-hover, #6a3fff) !important
}
.hover\:\!text-brand-primary-normal:hover {
color: var(--sds-color-brand-primary-normal, #6128ff) !important
}
.hover\:\!text-brand-secondary-hover:hover {
color: var(--sds-color-brand-secondary-hover, #3a00b3) !important
}
.hover\:\!text-text-primary-1:hover {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96)) !important
}
.hover\:text-\[\#1890ff\]:hover {
--tw-text-opacity: 1;
color: rgb(24 144 255 / var(--tw-text-opacity, 1))
}
.hover\:text-\[--gpts-chat-primary-color\]:hover {
color: var(--gpts-chat-primary-color)
}
.hover\:text-\[--gpts-primary-content-text-color\]:hover {
color: var(--gpts-primary-content-text-color)
}
.hover\:text-\[--gpts-primary-text-color\]:hover {
color: var(--gpts-primary-text-color)
}
.hover\:text-\[red\]:hover {
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1))
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
.hover\:text-black-text1:hover {
color: var(--gpts-black-text-color1, rgba(0, 0, 0, .97))
}
.hover\:text-black-text2:hover {
color: var(--gpts-black-text-color2, rgba(0, 0, 0, .82))
}
.hover\:text-brand-primary-hover:hover {
color: var(--sds-color-brand-primary-hover, #6a3fff)
}
.hover\:text-brand-primary-normal:hover {
color: var(--sds-color-brand-primary-normal, #6128ff)
}
.hover\:text-brand-secondary-hover:hover {
color: var(--sds-color-brand-secondary-hover, #3a00b3)
}
.hover\:text-error-hover:hover {
color: var(--sds-color-error-hover, #ed6557)
}
.hover\:text-error-normal:hover {
color: var(--sds-color-error-normal, #e55649)
}
.hover\:text-error-secondary:hover {
color: var(--sds-color-error-secondary, #d23a2e)
}
.hover\:text-error-secondary-hover:hover {
color: var(--sds-color-error-secondary-hover, #790004)
}
.hover\:text-primary:hover {
color: var(--gpts-primary-color, #8a57ea)
}
.hover\:text-primary5:hover {
color: var(--gpts-primary-color5, #681dd7)
}
.hover\:text-primary7:hover {
color: var(--gpts-primary-color7, #3d136e)
}
.hover\:text-text-primary-1:hover {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.hover\:text-text-primary-2:hover {
color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.hover\:text-text-primary-3:hover {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.hover\:text-text-primary-4:hover {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.hover\:text-text-secondary-1:hover {
color: var(--sds-color-text-secondary-1, #ffffff)
}
.hover\:text-text-secondary-2:hover {
color: var(--sds-color-text-secondary-2, rgba(220, 223, 249, .92))
}
.hover\:text-violet-500:hover {
--tw-text-opacity: 1;
color: rgb(139 92 246 / var(--tw-text-opacity, 1))
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.hover\:underline:hover {
text-decoration-line: underline
}
.hover\:\!no-underline:hover {
text-decoration-line: none !important
}
.hover\:\!opacity-90:hover {
opacity: .9 !important
}
.hover\:opacity-100:hover {
opacity: 1
}
.hover\:opacity-80:hover {
opacity: .8
}
.hover\:opacity-90:hover {
opacity: .9
}
.hover\:backdrop-blur-\[10px\]:hover {
--tw-backdrop-blur: blur(10px);
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\:backdrop-blur-\[15px\]:hover {
--tw-backdrop-blur: blur(15px);
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\:delay-0:hover {
transition-delay: 0s
}
.hover\:\[--animatable-color-1\:--sds-color-brand-primary-focus\]:hover {
--animatable-color-1: var(--sds-color-brand-primary-focus)
}
.hover\:\[box-shadow\:--shadow-hover\]:hover {
box-shadow: var(--shadow-hover)
}
.focus\:pointer-events-auto:focus {
pointer-events: auto
}
.focus\:\!border-grey-line2-hover:focus {
border-color: var(--sds-color-grey-line2-hover, rgba(114, 118, 139, .32)) !important
}
.focus\:border-brand-primary-normal:focus {
border-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.focus\:bg-\[\#2021241f\]:focus {
background-color: #2021241f
}
.focus\:bg-grey-fill1-hover:focus {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.focus\:bg-transparent:focus {
background-color: transparent
}
.focus\:opacity-100:focus {
opacity: 1
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus\:\[box-shadow\:--shadow-focus\]:focus {
box-shadow: var(--shadow-focus)
}
.focus-visible\:bg-grey-fill1-hover:focus-visible {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.focus-visible\:text-text-primary-1:focus-visible {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.focus-visible\:outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus-visible\:outline:focus-visible {
outline-style: solid
}
.focus-visible\:outline-2:focus-visible {
outline-width: 2px
}
.focus-visible\:outline-offset-2:focus-visible {
outline-offset: 2px
}
.focus-visible\:outline-offset-4:focus-visible {
outline-offset: 4px
}
.focus-visible\:outline-advanced-fill-normal:focus-visible {
outline-color: var(--sds-color-advanced-fill-normal, #0c0d19)
}
.focus-visible\:outline-brand-primary-normal:focus-visible {
outline-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.focus-visible\:\[box-shadow\:0_0_0_3px_var\(--sds-color-focus-primary-1\)\]:focus-visible {
box-shadow: 0 0 0 3px var(--sds-color-focus-primary-1)
}
.active\:cursor-grabbing:active {
cursor: grabbing
}
.active\:\!border-grey-line2-click:active {
border-color: var(--sds-color-grey-line2-click, rgba(114, 118, 139, .4)) !important
}
.active\:\!bg-brand-primary-hover:active {
background-color: var(--sds-color-brand-primary-hover, #6a3fff) !important
}
.active\:\!bg-darken4:active {
background-color: var(--gpts-bg-darken4, rgba(0, 0, 0, .09)) !important
}
.active\:\!bg-error-click:active {
background-color: var(--sds-color-error-click, #e55749) !important
}
.active\:\!bg-grey-fill1-click:active {
background-color: var(--sds-color-grey-fill1-click, rgba(114, 118, 139, .16)) !important
}
.active\:\!bg-primary3:active {
background-color: var(--gpts-primary-color3, #7f50d7) !important
}
.active\:bg-advanced-fill-click:active {
background-color: var(--sds-color-advanced-fill-click, #000000)
}
.active\:bg-advanced-fill-hover:active {
background-color: var(--sds-color-advanced-fill-hover, #151622)
}
.active\:bg-assistive-blue-bg2:active {
background-color: var(--sds-color-assistive-blue-bg2, #0072f214)
}
.active\:bg-brand-primary-click:active {
background-color: var(--sds-color-brand-primary-click, #561bef)
}
.active\:bg-brand-primary-focus:active {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.active\:bg-darken3:active {
background-color: var(--gpts-bg-darken3, rgba(0, 0, 0, .06))
}
.active\:bg-darken4:active {
background-color: var(--gpts-bg-darken4, rgba(0, 0, 0, .09))
}
.active\:bg-error-bg:active {
background-color: var(--sds-color-error-bg, rgba(215, 65, 52, .08))
}
.active\:bg-error-focus:active {
background-color: var(--sds-color-error-focus, rgba(215, 65, 52, .16))
}
.active\:bg-grey-fill1-click:active {
background-color: var(--sds-color-grey-fill1-click, rgba(114, 118, 139, .16))
}
.active\:bg-grey-fill1-click2:active {
background-color: var(--sds-color-grey-fill1-click2, rgba(122, 89, 255, .16))
}
.active\:bg-grey-fill2-click:active {
background-color: var(--sds-color-grey-fill2-click, rgba(114, 118, 139, .2))
}
.active\:bg-grey-fill2-hover:active {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12))
}
.active\:bg-text-primary-1:active {
background-color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.active\:bg-transparent:active {
background-color: transparent
}
.active\:bg-warning-focus:active {
background-color: var(--sds-color-warning-focus, rgba(189, 92, 0, .16))
}
.active\:fill-\[\#141414\]:active {
fill: #141414
}
.active\:text-brand-primary-normal:active {
color: var(--sds-color-brand-primary-normal, #6128ff)
}
.active\:text-brand-secondary-click:active {
color: var(--sds-color-brand-secondary-click, #20006c)
}
.active\:text-error-click:active {
color: var(--sds-color-error-click, #e55749)
}
.active\:text-text-primary-1:active {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.active\:opacity-100:active {
opacity: 1
}
.active\:opacity-80:active {
opacity: .8
}
.active\:shadow-\[0_2px_20px_2px_\#00000012\,0_4px_32px_4px_\#0000000a\,0_10px_40px_8px_\#00000005\]:active {
--tw-shadow: 0 2px 20px 2px #00000012, 0 4px 32px 4px #0000000a, 0 10px 40px 8px #00000005;
--tw-shadow-colored: 0 2px 20px 2px var(--tw-shadow-color), 0 4px 32px 4px var(--tw-shadow-color), 0 10px 40px 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.active\:outline-none:active {
outline: 2px solid transparent;
outline-offset: 2px
}
.active\:\[box-shadow\:--shadow\]:active {
box-shadow: var(--shadow)
}
.enabled\:bg-error-normal:enabled {
background-color: var(--sds-color-error-normal, #e55649)
}
.enabled\:text-text-primary-1:enabled {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.enabled\:text-text-white-1:enabled {
color: var(--sds-color-text-white-1, #ffffff)
}
.enabled\:hover\:bg-advanced-fill-hover:hover:enabled {
background-color: var(--sds-color-advanced-fill-hover, #151622)
}
.enabled\:hover\:bg-error-hover:hover:enabled {
background-color: var(--sds-color-error-hover, #ed6557)
}
.enabled\:hover\:bg-grey-fill1-hover:hover:enabled {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.enabled\:hover\:bg-grey-fill2-hover:hover:enabled {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12))
}
.enabled\:active\:bg-error-click:active:enabled {
background-color: var(--sds-color-error-click, #e55749)
}
.disabled\:cursor-default:disabled {
cursor: default
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed
}
.disabled\:cursor-wait:disabled {
cursor: wait
}
.disabled\:\!bg-grey-fill2-normal:disabled {
background-color: var(--sds-color-grey-fill2-normal, rgba(114, 118, 139, .06)) !important
}
.disabled\:bg-grey-fill1-normal:disabled {
background-color: var(--sds-color-grey-fill1-normal, rgba(255, 255, 255, 0))
}
.disabled\:bg-transparent:disabled {
background-color: transparent
}
.disabled\:\!text-text-primary-5:disabled {
color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18)) !important
}
.disabled\:text-text-primary-5:disabled {
color: var(--sds-color-text-primary-5, rgba(10, 13, 51, .18))
}
.disabled\:opacity-40:disabled {
opacity: .4
}
.disabled\:opacity-50:disabled {
opacity: .5
}
.group:first-child .group-first\:pt-0 {
padding-top: 0
}
.group:last-child .group-last\:pb-0 {
padding-bottom: 0
}
.group:focus-within .group-focus-within\:visible {
visibility: visible
}
.group:focus-within .group-focus-within\:opacity-100 {
opacity: 1
}
.group\/claw-message:hover .group-hover\/claw-message\:pointer-events-auto,
.group:hover .group-hover\:pointer-events-auto {
pointer-events: auto
}
.group\/outer:hover .group-hover\/outer\:visible,
.group:hover .group-hover\:visible {
visibility: visible
}
.group\/control:hover .group-hover\/control\:bottom-\[calc\(100\%\+16px\)\] {
bottom: calc(100% + 16px)
}
.group:hover .group-hover\:block {
display: block
}
.group:hover .group-hover\:inline {
display: inline
}
.group\/thoughts:hover .group-hover\/thoughts\:flex,
.group:hover .group-hover\:flex {
display: flex
}
.group\/thoughts:hover .group-hover\/thoughts\:hidden,
.group:hover .group-hover\:hidden {
display: none
}
.group\/chapter:hover .group-hover\/chapter\:\!h-\[--progessbar-height__chapter\] {
height: var(--progessbar-height__chapter) !important
}
.group\/progress:hover .group-hover\/progress\:h-\[--progessbar-height__hover\] {
height: var(--progessbar-height__hover)
}
.group\/bar:hover .group-hover\/bar\:w-\[6px\],
.group\/icon:hover .group-hover\/icon\:w-\[6px\],
.group:hover .group-hover\:w-\[6px\] {
width: 6px
}
.group:hover .group-hover\:w-\[calc\(100\%-76px\)\] {
width: calc(100% - 76px)
}
.group\/collapse-arrow:hover .group-hover\/collapse-arrow\:translate-y-\[-2px\] {
--tw-translate-y: -2px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/collapse-arrow:hover .group-hover\/collapse-arrow\:translate-y-\[2px\] {
--tw-translate-y: 2px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/summarize:hover .group-hover\/summarize\:translate-x-\[12px\] {
--tw-translate-x: 12px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-\[0px\] {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-\[2px\] {
--tw-translate-x: 2px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-y-\[-22px\] {
--tw-translate-y: -22px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/summarize:hover .group-hover\/summarize\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:rotate-\[-5deg\] {
--tw-rotate: -5deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:rotate-\[5deg\] {
--tw-rotate: 5deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/summarize:hover .group-hover\/summarize\:scale-100,
.group\/toolbar:hover .group-hover\/toolbar\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-\[120\%\] {
--tw-scale-x: 120%;
--tw-scale-y: 120%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:cursor-pointer {
cursor: pointer
}
.group:hover .group-hover\:grid-cols-\[1fr\] {
grid-template-columns: 1fr
}
.group\/chapter:hover .group-hover\/chapter\:bg-darken6 {
background-color: var(--gpts-bg-darken6, rgba(0, 0, 0, .24))
}
.group\/chapter:hover .group-hover\/chapter\:bg-primary6 {
background-color: var(--gpts-primary-color6, #6d37be)
}
.group\/icon:hover .group-hover\/icon\:bg-primary5 {
background-color: var(--gpts-primary-color5, #681dd7)
}
.group:hover .group-hover\:bg-brand-primary-normal {
background-color: var(--sds-color-brand-primary-normal, #6128ff)
}
.group:hover .group-hover\:bg-grey-fill1-hover {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.group:hover .group-hover\:bg-grey-fill1-hover05 {
background-color: var(--sds-color-grey-fill1-hover05, rgba(114, 118, 139, .04))
}
.group:hover .group-hover\:bg-grey-fill1-hover2 {
background-color: var(--sds-color-grey-fill1-hover2, rgba(122, 89, 255, .08))
}
.group:hover .group-hover\:bg-grey-layer2-normal {
background-color: var(--sds-color-grey-layer2-normal, #ffffff)
}
.group\/nav:hover .group-hover\/nav\:text-text-primary-2 {
color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.group\/reisze-handler:hover .group-hover\/reisze-handler\:text-text-primary-4 {
color: var(--sds-color-text-primary-4, rgba(10, 13, 51, .45))
}
.group\/thoughts:hover .group-hover\/thoughts\:text-text-primary-3 {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.group:hover .group-hover\:text-\[--hover-color\] {
color: var(--hover-color)
}
.group:hover .group-hover\:text-brand-primary-hover {
color: var(--sds-color-brand-primary-hover, #6a3fff)
}
.group:hover .group-hover\:text-brand-secondary-normal {
color: var(--sds-color-brand-secondary-normal, #7450ff)
}
.group:hover .group-hover\:text-text-primary-2 {
color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.group:hover .group-hover\:text-text-primary-3 {
color: var(--sds-color-text-primary-3, rgba(10, 13, 51, .6))
}
.group:hover .group-hover\:underline {
text-decoration-line: underline
}
.group\/claw-message:hover .group-hover\/claw-message\:opacity-100,
.group\/control:hover .group-hover\/control\:opacity-100,
.group\/prompt-list-item:hover .group-hover\/prompt-list-item\:opacity-100,
.group\/quote-item:hover .group-hover\/quote-item\:opacity-100,
.group\/summarize:hover .group-hover\/summarize\:opacity-100,
.group\/toolbar:hover .group-hover\/toolbar\:opacity-100,
.group\/translate-result:hover .group-hover\/translate-result\:opacity-100,
.group\/tts-player:hover .group-hover\/tts-player\:opacity-100 {
opacity: 1
}
.group:hover .group-hover\:opacity-0 {
opacity: 0
}
.group:hover .group-hover\:opacity-100 {
opacity: 1
}
.group:hover .group-hover\:delay-0 {
transition-delay: 0s
}
.group:hover .group-hover\:delay-150 {
transition-delay: .15s
}
.group:hover .group-hover\:flex-center {
display: flex;
justify-content: center;
align-items: center
}
.group:hover .group-hover\:translate-inline-flow-\[2px\] {
--tw-translate-x: 2px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-inline-flow-\[2px\]:where([dir=rtl], [dir=rtl] *) {
--tw-translate-x: -2px
}
.group:hover .group-hover\:\[clip-path\:var\(--clip-path-hover\)\] {
clip-path: var(--clip-path-hover)
}
.group:hover .group-hover\:\[scale\:1\.2\] {
scale: 1.2
}
.group:focus-visible .group-focus-visible\:bg-text-primary-2 {
background-color: var(--sds-color-text-primary-2, rgba(6, 8, 31, .88))
}
.group:active .group-active\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:active .group-active\:opacity-\[\.12\] {
opacity: .12
}
.group.hover .group-\[\.hover\]\:opacity-100 {
opacity: 1
}
.peer:hover~.peer-hover\:hidden {
display: none
}
.has-\[li\:only-child\]\:list-none:has(li:only-child) {
list-style-type: none
}
.has-\[li\:only-child\]\:ps-0:has(li:only-child) {
padding-inline-start: 0
}
.group\/link-preview:has(>:hover) .group-has-\[\>\:hover\]\/link-preview\:opacity-100 {
opacity: 1
}
.data-\[show\]\:visible[data-show] {
visibility: visible
}
.data-\[side\=bottom\]\:top-\[-6px\][data-side=bottom] {
top: -6px
}
.data-\[side\=left\]\:right-\[-9px\][data-side=left] {
right: -9px
}
.data-\[side\=right\]\:left-\[-9px\][data-side=right] {
left: -9px
}
.data-\[side\=top\]\:bottom-\[-6px\][data-side=top] {
bottom: -6px
}
.data-\[anchor-hidden\]\:hidden[data-anchor-hidden] {
display: none
}
.data-\[popup-open\]\:rotate-180[data-popup-open] {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[side\=left\]\:rotate-90[data-side=left] {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[side\=right\]\:-rotate-90[data-side=right] {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[side\=top\]\:rotate-180[data-side=top] {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[disabled\]\:cursor-default[data-disabled] {
cursor: default
}
.data-\[disabled\]\:cursor-not-allowed[data-disabled] {
cursor: not-allowed
}
.data-\[checked\]\:justify-end[data-checked] {
justify-content: flex-end
}
.data-\[checked\]\:border-advanced-fill-normal[data-checked] {
border-color: var(--sds-color-advanced-fill-normal, #0c0d19)
}
.data-\[checked\]\:\!bg-brand-primary-focus[data-checked] {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16)) !important
}
.data-\[checked\]\:\!bg-grey-layer3-normal[data-checked] {
background-color: var(--sds-color-grey-layer3-normal, #ffffff) !important
}
.data-\[checked\]\:bg-advanced-fill-normal[data-checked] {
background-color: var(--sds-color-advanced-fill-normal, #0c0d19)
}
.data-\[highlighted\]\:bg-grey-fill1-hover[data-highlighted] {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.data-\[loaded\]\:bg-transparent[data-loaded] {
background-color: transparent
}
.data-\[popup-open\]\:bg-grey-fill1-hover[data-popup-open] {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.data-\[popup-open\]\:bg-grey-fill2-hover[data-popup-open] {
background-color: var(--sds-color-grey-fill2-hover, rgba(114, 118, 139, .12))
}
.data-\[pressed\]\:bg-brand-primary-bg[data-pressed] {
background-color: var(--sds-color-brand-primary-bg, rgba(122, 89, 255, .16))
}
.data-\[selected\]\:bg-brand-primary-focus[data-selected] {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.data-\[state\=open\]\:\!bg-transparent[data-state=open] {
background-color: transparent !important
}
.data-\[state\=open\]\:bg-\[--bg-color\][data-state=open] {
background-color: var(--bg-color)
}
.data-\[state\=open\]\:bg-grey-fill2-normal[data-state=open] {
background-color: var(--sds-color-grey-fill2-normal, rgba(114, 118, 139, .06))
}
.data-\[checked\]\:text-text-primary-1[data-checked] {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.data-\[enabled\=false\]\:text-\[\#FFFFFF59\][data-enabled=false] {
color: #ffffff59
}
.data-\[popup-open\]\:text-text-primary-1[data-popup-open] {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.data-\[pressed\]\:text-brand-secondary-normal[data-pressed] {
color: var(--sds-color-brand-secondary-normal, #7450ff)
}
.data-\[state\=open\]\:\!text-text-primary-1[data-state=open] {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96)) !important
}
.data-\[disabled\]\:opacity-50[data-disabled] {
opacity: .5
}
.data-\[show\]\:opacity-100[data-show] {
opacity: 1
}
.data-\[state\=open\]\:shadow-outline-focus[data-state=open] {
--tw-shadow: inset 0 0 0 1px var(--sds-color-brand-primary-normal), 0 0 0 3px var(--sds-color-focus-primary-1);
--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 0 0 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.data-\[invalid\=true\]\:\[box-shadow\:--shadow-error\][data-invalid=true] {
box-shadow: var(--shadow-error)
}
.data-\[checked\]\:\[box-shadow\:--shadow\][data-checked] {
box-shadow: var(--shadow)
}
.data-\[checked\]\:hover\:bg-advanced-fill-hover:hover[data-checked] {
background-color: var(--sds-color-advanced-fill-hover, #151622)
}
.data-\[pressed\]\:hover\:bg-brand-primary-focus:hover[data-pressed] {
background-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.hover\:data-\[enabled\=true\]\:\!bg-\[--hover-bg\][data-enabled=true]:hover {
background-color: var(--hover-bg) !important
}
.data-\[pressed\]\:active\:border-brand-primary-focus:active[data-pressed] {
border-color: var(--sds-color-brand-primary-focus, rgba(122, 89, 255, .16))
}
.data-\[checked\]\:active\:bg-advanced-fill-click:active[data-checked] {
background-color: var(--sds-color-advanced-fill-click, #000000)
}
.group[data-popup-open] .group-data-\[popup-open\]\:flex {
display: flex
}
.group[data-popup-open] .group-data-\[popup-open\]\:hidden {
display: none
}
.group[data-popup-open] .group-data-\[popup-open\]\:rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-state=open] .group-data-\[state\=open\]\:grid-cols-\[1fr\] {
grid-template-columns: 1fr
}
.group[data-highlighted] .group-data-\[highlighted\]\:bg-grey-fill1-hover {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.group[data-state=open] .group-data-\[state\=open\]\:bg-\[--bg-color-hover\] {
background-color: var(--bg-color-hover)
}
.group[data-state=open] .group-data-\[state\=open\]\:bg-grey-fill1-hover {
background-color: var(--sds-color-grey-fill1-hover, rgba(114, 118, 139, .08))
}
.scrollbar\:hidden::-webkit-scrollbar {
display: none
}
.scrollbar\:size-0::-webkit-scrollbar {
width: 0;
height: 0
}
.scrollbar\:w-\[4px\]::-webkit-scrollbar {
width: 4px
}
.hover-active\:bg-\[\#2021240f\]:hover {
background-color: #2021240f
}
.hover-active\:text-text-primary-1:hover {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.hover-active\:bg-\[\#2021240f\]:active {
background-color: #2021240f
}
.hover-active\:text-text-primary-1:active {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.ui-closed\:opacity-0[data-starting-style],
.ui-closed\:opacity-0[data-ending-style] {
opacity: 0
}
.not-focus-visible\:outline-none:not(:focus-visible) {
outline: 2px solid transparent;
outline-offset: 2px
}
@container (width < 500px) {
.\@\[\<500px\]\:ui-closed\:translate-y-full[data-starting-style],
.\@\[\<500px\]\:ui-closed\:translate-y-full[data-ending-style] {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
}
@container (width < 752px) {
.\@\[\<752px\]\:ui-closed\:translate-y-full[data-starting-style],
.\@\[\<752px\]\:ui-closed\:translate-y-full[data-ending-style] {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
}
@container (width <=340px) {
.\@\[\<\=340px\]\:hidden {
display: none
}
}
@container (width <=360px) {
.\@\[\<\=360px\]\:hidden {
display: none
}
}
@container (width >=480px) {
.\@\[\>\=480px\]\:items-center {
align-items: center
}
.\@\[\>\=480px\]\:justify-center {
justify-content: center
}
}
@container (width >=500px) {
.\@\[\>\=500px\]\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.\@\[\>\=500px\]\:justify-self-center {
justify-self: center
}
.\@\[\>\=500px\]\:rounded-b-xl {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px
}
.\@\[\>\=500px\]\:self-center {
align-self: center
}
.\@\[\>\=500px\]\:ui-closed\:opacity-0[data-starting-style],
.\@\[\>\=500px\]\:ui-closed\:opacity-0[data-ending-style] {
opacity: 0
}
}
@container (width >=720px) {
.\@\[\>\=720px\]\:text-base {
font-size: 16px
}
}
@container (width >=752px) {
.\@\[\>\=752px\]\:me-3 {
margin-inline-end: 12px
}
.\@\[\>\=752px\]\:ms-\[240px\] {
margin-inline-start: 240px
}
.\@\[\>\=752px\]\:rounded-b-xl {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px
}
.\@\[\>\=752px\]\:self-center {
align-self: center
}
.\@\[\>\=752px\]\:ui-closed\:opacity-0[data-starting-style],
.\@\[\>\=752px\]\:ui-closed\:opacity-0[data-ending-style] {
opacity: 0
}
}
@supports (scrollbar-gutter: stable) {
.supports-scrollbar-gutter\:inset-x-\[4px\] {
left: 4px;
right: 4px
}
.supports-scrollbar-gutter\:px-\[12px\] {
padding-left: 12px;
padding-right: 12px
}
.supports-scrollbar-gutter\:px-\[20px\] {
padding-left: 20px;
padding-right: 20px
}
.supports-scrollbar-gutter\:px-\[4px\] {
padding-left: 4px;
padding-right: 4px
}
}
@media(prefers-reduced-motion:reduce) {
.motion-reduce\:transition-none {
transition-property: none
}
}
@media(max-width:650px) {
.max-\[650px\]\:hidden {
display: none
}
.max-\[650px\]\:px-3 {
padding-left: 12px;
padding-right: 12px
}
}
@media not all and (min-width:640px) {
.max-sm\:min-w-\[90vw\] {
min-width: 90vw
}
}
@media(max-width:400px) {
.max-\[400px\]\:px-0 {
padding-left: 0;
padding-right: 0
}
}
@media(min-width:500px) {
.min-\[500px\]\:block {
display: block
}
.min-\[500px\]\:w-full {
width: 100%
}
.min-\[500px\]\:max-w-\[calc\(100\%-26px\)\] {
max-width: calc(100% - 26px)
}
.min-\[500px\]\:max-w-\[calc\(50\%-28px\)\] {
max-width: calc(50% - 28px)
}
.min-\[500px\]\:flex-\[2_1_0\%\] {
flex: 2 1 0%
}
.min-\[500px\]\:rounded-lg {
border-radius: 8px
}
.min-\[500px\]\:pl-\[2px\] {
padding-left: 2px
}
.min-\[500px\]\:pr-1 {
padding-right: 4px
}
}
@media(min-width:600px) {
.min-\[600px\]\:max-h-\[28vw\] {
max-height: 28vw
}
}
@media(min-width:640px) {
.sm\:max-w-\[720px\] {
max-width: 720px
}
}
@media(min-width:765px) {
.min-\[765px\]\:max-h-\[30vw\] {
max-height: 30vw
}
}
@media(min-width:1015px) {
.min-\[1015px\]\:hidden {
display: none
}
.min-\[1015px\]\:max-h-\[20vw\] {
max-height: 20vw
}
.min-\[1015px\]\:text-\[1\.6vw\] {
font-size: 1.6vw
}
}
@media(min-width:1450px) {
.min-\[1450px\]\:max-h-\[300px\] {
max-height: 300px
}
}
@media(min-width:1935px) {
.min-\[1935px\]\:text-\[28px\] {
font-size: 28px
}
}
.ltr\:left-1:where([dir=ltr], [dir=ltr] *) {
left: 4px
}
.rtl\:right-1:where([dir=rtl], [dir=rtl] *) {
right: 4px
}
.rtl\:order-first:where([dir=rtl], [dir=rtl] *) {
order: -9999
}
.rtl\:order-last:where([dir=rtl], [dir=rtl] *) {
order: 9999
}
.rtl\:-rotate-135:where([dir=rtl], [dir=rtl] *) {
--tw-rotate: -135deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:rotate-0:where([dir=rtl], [dir=rtl] *) {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:rotate-90:where([dir=rtl], [dir=rtl] *) {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:flex-row:where([dir=rtl], [dir=rtl] *) {
flex-direction: row
}
.rtl\:flex-row-reverse:where([dir=rtl], [dir=rtl] *) {
flex-direction: row-reverse
}
[data-gpts-theme=dark] .dark\:bg-glass-fill1-hover {
background-color: var(--sds-color-glass-fill1-hover, rgba(114, 118, 139, .4))
}
[data-gpts-theme=dark] .dark\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
[data-gpts-theme=dark] .dark\:bg-\[linear-gradient\(92deg\,\#6399FF_1\.46\%\,\#7F60FF_103\.63\%\)\] {
background-image: linear-gradient(92deg, #6399ff 1.46%, #7f60ff 103.63%)
}
[data-gpts-theme=dark] .dark\:bg-\[linear-gradient\(92deg\,\#9E8AFF_1\.46\%\,\#7F60FF_1\.46\%\,\#7F60FF_103\.63\%\)\] {
background-image: linear-gradient(92deg, #9e8aff 1.46%, #7f60ff 1.46% 103.63%)
}
[data-gpts-theme=dark] .dark\:bg-\[linear-gradient\(94deg\,\#71CCA6_2\.92\%\,\#56C498_100\%\)\] {
background-image: linear-gradient(94deg, #71cca6 2.92%, #56c498)
}
[data-gpts-theme=dark] .dark\:bg-\[linear-gradient\(94deg\,\#937DFF_2\.92\%\,\#896FFF_100\%\)\] {
background-image: linear-gradient(94deg, #937dff 2.92%, #896fff)
}
[data-gpts-theme=dark] .dark\:bg-\[linear-gradient\(94deg\,\#9E8AFF_2\.92\%\,\#7F60FF_100\%\)\] {
background-image: linear-gradient(94deg, #9e8aff 2.92%, #7f60ff)
}
[data-gpts-theme=dark] .dark\:bg-\[linear-gradient\(95deg\,\#FFCB29_0\%\,\#FF41B1_49\.11\%\,\#FF9286_98\.65\%\)\] {
background-image: linear-gradient(95deg, #ffcb29, #ff41b1 49.11%, #ff9286 98.65%)
}
[data-gpts-theme=dark] .dark\:hover\:bg-white\/90:hover {
background-color: #ffffffe6
}
[data-gpts-theme=dark] .dark\:active\:bg-white\/80:active {
background-color: #fffc
}
:host([data-gpts-theme=dark]) .dark\:bg-glass-fill1-hover {
background-color: var(--sds-color-glass-fill1-hover, rgba(114, 118, 139, .4))
}
:host([data-gpts-theme=dark]) .dark\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
:host([data-gpts-theme=dark]) .dark\:bg-\[linear-gradient\(92deg\,\#6399FF_1\.46\%\,\#7F60FF_103\.63\%\)\] {
background-image: linear-gradient(92deg, #6399ff 1.46%, #7f60ff 103.63%)
}
:host([data-gpts-theme=dark]) .dark\:bg-\[linear-gradient\(92deg\,\#9E8AFF_1\.46\%\,\#7F60FF_1\.46\%\,\#7F60FF_103\.63\%\)\] {
background-image: linear-gradient(92deg, #9e8aff 1.46%, #7f60ff 1.46% 103.63%)
}
:host([data-gpts-theme=dark]) .dark\:bg-\[linear-gradient\(94deg\,\#71CCA6_2\.92\%\,\#56C498_100\%\)\] {
background-image: linear-gradient(94deg, #71cca6 2.92%, #56c498)
}
:host([data-gpts-theme=dark]) .dark\:bg-\[linear-gradient\(94deg\,\#937DFF_2\.92\%\,\#896FFF_100\%\)\] {
background-image: linear-gradient(94deg, #937dff 2.92%, #896fff)
}
:host([data-gpts-theme=dark]) .dark\:bg-\[linear-gradient\(94deg\,\#9E8AFF_2\.92\%\,\#7F60FF_100\%\)\] {
background-image: linear-gradient(94deg, #9e8aff 2.92%, #7f60ff)
}
:host([data-gpts-theme=dark]) .dark\:bg-\[linear-gradient\(95deg\,\#FFCB29_0\%\,\#FF41B1_49\.11\%\,\#FF9286_98\.65\%\)\] {
background-image: linear-gradient(95deg, #ffcb29, #ff41b1 49.11%, #ff9286 98.65%)
}
:host([data-gpts-theme=dark]) .dark\:hover\:bg-white\/90:hover {
background-color: #ffffffe6
}
:host([data-gpts-theme=dark]) .dark\:active\:bg-white\/80:active {
background-color: #fffc
}
.\[\&\.ant-popover-open\]\:bg-grey-fill1-click.ant-popover-open {
background-color: var(--sds-color-grey-fill1-click, rgba(114, 118, 139, .16))
}
.\[\&\.ant-popover-open\]\:text-text-primary-1.ant-popover-open {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.\[\&\.ant-popover-open\]\:flex-center.ant-popover-open {
display: flex;
justify-content: center;
align-items: center
}
.\[\&\>\*\]\:pointer-events-auto>* {
pointer-events: auto
}
.\[\&\>div\>\.ant-popover-inner\]\:bg-\[--sds-color-grey-layer2-normal\]>div>.ant-popover-inner {
background-color: var(--sds-color-grey-layer2-normal)
}
.\[\&\>div\]\:\!w-full>div {
width: 100% !important
}
.\[\&\>span\:last-child\]\:min-w-0>span:last-child {
min-width: 0
}
.\[\&\>span\:last-child\]\:flex-1>span:last-child {
flex: 1 1 0%
}
.\[\&\>svg\]\:size-\[inherit\]>svg {
width: inherit;
height: inherit
}
.\[\&_\*\]\:box-border * {
box-sizing: border-box
}
.\[\&_\.ant-app\]\:h-full .ant-app {
height: 100%
}
.\[\&_\.ant-dropdown-menu-item-group-list\]\:\!m-0 .ant-dropdown-menu-item-group-list {
margin: 0 !important
}
.\[\&_\.ant-input-clear-icon\]\:text-sm .ant-input-clear-icon {
font-size: 14px
}
.\[\&_\.ant-menu-item-divider\]\:mx-3 .ant-menu-item-divider {
margin-left: 12px;
margin-right: 12px
}
.\[\&_\.ant-menu-item-divider\]\:my-5 .ant-menu-item-divider {
margin-top: 20px;
margin-bottom: 20px
}
.\[\&_\.ant-menu-item-divider\]\:h-px .ant-menu-item-divider {
height: 1px
}
.\[\&_\.ant-menu-item-divider\]\:border-none .ant-menu-item-divider {
border-style: none
}
.\[\&_\.ant-menu-item-divider\]\:bg-grey-line2-normal .ant-menu-item-divider {
background-color: var(--sds-color-grey-line2-normal, rgba(114, 118, 139, .16))
}
.\[\&_\.ant-menu-item-selected\]\:\!text-brand-secondary-normal .ant-menu-item-selected {
color: var(--sds-color-brand-secondary-normal, #7450ff) !important
}
.\[\&_\.ant-menu-item\]\:flex .ant-menu-item {
display: flex
}
.\[\&_\.ant-menu-item\]\:h-auto .ant-menu-item {
height: auto
}
.\[\&_\.ant-menu-item\]\:items-center .ant-menu-item {
align-items: center
}
.\[\&_\.ant-menu-item\]\:py-2 .ant-menu-item {
padding-top: 8px;
padding-bottom: 8px
}
.\[\&_\.ant-menu-title-content\]\:w-full .ant-menu-title-content {
width: 100%
}
.\[\&_\.ant-menu-title-content\]\:whitespace-pre-wrap .ant-menu-title-content {
white-space: pre-wrap
}
.\[\&_\.ant-menu-title-content\]\:break-words .ant-menu-title-content {
overflow-wrap: break-word
}
.\[\&_\.ant-menu-title-content\]\:leading-6 .ant-menu-title-content {
line-height: 24px
}
.\[\&_\.ant-message-notice-content\]\:\!mx-\[20px\] .ant-message-notice-content {
margin-left: 20px !important;
margin-right: 20px !important
}
.\[\&_\.ant-message-notice-content\]\:\!rounded-3xl .ant-message-notice-content {
border-radius: 24px !important
}
.\[\&_\.ant-message-notice-content\]\:\!rounded-\[20px\] .ant-message-notice-content {
border-radius: 20px !important
}
.\[\&_\.ant-message-notice-content\]\:\!rounded-\[24px\] .ant-message-notice-content {
border-radius: 24px !important
}
.\[\&_\.ant-message-notice-content\]\:\!rounded-full .ant-message-notice-content {
border-radius: 9999px !important
}
.\[\&_\.ant-message-notice-content\]\:\!rounded-lg .ant-message-notice-content {
border-radius: 8px !important
}
.\[\&_\.ant-message-notice-content\]\:\!border .ant-message-notice-content {
border-width: 1px !important
}
.\[\&_\.ant-message-notice-content\]\:\!border-solid .ant-message-notice-content {
border-style: solid !important
}
.\[\&_\.ant-message-notice-content\]\:\!border-grey-line2-normal .ant-message-notice-content {
border-color: var(--sds-color-grey-line2-normal, rgba(114, 118, 139, .16)) !important
}
.\[\&_\.ant-message-notice-content\]\:\!bg-grey-layer3-normal .ant-message-notice-content {
background-color: var(--sds-color-grey-layer3-normal, #ffffff) !important
}
.\[\&_\.ant-message-notice-content\]\:\!px-3 .ant-message-notice-content {
padding-left: 12px !important;
padding-right: 12px !important
}
.\[\&_\.ant-message-notice-content\]\:\!px-6 .ant-message-notice-content {
padding-left: 24px !important;
padding-right: 24px !important
}
.\[\&_\.ant-message-notice-content\]\:\!py-3 .ant-message-notice-content {
padding-top: 12px !important;
padding-bottom: 12px !important
}
.\[\&_\.ant-message-notice-content\]\:\!py-\[10px\] .ant-message-notice-content {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.\[\&_\.ant-message-notice-content\]\:\!pe-4 .ant-message-notice-content {
padding-inline-end: 16px !important
}
.\[\&_\.ant-message-notice-content\]\:\!pe-5 .ant-message-notice-content {
padding-inline-end: 20px !important
}
.\[\&_\.ant-message-notice-content\]\:\!ps-4 .ant-message-notice-content {
padding-inline-start: 16px !important
}
.\[\&_\.ant-message-notice-content\]\:\!shadow-black-middle .ant-message-notice-content {
--tw-shadow: 0 0 0 1px #ffffff1f, 0 4px 16px 0 var(--sds-color-shadow-overflow-8), 0 2px 8px -4px var(--sds-color-shadow-overflow-12), 0 8px 32px 8px var(--sds-color-shadow-overflow-4) !important;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px -4px var(--tw-shadow-color), 0 8px 32px 8px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.\[\&_\.ant-message-notice-content\]\:\!\[background\:linear-gradient\(0deg\,var\(--sds-color-success-bg\)_0\%\,var\(--sds-color-success-bg\)_100\%\)\,var\(--sds-color-grey-layer3-normal\)\] .ant-message-notice-content {
background: linear-gradient(0deg, var(--sds-color-success-bg) 0%, var(--sds-color-success-bg) 100%), var(--sds-color-grey-layer3-normal) !important
}
.\[\&_\.ant-modal-close\]\:\!end-2 .ant-modal-close {
inset-inline-end: 8px !important
}
.\[\&_\.ant-modal-close\]\:\!end-4 .ant-modal-close {
inset-inline-end: 16px !important
}
.\[\&_\.ant-modal-close\]\:\!top-2 .ant-modal-close {
top: 8px !important
}
.\[\&_\.ant-modal-close\]\:\!top-4 .ant-modal-close {
top: 16px !important
}
.\[\&_\.ant-modal-content\]\:\!rounded-2xl .ant-modal-content {
border-radius: 16px !important
}
.\[\&_\.ant-modal-content\]\:\!p-0 .ant-modal-content {
padding: 0 !important
}
.\[\&_\.ant-modal-content\]\:p-\[16px_20px\] .ant-modal-content {
padding: 16px 20px
}
.\[\&_\.ant-notification-notice-close\]\:\!end-2 .ant-notification-notice-close {
inset-inline-end: 8px !important
}
.\[\&_\.ant-notification-notice-close\]\:\!top-2 .ant-notification-notice-close {
top: 8px !important
}
.\[\&_\.ant-notification-notice-close\]\:\!bg-transparent .ant-notification-notice-close {
background-color: transparent !important
}
.\[\&_\.ant-notification-notice-description\]\:\!ms-\[30px\] .ant-notification-notice-description,
.\[\&_\.ant-notification-notice-message\]\:\!ms-\[30px\] .ant-notification-notice-message {
margin-inline-start: 30px !important
}
.\[\&_\.ant-popover-arrow\:\:before\]\:\[background\:linear-gradient\(var\(--sds-color-success-bg\)\,var\(--sds-color-success-bg\)\)\,var\(--sds-color-grey-layer3-normal\)\] .ant-popover-arrow:before {
background: linear-gradient(var(--sds-color-success-bg), var(--sds-color-success-bg)), var(--sds-color-grey-layer3-normal)
}
.\[\&_\.ant-popover-inner\]\:\!rounded-2xl .ant-popover-inner {
border-radius: 16px !important
}
.\[\&_\.ant-popover-inner\]\:rounded-xl .ant-popover-inner {
border-radius: 12px
}
.\[\&_\.ant-popover-inner\]\:\!bg-grey-layer3-normal .ant-popover-inner {
background-color: var(--sds-color-grey-layer3-normal, #ffffff) !important
}
.\[\&_\.ant-popover-inner\]\:bg-\[rgba\(41\,41\,41\,0\.92\)\] .ant-popover-inner {
background-color: #292929eb
}
.\[\&_\.ant-popover-inner\]\:\!p-0 .ant-popover-inner {
padding: 0 !important
}
.\[\&_\.ant-popover-inner\]\:\!p-2 .ant-popover-inner {
padding: 8px !important
}
.\[\&_\.ant-popover-inner\]\:p-0 .ant-popover-inner {
padding: 0
}
.\[\&_\.ant-popover-inner\]\:\!shadow-black-middle .ant-popover-inner {
--tw-shadow: 0 0 0 1px #ffffff1f, 0 4px 16px 0 var(--sds-color-shadow-overflow-8), 0 2px 8px -4px var(--sds-color-shadow-overflow-12), 0 8px 32px 8px var(--sds-color-shadow-overflow-4) !important;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px -4px var(--tw-shadow-color), 0 8px 32px 8px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.\[\&_\.ant-popover-inner\]\:\[background\:linear-gradient\(var\(--sds-color-success-bg\)\,var\(--sds-color-success-bg\)\)\,var\(--sds-color-grey-layer3-normal\)\] .ant-popover-inner {
background: linear-gradient(var(--sds-color-success-bg), var(--sds-color-success-bg)), var(--sds-color-grey-layer3-normal)
}
.\[\&_\.ant-radio-inner\]\:size-3\.5 .ant-radio-inner {
width: 14px;
height: 14px
}
.\[\&_\.ant-radio-wrapper\]\:m-0 .ant-radio-wrapper {
margin: 0
}
.\[\&_\.ant-radio-wrapper\]\:leading-5 .ant-radio-wrapper {
line-height: 20px
}
.\[\&_\.ant-radio-wrapper\]\:text-text-primary-1 .ant-radio-wrapper {
color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96))
}
.\[\&_\.ant-tooltip-arrow\:\:before\]\:\!bg-text-primary-1 .ant-tooltip-arrow:before {
background-color: var(--sds-color-text-primary-1, rgba(0, 0, 0, .96)) !important
}
.\[\&_\.ant-wave\]\:hidden .ant-wave {
display: none
}
.\[\&_\.error-action-btn\]\:\!h-8 .error-action-btn {
height: 32px !important
}
.\[\&_\.error-action-btn\]\:\!w-full .error-action-btn {
width: 100% !important
}
.\[\&_\.error-action-btn\]\:\!rounded-full .error-action-btn {
border-radius: 9999px !important
}
.\[\&_\.error-msg-actions\>div\]\:flex-1 .error-msg-actions>div {
flex: 1 1 0%
}
.\[\&_\.error-msg-actions\]\:mt-6 .error-msg-actions {
margin-top: 24px
}
.\[\&_\.error-msg-actions\]\:w-full .error-msg-actions {
width: 100%
}
.\[\&_\.error-msg-actions\]\:flex-row-reverse .error-msg-actions {
flex-direction: row-reverse
}
.\[\&_\.error-msg-actions_\.error-action-btn\]\:h-8 .error-msg-actions .error-action-btn {
height: 32px
}
.\[\&_\.error-msg-actions_\.error-action-btn\]\:px-0 .error-msg-actions .error-action-btn {
padding-left: 0;
padding-right: 0
}
.\[\&_li\]\:px-\[9px\] li {
padding-left: 9px;
padding-right: 9px
}
.\[\&_li\]\:py-1\.5 li {
padding-top: 6px;
padding-bottom: 6px
}
.\[\&_path\]\:fill-current path {
fill: currentColor
}
.\[\&_path\]\:\[fill-opacity\:1\] path {
fill-opacity: 1
}
.\[\&_span\]\:font-extrabold span {
font-weight: 800
}
.\[\&_ul\]\:m-0 ul {
margin: 0
}
@media(max-height:560px) {
.\[\@media\(max-height\:560px\)\]\:max-h-\[146px\] {
max-height: 146px
}
.\[\@media\(max-height\:560px\)\]\:max-h-\[181px\] {
max-height: 181px
}
}
html,
:host,
div[data-gpts-theme=light] {
--gpts-font-family: "D-DINExp", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--gpts-primary-text-color: var(--gpts-black-text-color1);
--gpts-primary-content-text-color: rgba(var(--gpts-fg-rgb), .75);
--gpts-secondary-text-color: var(--gpts-black-text-color3);
--gpts-third-text-color: rgba(var(--gpts-fg-rgb), .35);
--gpts-option-card-bg-color: white;
--gpts-border-radius-lg: 12px;
--gpts-border-radius: 8px;
--gpts-chat-input-active-border-color: rgba(0, 0, 0, .24);
--gpts-sidebar-bg-color: var(--gpts-bg-color1);
--gpts-sidebar-shadow: 0 10px 30px rgba(0, 0, 0, .2);
--gpts-sidebar-border-color: #ececec;
--gpts-sidebar-model-btn-bg-color: #f7f7f7;
--gpts-sidebar-model-btn-color: rgba(var(--gpts-fg-rgb), .85);
--gpts-sidebar-model-btn-hover-bg-color: #ededed;
--gpts-sidebar-image-action-btn-bg-color: #f5f5f5;
--gpts-sidebar-modal-btn-bg-color: #ebecef;
--gpts-message-divider-bg-color: rgba(0, 0, 0, .04);
--gpts-new-five-star-bg-color: #f0f1f5;
--gpts-chat-ai-bubble-bg-color: var(--gpts-bg-color2);
--gpts-chat-primary-color: #8a57ea;
--gpts-chat-error-color: #e65a5a;
--gpts-dropdown-item-hover-bg-color: rgba(0, 0, 0, .04);
--gpts-dropdown-item-selected-color: #e6f4ff;
--gpts-dropdown-item-selected-hover-bg-color: #bae0ff;
--gpts-chatgpt-msg-block-bg-color: #eae6e6;
--gpts-chatgpt-msg-block-running-bg-color: rgb(220, 252, 231);
--gpts-chatgpt-msg-block-hover-bg-color: #e7e7e9;
--gpts-quote-bg-color: rgba(25, 25, 26, .04);
--gpts-fg-rgb: 0, 0, 0;
--gpts-bg-rgb: 255, 255, 255;
--gpts-switchbar-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .15);
--gpts-chatgpt-tool-spin-bg-color: #ece9ec;
--gpts-bg-darken1: rgba(0, 0, 0, .015);
--gpts-bg-darken2: rgba(0, 0, 0, .03);
--gpts-bg-darken3: rgba(0, 0, 0, .06);
--gpts-bg-darken4: rgba(0, 0, 0, .09);
--gpts-bg-darken5: rgba(0, 0, 0, .12);
--gpts-bg-darken6: rgba(0, 0, 0, .24);
--gpts-bg-darken7: #f7f7f7;
--gpts-primary-color: #8a57ea;
--gpts-primary-color2: #9364ec;
--gpts-primary-color3: #7f50d7;
--gpts-primary-color4: #ece4fc;
--gpts-primary-color5: #681dd7;
--gpts-primary-color6: #6d37be;
--gpts-primary-color7: #3d136e;
--gpts-bg-color1: #ffffff;
--gpts-bg-color2: #f7f7f7;
--gpts-bg-color3: #ffffff;
--gpts-bg-color4: rgba(255, 255, 255, .8);
--gpts-bg-color5: #f0f0f0;
--gpts-black-text-color1: rgba(0, 0, 0, .97);
--gpts-black-text-color2: rgba(0, 0, 0, .82);
--gpts-black-text-color3: rgba(0, 0, 0, .4);
--gpts-black-text-color4: rgba(0, 0, 0, .15);
--gpts-black-text-color5: rgba(0, 0, 0, .67);
--gpts-white-text-color1: rgba(255, 255, 255);
--gpts-white-text-color2: rgba(255, 255, 255, .94);
--gpts-white-text-color3: rgba(255, 255, 255, .48);
--gpts-white-text-color4: rgba(255, 255, 255, .15);
--gpts-error-bg-color: rgba(230, 90, 90, .06);
--gpts-error-bg-color2: rgba(230, 90, 90, .12);
--gpts-error-text-color: #e65a5a;
--gpts-warn-bg-color: rgba(237, 125, 43, .06);
--gpts-warn-bg-color2: rgba(255, 140, 56, .12);
--gpts-toast-bg-color1: #000000b8;
--gpts-theme-light: initial;
--gpts-theme-dark: ;
--darkreader-bg--gpts-theme-dark: ;
--darkreader-text--gpts-theme-dark: ;
--darkreader-border--gpts-theme-dark:
}
html[data-gpts-theme=dark],
:host([data-gpts-theme=dark]),
.gpt-dark.gpt-dark {
--gpts-primary-text-color: var(--gpts-black-text-color1);
--gpts-primary-content-text-color: rgba(var(--gpts-fg-rgb), .75);
--gpts-secondary-text-color: rgba(var(--gpts-fg-rgb), .45);
--gpts-third-text-color: rgba(var(--gpts-fg-rgb), .25);
--gpts-option-card-bg-color: #141414;
--gpts-chat-input-active-border-color: rgba(255, 255, 255, .24);
--gpts-sidebar-bg-color: var(--gpts-bg-color1);
--gpts-sidebar-shadow: 0 0 0 1px #303030;
--gpts-sidebar-border-color: #303030;
--gpts-sidebar-model-btn-bg-color: #303030;
--gpts-sidebar-model-btn-color: rgba(var(--gpts-fg-rgb), .45);
--gpts-sidebar-model-btn-hover-bg-color: #353535;
--gpts-sidebar-image-action-btn-bg-color: #2f2f33;
--gpts-sidebar-modal-btn-bg-color: #141414;
--gpts-message-divider-bg-color: #2b2b2e;
--gpts-new-five-star-bg-color: rgba(240, 245, 255, .09);
--gpts-chat-ai-bubble-bg-color: #303034;
--gpts-chat-primary-color: #784dca;
--gpts-chat-error-color: #f44336;
--gpts-dropdown-item-hover-bg-color: rgba(255, 255, 255, .08);
--gpts-dropdown-item-selected-color: #1c1729;
--gpts-dropdown-item-selected-hover-bg-color: #291f40;
--gpts-chatgpt-msg-block-bg-color: rgba(0, 0, 0, .45);
--gpts-chatgpt-msg-block-running-bg-color: rgba(220, 252, 231, .2);
--gpts-chatgpt-msg-block-hover-bg-color: black;
--gpts-quote-bg-color: rgba(245, 245, 255, .09);
--gpts-fg-rgb: 255, 255, 255;
--gpts-bg-rgb: 0, 0, 0;
--gpts-switchbar-shadow: var(--gpts-sidebar-shadow);
--gpts-chatgpt-tool-spin-bg-color: #383636;
--gpts-bg-darken1: rgba(255, 255, 255, .03);
--gpts-bg-darken2: rgba(255, 255, 255, .06);
--gpts-bg-darken3: rgba(255, 255, 255, .12);
--gpts-bg-darken4: rgba(255, 255, 255, .18);
--gpts-bg-darken5: rgba(255, 255, 255, .24);
--gpts-bg-darken6: rgba(255, 255, 255, .48);
--gpts-bg-darken7: #2e2e2e;
--gpts-primary-color: #692ade;
--gpts-primary-color2: #7941f2;
--gpts-primary-color3: #5b16c9;
--gpts-primary-color4: #453c6b;
--gpts-primary-color5: #9466ff;
--gpts-primary-color6: #b499ff;
--gpts-primary-color7: #d8ccff;
--gpts-bg-color1: #1f1f1f;
--gpts-bg-color2: #0f0f0f;
--gpts-bg-color3: #2e2e2e;
--gpts-bg-color4: rgba(31, 31, 31, .8);
--gpts-bg-color5: #0f0f0f;
--gpts-black-text-color1: rgba(255, 255, 255);
--gpts-black-text-color2: rgba(255, 255, 255, .94);
--gpts-black-text-color3: rgba(255, 255, 255, .48);
--gpts-black-text-color4: rgba(255, 255, 255, .15);
--gpts-black-text-color5: rgba(255, 255, 255, .82);
--gpts-white-text-color1: rgba(255, 255, 255);
--gpts-white-text-color2: rgba(255, 255, 255, .94);
--gpts-white-text-color3: rgba(255, 255, 255, .48);
--gpts-white-text-color4: rgba(255, 255, 255, .15);
--gpts-error-bg-color: rgba(240, 84, 84, .06);
--gpts-error-bg-color2: rgba(230, 90, 90, .24);
--gpts-error-text-color: #f05454;
--gpts-warn-bg-color: rgba(247, 125, 35, .06);
--gpts-warn-bg-color2: rgba(255, 140, 56, .24);
--gpts-toast-bg-color1: #525252b8;
--gpts-theme-light: ;
--gpts-theme-dark: initial;
--darkreader-bg--gpts-theme-light: ;
--darkreader-text--gpts-theme-light: ;
--darkreader-border--gpts-theme-light:
}
html[data-gpts-theme=dark],
:host([data-gpts-theme=dark]),
.gpt-dark.gpt-dark,
html,
:host,
div[data-gpts-theme=light],
.gpt-light.gpt-light {
--sds-color-brand-primary-normal: var(--sds-light, #6128ff) var(--sds-dark, #7f60ff);
--sds-color-brand-primary-hover: var(--sds-light, #6a3fff) var(--sds-dark, #937dff);
--sds-color-brand-primary-click: var(--sds-light, #561bef) var(--sds-dark, #896fff);
--sds-color-brand-primary-disable: var(--sds-light, rgba(122, 89, 255, .24)) var(--sds-dark, rgba(122, 89, 255, .48));
--sds-color-brand-primary-focus: var(--sds-light, rgba(122, 89, 255, .16)) var(--sds-dark, rgba(122, 89, 255, .32));
--sds-color-brand-primary-bg: var(--sds-light, rgba(122, 89, 255, .08)) var(--sds-dark, rgba(122, 89, 255, .16));
--sds-color-brand-primary-bg2: var(--sds-light, rgba(122, 89, 255, .32)) var(--sds-dark, rgba(122, 89, 255, .4));
--sds-color-brand-primary-bg3: var(--sds-light, rgba(122, 89, 255, .4)) var(--sds-dark, rgba(122, 89, 255, .48));
--sds-color-brand-secondary-normal: var(--sds-light, #7450ff) var(--sds-dark, #9e8aff);
--sds-color-brand-secondary-hover: var(--sds-light, #3a00b3) var(--sds-dark, #e0d7ff);
--sds-color-brand-secondary-click: var(--sds-light, #20006c) var(--sds-dark, #cabeff);
--sds-color-text-primary-1: var(--sds-light, rgba(0, 0, 0, .96)) var(--sds-dark, #ffffff);
--sds-color-text-primary-2: var(--sds-light, rgba(6, 8, 31, .88)) var(--sds-dark, rgba(220, 223, 249, .92));
--sds-color-text-primary-3: var(--sds-light, rgba(10, 13, 51, .6)) var(--sds-dark, rgba(214, 218, 255, .56));
--sds-color-text-primary-4: var(--sds-light, rgba(10, 13, 51, .45)) var(--sds-dark, rgba(214, 218, 255, .4));
--sds-color-text-primary-5: var(--sds-light, rgba(10, 13, 51, .18)) var(--sds-dark, rgba(214, 218, 255, .16));
--sds-color-text-secondary-1: var(--sds-light, #ffffff) var(--sds-dark, rgba(0, 0, 0, .96));
--sds-color-text-secondary-2: var(--sds-light, rgba(220, 223, 249, .92)) var(--sds-dark, rgba(6, 8, 31, .88));
--sds-color-text-secondary-3: var(--sds-light, rgba(214, 218, 255, .56)) var(--sds-dark, rgba(10, 13, 51, .6));
--sds-color-text-secondary-4: var(--sds-light, rgba(214, 218, 255, .4)) var(--sds-dark, rgba(10, 13, 51, .45));
--sds-color-text-secondary-5: var(--sds-light, rgba(214, 218, 255, .16)) var(--sds-dark, rgba(10, 13, 51, .18));
--sds-color-text-black-1: var(--sds-light, rgba(0, 0, 0, .96)) var(--sds-dark, rgba(0, 0, 0, .96));
--sds-color-text-black-2: var(--sds-light, rgba(6, 8, 31, .88)) var(--sds-dark, rgba(6, 8, 31, .88));
--sds-color-text-black-3: var(--sds-light, rgba(10, 13, 51, .6)) var(--sds-dark, rgba(10, 13, 51, .6));
--sds-color-text-black-4: var(--sds-light, rgba(10, 13, 51, .45)) var(--sds-dark, rgba(10, 13, 51, .45));
--sds-color-text-black-5: var(--sds-light, rgba(10, 13, 51, .18)) var(--sds-dark, rgba(10, 13, 51, .18));
--sds-color-text-white-1: var(--sds-light, #ffffff) var(--sds-dark, #ffffff);
--sds-color-text-white-2: var(--sds-light, rgba(220, 223, 249, .92)) var(--sds-dark, rgba(220, 223, 249, .92));
--sds-color-text-white-3: var(--sds-light, rgba(214, 218, 255, .56)) var(--sds-dark, rgba(214, 218, 255, .56));
--sds-color-text-white-4: var(--sds-light, rgba(214, 218, 255, .4)) var(--sds-dark, rgba(214, 218, 255, .4));
--sds-color-text-white-5: var(--sds-light, rgba(214, 218, 255, .16)) var(--sds-dark, rgba(214, 218, 255, .16));
--sds-color-grey-layer1-normal: var(--sds-light, #f6f6f8) var(--sds-dark, #0c0d19);
--sds-color-grey-layer1-semitrans: var(--sds-light, rgba(237, 237, 241, .84)) var(--sds-dark, rgba(12, 13, 25, .92));
--sds-color-grey-layer1-white: var(--sds-light, #ffffff) var(--sds-dark, #151622);
--sds-color-grey-layer2-normal: var(--sds-light, #ffffff) var(--sds-dark, #1e1f2b);
--sds-color-grey-layer2-semitrans: var(--sds-light, rgba(255, 255, 255, .84)) var(--sds-dark, rgba(30, 31, 43, .84));
--sds-color-grey-layer3-normal: var(--sds-light, #ffffff) var(--sds-dark, #2e2f3c);
--sds-color-grey-layer3-reserve: var(--sds-light, #0c0d19) var(--sds-dark, #5a5d6e);
--sds-color-grey-fill1-normal: var(--sds-light, rgba(255, 255, 255, 0)) var(--sds-dark, rgba(0, 0, 0, 0));
--sds-color-grey-fill1-hover: var(--sds-light, rgba(114, 118, 139, .08)) var(--sds-dark, rgba(114, 118, 139, .16));
--sds-color-grey-fill1-hover05: var(--sds-light, rgba(114, 118, 139, .04)) var(--sds-dark, rgba(114, 118, 139, .08));
--sds-color-grey-fill1-hover1: var(--sds-light, rgba(114, 118, 139, .04)) var(--sds-dark, rgba(114, 118, 139, .08));
--sds-color-grey-fill1-click: var(--sds-light, rgba(114, 118, 139, .16)) var(--sds-dark, rgba(114, 118, 139, .08));
--sds-color-grey-fill1-hover2: var(--sds-light, rgba(122, 89, 255, .08)) var(--sds-dark, rgba(122, 89, 255, .16));
--sds-color-grey-fill1-click2: var(--sds-light, rgba(122, 89, 255, .16)) var(--sds-dark, rgba(122, 89, 255, .08));
--sds-color-grey-fill2-normal: var(--sds-light, rgba(114, 118, 139, .06)) var(--sds-dark, rgba(114, 118, 139, .12));
--sds-color-grey-fill2-hover: var(--sds-light, rgba(114, 118, 139, .12)) var(--sds-dark, rgba(114, 118, 139, .24));
--sds-color-grey-fill2-click: var(--sds-light, rgba(114, 118, 139, .2)) var(--sds-dark, rgba(114, 118, 139, .16));
--sds-color-advanced-fill-normal: var(--sds-light, #0c0d19) var(--sds-dark, #7f60ff);
--sds-color-advanced-fill-hover: var(--sds-light, #151622) var(--sds-dark, #937dff);
--sds-color-advanced-fill-click: var(--sds-light, #000000) var(--sds-dark, #896fff);
--sds-color-grey-line1-normal: var(--sds-light, rgba(114, 118, 139, .08)) var(--sds-dark, rgba(114, 118, 139, .16));
--sds-color-grey-line1-hover: var(--sds-light, rgba(114, 118, 139, .16)) var(--sds-dark, rgba(114, 118, 139, .32));
--sds-color-grey-line1-click: var(--sds-light, rgba(114, 118, 139, .24)) var(--sds-dark, rgba(114, 118, 139, .24));
--sds-color-grey-line2-normal: var(--sds-light, rgba(114, 118, 139, .16)) var(--sds-dark, rgba(114, 118, 139, .32));
--sds-color-grey-line2-hover: var(--sds-light, rgba(114, 118, 139, .32)) var(--sds-dark, rgba(114, 118, 139, .64));
--sds-color-grey-line2-click: var(--sds-light, rgba(114, 118, 139, .4)) var(--sds-dark, rgba(114, 118, 139, .48));
--sds-color-grey-overlay1: var(--sds-light, rgba(12, 13, 25, .2)) var(--sds-dark, rgba(12, 13, 25, .64));
--sds-color-success-normal: var(--sds-light, #20b082) var(--sds-dark, #32bb8c);
--sds-color-success-secondary: var(--sds-light, #00825e) var(--sds-dark, #20b082);
--sds-color-success-hover: var(--sds-light, #32bb8c) var(--sds-dark, #71cca6);
--sds-color-success-click: var(--sds-light, #00a578) var(--sds-dark, #56c498);
--sds-color-success-disabled: var(--sds-light, #8cd5b4) var(--sds-dark, #006145);
--sds-color-success-focus: var(--sds-light, rgba(0, 136, 98, .16)) var(--sds-dark, rgba(0, 136, 98, .32));
--sds-color-success-bg: var(--sds-light, rgba(0, 136, 98, .08)) var(--sds-dark, rgba(0, 136, 98, .16));
--sds-color-success-bg2: var(--sds-light, rgba(0, 136, 98, .24)) var(--sds-dark, rgba(0, 136, 98, .4));
--sds-color-success-bg3: var(--sds-light, rgba(0, 136, 98, .32)) var(--sds-dark, rgba(0, 136, 98, .48));
--sds-color-success-text: var(--sds-light, #00825e) var(--sds-dark, #20b082);
--sds-color-warning-normal: var(--sds-light, #eb7e26) var(--sds-dark, #f38b40);
--sds-color-warning-hover: var(--sds-light, #f38b40) var(--sds-dark, #ffa76a);
--sds-color-warning-click: var(--sds-light, #e47100) var(--sds-dark, #f99956);
--sds-color-warning-disabled: var(--sds-light, #ffb688) var(--sds-dark, #884100);
--sds-color-warning-focus: var(--sds-light, rgba(189, 92, 0, .16)) var(--sds-dark, rgba(189, 92, 0, .32));
--sds-color-warning-bg: var(--sds-light, rgba(189, 92, 0, .08)) var(--sds-dark, rgba(189, 92, 0, .16));
--sds-color-warning-bg2: var(--sds-light, rgba(189, 92, 0, .24)) var(--sds-dark, rgba(189, 92, 0, .4));
--sds-color-warning-bg3: var(--sds-light, rgba(189, 92, 0, .32)) var(--sds-dark, rgba(189, 92, 0, .48));
--sds-color-error-normal: var(--sds-light, #e55649) var(--sds-dark, #f57365);
--sds-color-error-hover: var(--sds-light, #ed6557) var(--sds-dark, #ff9286);
--sds-color-error-click: var(--sds-light, #e55749) var(--sds-dark, #fb8275);
--sds-color-error-disabled: var(--sds-light, #ffb4ab) var(--sds-dark, #ab100f);
--sds-color-error-focus: var(--sds-light, rgba(215, 65, 52, .16)) var(--sds-dark, rgba(215, 65, 52, .32));
--sds-color-error-bg: var(--sds-light, rgba(215, 65, 52, .08)) var(--sds-dark, rgba(215, 65, 52, .16));
--sds-color-error-bg2: var(--sds-light, rgba(215, 65, 52, .24)) var(--sds-dark, rgba(215, 65, 52, .4));
--sds-color-error-bg3: var(--sds-light, rgba(215, 65, 52, .32)) var(--sds-dark, rgba(215, 65, 52, .48));
--sds-color-error-secondary: var(--sds-light, #d23a2e) var(--sds-dark, #f57365);
--sds-color-error-secondary-hover: var(--sds-light, #790004) var(--sds-dark, #ffb4ab);
--sds-color-assistive-blue: var(--sds-light, #1477f7) var(--sds-dark, #1477f7);
--sds-color-assistive-blue-focus: var(--sds-light, rgba(0, 114, 242, .16)) var(--sds-dark, rgba(0, 114, 242, .32));
--sds-color-assistive-blue-hover: var(--sds-light, #4d8eff) var(--sds-dark, #8ab0ff);
--sds-color-assistive-blue-disable: var(--sds-light, #adc6ff) var(--sds-dark, #0051b0);
--sds-color-assistive-blue-bg: var(--sds-light, rgba(0, 114, 242, .08)) var(--sds-dark, rgba(0, 114, 242, .16));
--sds-color-assistive-blue-bg2: var(--sds-light, rgba(0, 114, 242, .24)) var(--sds-dark, rgba(0, 114, 242, .4));
--sds-color-assistive-blue-bg3: var(--sds-light, rgba(0, 114, 242, .32)) var(--sds-dark, rgba(0, 114, 242, .48));
--sds-color-assistive-green: var(--sds-light, #20b082) var(--sds-dark, #20b082);
--sds-color-assistive-green-bg: var(--sds-light, #f0f9f1) var(--sds-dark, #001c12);
--sds-color-assistive-yellow: var(--sds-light, #e4d200) var(--sds-dark, #e4d200);
--sds-color-assistive-yellow-focus: var(--sds-light, rgba(255, 203, 41, .28)) var(--sds-dark, rgba(255, 203, 41, .28));
--sds-color-assistive-yellow-bg: var(--sds-light, rgba(255, 203, 41, .2)) var(--sds-dark, rgba(255, 203, 41, .2));
--sds-color-assistive-yellow-bg2: var(--sds-light, rgba(255, 203, 41, .32)) var(--sds-dark, rgba(255, 203, 41, .4));
--sds-color-assistive-yellow-bg3: var(--sds-light, rgba(255, 203, 41, .4)) var(--sds-dark, rgba(255, 203, 41, .48));
--sds-color-assistive-red: var(--sds-light, #e55649) var(--sds-dark, #e55649);
--sds-color-assistive-red-bg: var(--sds-light, #fff0ee) var(--sds-dark, #390001);
--sds-color-assistive-magenta: var(--sds-light, #ff41b1) var(--sds-dark, #ff41b1);
--sds-color-assistive-magenta-bg: var(--sds-light, #fff0f4) var(--sds-dark, #360021);
--sds-color-glass-fill1-hover: var(--sds-light, rgba(114, 118, 139, .4)) var(--sds-dark, rgba(114, 118, 139, .4));
--sds-color-glass-fill1-normal: var(--sds-light, rgba(114, 118, 139, .16)) var(--sds-dark, rgba(114, 118, 139, .08));
--sds-color-glass-fill2-hover: var(--sds-light, rgba(114, 118, 139, .8)) var(--sds-dark, rgba(114, 118, 139, .8));
--sds-color-glass-fill2-normal: var(--sds-light, rgba(114, 118, 139, .48)) var(--sds-dark, rgba(114, 118, 139, .48));
--sds-color-focus-primary-1: var(--sds-light, rgba(122, 89, 255, .12)) var(--sds-dark, rgba(122, 89, 255, .24));
--sds-color-focus-error-1: var(--sds-light, rgba(215, 65, 52, .12)) var(--sds-dark, rgba(215, 65, 52, .24));
--sds-color-focus-gray-1: var(--sds-light, rgba(114, 118, 139, .06)) var(--sds-dark, rgba(114, 118, 139, .12));
--sds-color-table-border: var(--sds-light, #d0d7de) var(--sds-dark, #30363d);
--sds-color-assistive-blue-normal: var(--sds-light, #3182ff) var(--sds-dark, #6399ff);
--sds-color-shadow-overflow-2: var(--sds-light, #0c0d1905) var(--sds-dark, #0c0d191f);
--sds-color-shadow-overflow-4: var(--sds-light, #0c0d190a) var(--sds-dark, #0c0d193d);
--sds-color-shadow-overflow-8: var(--sds-light, #0c0d1914) var(--sds-dark, #0c0d197a);
--sds-color-shadow-overflow-12: var(--sds-light, #0c0d191f) var(--sds-dark, #0c0d19b8);
--sds-color-shadow-overflow-16: var(--sds-light, #0c0d1929) var(--sds-dark, #0c0d19eb);
--sds-color-gradient-bottom-fill: var(--sds-light, rgb(247, 247, 248)) var(--sds-dark, rgb(41, 41, 55))
}
html,
:host,
div[data-gpts-theme=light],
.gpt-light.gpt-light {
--sds-light: initial;
--sds-dark: ;
--darkreader-bg--sds-dark: ;
--darkreader-text--sds-dark: ;
--darkreader-border--sds-dark:
}
html[data-gpts-theme=dark],
:host([data-gpts-theme=dark]),
.gpt-dark.gpt-dark {
--sds-light: ;
--sds-dark: initial;
--darkreader-bg--sds-light: ;
--darkreader-text--sds-light: ;
--darkreader-border--sds-light:
}
.m {
animation: s 3s linear infinite;
transform: rotate(30deg);
top: -40px;
width: 16px;
height: 120px;
background-color: #fff;
filter: blur(16px)
}
@keyframes s {
0% {
transform: translate(-125%) rotate(30deg);
left: 0%
}
20% {
transform: translate(100%) rotate(30deg);
left: 100%
}
to {
transform: translate(100%) rotate(30deg);
left: 100%
}
}
.h {
transition-property: grid-template-columns, grid-template-rows;
transition-duration: .15s, .15s;
transition-timing-function: ease-in-out, ease-in-out;
transition-delay: .15s, .15s
}
.h:hover {
transition-delay: 0s, 0s
}
.o::-webkit-scrollbar-button {
display: none
}
.o::-webkit-scrollbar {
width: 2px;
height: 2px;
border-radius: 9999px
}
.o::-webkit-scrollbar-thumb {
background: #00000040;
border-radius: 9999px
}
.o::-webkit-scrollbar-thumb:hover {
background: #0006
}
.a:focus-within .ant-input {
background: #fff
}
.a .ant-input-affix-wrapper:focus-within {
background: #fff
}
.a .ant-input-affix-wrapper:focus-within .ant-input {
background: #fff
}
.a .ant-menu .ant-menu-submenu-arrow {
inset-inline-end: 8px
}
.a .ant-menu .ant-menu-item.ant-menu-item-selected .enter-icon {
opacity: 1
}
.a .ant-menu .ant-menu-item-group-list .ant-menu-item {
padding-inline: 8px
}
.a .ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub {
padding: 4px
}
.k {
font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}
.r .ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
margin: 0
}
.r .ant-skeleton-content .ant-skeleton-paragraph li {
border-radius: 4px;
height: 20px
}
.r .ant-skeleton-content .ant-skeleton-paragraph li+li {
margin-block-start: 12px
}
.n .ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
margin: 0
}
.n .ant-skeleton-content .ant-skeleton-paragraph li {
height: 20px;
border-radius: 4px
}
.n .ant-skeleton-content .ant-skeleton-paragraph li+li {
margin-block-start: 12px
}
.d .ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
margin: 0
}
.d .ant-skeleton-content .ant-skeleton-paragraph li {
height: 20px;
border-radius: 4px
}
.d .ant-skeleton-content .ant-skeleton-paragraph li+li {
margin-block-start: 8px
}
.w {
overflow-wrap: break-word;
white-space: pre-wrap;
line-break: auto
}
.sider-claw-panel .claw-user-message-nav-rail {
scrollbar-width: none
}
.sider-claw-panel .claw-user-message-nav-rail::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
.sider-claw-panel .sider-claw-message.is-relay {
width: 100%
}
.sider-claw-panel .sider-claw-message.is-relay+.sider-claw-message.is-client {
margin-top: 12px
}
.sider-claw-panel .sider-claw-message.is-client+.sider-claw-message.is-relay {
margin-top: 12px
}
.sider-claw-panel .sider-claw-message-bubble {
max-width: 85%
}
.sider-claw-panel .sider-claw-message-markdown {
overflow-y: hidden
}
.sider-claw-panel .sider-claw-message-markdown-body {
color: var(--sds-color-text-primary-1)
}
.sider-claw-panel .sider-claw-message-markdown-body>*:first-child {
margin-top: 0 !important
}
.sider-claw-panel .sider-claw-message-markdown-body>*:last-child {
margin-bottom: 0 !important
}
@keyframes claw-brain-loading-sweep {
0% {
transform: translate(-100%)
}
to {
transform: translate(100%)
}
}
.claw-brain-loading-shimmer {
background: linear-gradient(110deg, #fff0 40%, #ffffff73, #fff0 60%);
animation: claw-brain-loading-sweep 1.6s ease-in-out infinite
}
@keyframes claw-working-halo {
0%,
to {
opacity: .16;
transform: translate(-50%) scaleX(.92)
}
50% {
opacity: .3;
transform: translate(-50%) scaleX(1.12)
}
}
@keyframes claw-working-breathe-body {
0%,
to {
transform: translateY(0) scale(1)
}
50% {
transform: translateY(-3%) scale(1.025)
}
}
@keyframes claw-working-timeline-body {
0%,
14%,
to {
transform: translateY(0) scale(1)
}
7% {
transform: translateY(-3%) scale(1.025)
}
18%,
32% {
transform: translateY(-2%) scale(.98)
}
40%,
52% {
transform: translateY(-4%) rotate(1deg) scale(.98)
}
62%,
84% {
transform: translateY(2%) scale(.9, .86)
}
90%,
99% {
transform: translateY(3%) rotate(-2deg) scale(.96)
}
}
@keyframes claw-working-timeline-eye {
0%,
88%,
to {
transform: scaleY(1)
}
90%,
99% {
transform: scaleY(.16)
}
}
@keyframes claw-working-phase-computer {
0%,
15%,
36%,
to {
opacity: 0;
transform: translateY(8px) scale(.35)
}
19%,
35% {
opacity: 1;
transform: translateY(0) scale(1)
}
}
@keyframes claw-working-phase-sleep {
0%,
88%,
to {
opacity: 0
}
90%,
99% {
opacity: 1
}
}
@keyframes claw-working-phase-keyboard {
0%,
36%,
56%,
to {
opacity: 0;
transform: translateY(6px) scale(.92)
}
40%,
52% {
opacity: 1;
transform: translateY(0) scale(1)
}
}
@keyframes claw-working-phase-lifting {
0%,
58%,
88%,
to {
opacity: 0;
transform: translateY(8px) scale(.86)
}
62%,
84% {
opacity: 1;
transform: translateY(0) scale(1)
}
}
@keyframes claw-working-computer-body {
0%,
to {
transform: translateY(0) scale(.98)
}
50% {
transform: translateY(-3%) scale(1)
}
}
@keyframes claw-working-computer-pop {
0%,
to {
transform: translateY(1px) scale(.98)
}
48% {
transform: translateY(-1px) scale(1)
}
}
@keyframes claw-working-sleep-body {
0%,
to {
transform: translateY(3%) rotate(-2deg) scale(.96)
}
50% {
transform: translateY(0) rotate(1deg) scale(.98)
}
}
@keyframes claw-working-sleep-z-outside {
0%,
to {
opacity: .55;
transform: translateY(1.5px) scale(.96)
}
45% {
opacity: 1;
transform: translateY(-2px) scale(1)
}
80% {
opacity: .72;
transform: translateY(-3px) scale(.98)
}
}
@keyframes claw-working-sleep-z-inside {
0%,
to {
opacity: .4;
transform: translateY(1px) scale(.94)
}
45% {
opacity: .82;
transform: translateY(-1.5px) scale(1)
}
80% {
opacity: .62;
transform: translateY(-2.5px) scale(.98)
}
}
@keyframes claw-working-keyboard-body {
0%,
to {
transform: translateY(-1%) rotate(-1deg) scale(.96)
}
50% {
transform: translateY(-5%) rotate(1deg) scale(.98)
}
}
@keyframes claw-working-lifting-body {
0%,
to {
transform: translateY(6%) scale(.9, .86)
}
36%,
72% {
transform: translateY(0) scale(.88)
}
}
@keyframes claw-working-key-tap {
0%,
to {
fill: #d4d9e8;
transform: translateY(0)
}
38% {
fill: #fff;
transform: translateY(1.4px)
}
}
@keyframes claw-working-hand-tap {
0%,
to {
transform: translateY(0) rotate(0)
}
42% {
transform: translateY(3px) rotate(-4deg)
}
}
@keyframes claw-working-barbell-lift {
0%,
to {
transform: translateY(11px)
}
36%,
72% {
transform: translateY(-8px)
}
}
@keyframes claw-working-arm-lift {
0%,
to {
transform: translateY(9px) scaleY(.86)
}
36%,
72% {
transform: translateY(-5px) scaleY(1.08)
}
}
.claw-working-mascot {
position: relative;
display: block;
width: var(--claw-working-size);
height: var(--claw-working-size);
flex-shrink: 0;
isolation: isolate;
pointer-events: none
}
.claw-working-mascot .claw-working-mascot__halo {
position: absolute;
left: 50%;
bottom: 5%;
width: 62%;
height: 16%;
border-radius: 999px;
background: #6932fe33;
filter: blur(calc(var(--claw-working-size) * .08));
transform: translate(-50%);
z-index: -1;
animation: claw-working-halo 2.2s ease-in-out infinite
}
.claw-working-mascot .claw-working-mascot__body-wrap {
position: absolute;
inset: 0;
z-index: 2;
transform-origin: 50% 58%;
animation: claw-working-breathe-body 1.7s ease-in-out infinite
}
.claw-working-mascot .claw-working-mascot__body,
.claw-working-mascot .claw-working-mascot__prop {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
overflow: visible
}
.claw-working-mascot .claw-working-mascot__prop {
opacity: 0;
pointer-events: none
}
.claw-working-mascot .claw-working-mascot__prop--computer,
.claw-working-mascot .claw-working-mascot__prop--sleep,
.claw-working-mascot .claw-working-mascot__prop--keyboard,
.claw-working-mascot .claw-working-mascot__prop--lifting {
z-index: 3
}
.claw-working-mascot .claw-working-mascot__eye,
.claw-working-mascot .claw-working-mascot__computer,
.claw-working-mascot .claw-working-mascot__sleep-z,
.claw-working-mascot .claw-working-mascot__hand,
.claw-working-mascot .claw-working-mascot__barbell,
.claw-working-mascot .claw-working-mascot__arm,
.claw-working-mascot .claw-working-mascot__key {
transform-box: fill-box;
transform-origin: center
}
.claw-working-mascot .claw-working-mascot__sleep-z {
animation: claw-working-sleep-z-outside 2.1s ease-in-out infinite
}
.claw-working-mascot .claw-working-mascot__sleep-z--2 {
animation-name: claw-working-sleep-z-inside
}
.claw-working-mascot .claw-working-mascot__key {
animation: claw-working-key-tap 1.05s ease-in-out infinite
}
.claw-working-mascot .claw-working-mascot__key--2 {
animation-delay: .11s
}
.claw-working-mascot .claw-working-mascot__key--3 {
animation-delay: .22s
}
.claw-working-mascot .claw-working-mascot__key--4 {
animation-delay: .33s
}
.claw-working-mascot .claw-working-mascot__key--5 {
animation-delay: .18s
}
.claw-working-mascot .claw-working-mascot__key--6 {
animation-delay: .28s
}
.claw-working-mascot .claw-working-mascot__hand {
transform-origin: 50% 100%;
animation: claw-working-hand-tap .7s ease-in-out infinite
}
.claw-working-mascot .claw-working-mascot__hand--right {
animation-delay: .22s
}
.claw-working-mascot .claw-working-mascot__barbell {
animation: claw-working-barbell-lift 1.45s cubic-bezier(.34, 1.56, .64, 1) infinite
}
.claw-working-mascot .claw-working-mascot__arm {
transform-origin: 50% 100%;
animation: claw-working-arm-lift 1.45s cubic-bezier(.34, 1.56, .64, 1) infinite
}
.claw-working-mascot.claw-working-mascot--breathe .claw-working-mascot__body-wrap {
animation: claw-working-breathe-body 1.7s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--working .claw-working-mascot__body-wrap {
animation: claw-working-timeline-body 12s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--working .claw-working-mascot__eye {
animation: claw-working-timeline-eye 12s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--working .claw-working-mascot__prop--computer {
animation: claw-working-phase-computer 12s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--working .claw-working-mascot__prop--sleep {
animation: claw-working-phase-sleep 12s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--working .claw-working-mascot__prop--keyboard {
animation: claw-working-phase-keyboard 12s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--working .claw-working-mascot__prop--lifting {
animation: claw-working-phase-lifting 12s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--computer .claw-working-mascot__body-wrap {
animation: claw-working-computer-body 1.7s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--computer .claw-working-mascot__prop--computer {
opacity: 1
}
.claw-working-mascot.claw-working-mascot--computer .claw-working-mascot__computer {
animation: claw-working-computer-pop 1.7s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--sleep .claw-working-mascot__body-wrap {
animation: claw-working-sleep-body 2.1s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--sleep .claw-working-mascot__prop--sleep {
opacity: 1
}
.claw-working-mascot.claw-working-mascot--sleep .claw-working-mascot__eye {
transform: scaleY(.16)
}
.claw-working-mascot.claw-working-mascot--keyboard .claw-working-mascot__body-wrap {
animation: claw-working-keyboard-body 1.05s ease-in-out infinite
}
.claw-working-mascot.claw-working-mascot--keyboard .claw-working-mascot__prop--keyboard {
opacity: 1
}
.claw-working-mascot.claw-working-mascot--lifting .claw-working-mascot__body-wrap {
animation: claw-working-lifting-body 1.45s cubic-bezier(.34, 1.56, .64, 1) infinite
}
.claw-working-mascot.claw-working-mascot--lifting .claw-working-mascot__prop--lifting {
opacity: 1
}
.claw-working-loading {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 24px
}
.claw-working-loading__text {
font-size: 14px;
line-height: 20px;
white-space: nowrap
}
@media(prefers-reduced-motion:reduce) {
.claw-working-mascot * {
animation-duration: 1ms !important;
animation-iteration-count: 1 !important
}
}
@keyframes claw-paywall-shimmer {
0% {
left: -40px
}
20% {
left: calc(100% + 40px)
}
to {
left: calc(100% + 40px)
}
}
.claw-paywall-upgrade-btn-wrap {
position: relative;
width: 100%;
border-radius: 999px;
isolation: isolate
}
.claw-paywall-upgrade-btn-wrap:before {
content: "";
position: absolute;
inset: 0;
border-radius: 999px;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-out;
filter: blur(10px);
z-index: -1;
background-image: linear-gradient(91.96deg, #ffc14a99 4%, #6baeff99 27.46%, #6c89ff99 57.26%, #926fff99 96%)
}
.claw-paywall-upgrade-btn-wrap:hover:before {
opacity: 1
}
.claw-paywall-upgrade-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 8px 18px;
border: none;
border-radius: 999px;
background: #000000f5;
cursor: pointer;
overflow: hidden
}
.claw-paywall-upgrade-btn .claw-paywall-upgrade-btn__text {
position: relative;
z-index: 1;
margin: 0;
background-image: linear-gradient(117.91deg, #ffe3aa 5.37%, #edf0ff 40.89%, #aebeff 68.56%, #bba3ff 91.14%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-weight: 800;
font-size: 16px;
line-height: 24px;
text-align: center;
white-space: nowrap
}
.claw-paywall-upgrade-btn .claw-paywall-upgrade-btn__shimmer {
position: absolute;
top: 50%;
left: -40px;
width: 16px;
height: 280px;
margin-top: -140px;
background: #fff;
filter: blur(16px);
transform: rotate(30deg);
animation: claw-paywall-shimmer 3s linear infinite;
pointer-events: none
}
.claw-paywall-upgrade-btn-wrap:hover .claw-paywall-upgrade-btn {
background: #0c0d19
}
[data-gpts-theme=dark] .claw-paywall-upgrade-btn-wrap:before {
background-image: linear-gradient(91.96deg, #ffbc3a99 4%, #3d94ff99 27.46%, #5477ff99 57.26%, #8760ff99 96%)
}
[data-gpts-theme=dark] .claw-paywall-upgrade-btn,
[data-gpts-theme=dark] .claw-paywall-upgrade-btn-wrap:hover .claw-paywall-upgrade-btn {
background-color: transparent;
background-image: linear-gradient(155.17deg, #fff3da 6.57%, #ebeeff 35.09%, #d6deff 65.84%, #e9e1ff 94.22%)
}
[data-gpts-theme=dark] .claw-paywall-upgrade-btn__text {
background-image: none;
background-clip: initial;
-webkit-background-clip: initial;
color: #000000f5
}
.quick-action-container .quick-compose-container .dict-result.writing div:not(.no-blink-cursor):last-child:after {
content: "\25cf";
display: inline-flex;
font-size: 12px;
font-family: Noto Sans SC;
margin-inline-start: .25em;
vertical-align: baseline
}
.quick-action-compose-trigger:hover .quick-action-compose-trigger-icon-wrapper,
.quick-action-compose-trigger.expanded .quick-action-compose-trigger-icon-wrapper {
width: 16px;
height: 16px;
background: transparent;
border-radius: none
}
.quick-action-compose-trigger:hover .quick-action-compose-trigger-icon,
.quick-action-compose-trigger.expanded .quick-action-compose-trigger-icon {
opacity: 1
}
.ellipsis-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block
}
.ellipsis-text span {
line-height: normal
}
.katex {
font: 1.21em KaTeX_Main, Times New Roman, serif;
line-height: 1.2;
text-indent: 0;
text-rendering: auto;
display: inline-block;
margin: 6px 0
}
.katex * {
-ms-high-contrast-adjust: none !important;
border-color: currentColor
}
.katex .katex-version:after {
content: "0.16.11"
}
.katex .katex-mathml {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden
}
.katex .katex-html>.newline {
display: block
}
.katex .base {
position: relative;
display: inline-block;
white-space: nowrap;
width: -moz-min-content;
width: min-content
}
.katex .strut {
display: inline-block
}
.katex .textbf {
font-weight: 700
}
.katex .textit {
font-style: italic
}
.katex .textrm {
font-family: KaTeX_Main
}
.katex .textsf {
font-family: KaTeX_SansSerif
}
.katex .texttt {
font-family: KaTeX_Typewriter
}
.katex .mathnormal {
font-family: KaTeX_Math;
font-style: italic
}
.katex .mathit {
font-family: KaTeX_Main;
font-style: italic
}
.katex .mathrm {
font-style: normal
}
.katex .mathbf {
font-family: KaTeX_Main;
font-weight: 700
}
.katex .boldsymbol {
font-family: KaTeX_Math;
font-weight: 700;
font-style: italic
}
.katex .amsrm,
.katex .mathbb,
.katex .textbb {
font-family: KaTeX_AMS
}
.katex .mathcal {
font-family: KaTeX_Caligraphic
}
.katex .mathfrak,
.katex .textfrak {
font-family: KaTeX_Fraktur
}
.katex .mathboldfrak,
.katex .textboldfrak {
font-family: KaTeX_Fraktur;
font-weight: 700
}
.katex .mathtt {
font-family: KaTeX_Typewriter
}
.katex .mathscr,
.katex .textscr {
font-family: KaTeX_Script
}
.katex .mathsf,
.katex .textsf {
font-family: KaTeX_SansSerif
}
.katex .mathboldsf,
.katex .textboldsf {
font-family: KaTeX_SansSerif;
font-weight: 700
}
.katex .mathitsf,
.katex .textitsf {
font-family: KaTeX_SansSerif;
font-style: italic
}
.katex .mainrm {
font-family: KaTeX_Main;
font-style: normal
}
.katex .vlist-t {
display: inline-table;
table-layout: fixed;
border-collapse: collapse
}
.katex .vlist-r {
display: table-row
}
.katex .vlist {
display: table-cell;
vertical-align: bottom;
position: relative
}
.katex .vlist>span {
display: block;
height: 0;
position: relative
}
.katex .vlist>span>span {
display: inline-block
}
.katex .vlist>span>.pstrut {
overflow: hidden;
width: 0
}
.katex .vlist-t2 {
margin-right: -2px
}
.katex .vlist-s {
display: table-cell;
vertical-align: bottom;
font-size: 1px;
width: 2px;
min-width: 2px
}
.katex .vbox {
display: inline-flex;
flex-direction: column;
align-items: baseline
}
.katex .hbox {
display: inline-flex;
flex-direction: row;
width: 100%
}
.katex .thinbox {
display: inline-flex;
flex-direction: row;
width: 0;
max-width: 0
}
.katex .msupsub {
text-align: left
}
.katex .mfrac>span>span {
text-align: center
}
.katex .mfrac .frac-line {
display: inline-block;
width: 100%;
border-bottom-style: solid
}
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline,
.katex .hdashline,
.katex .rule {
min-height: 1px
}
.katex .mspace {
display: inline-block
}
.katex .llap,
.katex .rlap,
.katex .clap {
width: 0;
position: relative
}
.katex .llap>.inner,
.katex .rlap>.inner,
.katex .clap>.inner {
position: absolute
}
.katex .llap>.fix,
.katex .rlap>.fix,
.katex .clap>.fix {
display: inline-block
}
.katex .llap>.inner {
right: 0
}
.katex .rlap>.inner,
.katex .clap>.inner {
left: 0
}
.katex .clap>.inner>span {
margin-left: -50%;
margin-right: 50%
}
.katex .rule {
display: inline-block;
border: solid 0;
position: relative
}
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline {
display: inline-block;
width: 100%;
border-bottom-style: solid
}
.katex .hdashline {
display: inline-block;
width: 100%;
border-bottom-style: dashed
}
.katex .sqrt>.root {
margin-left: .2777777778em;
margin-right: -.5555555556em
}
.katex .sizing.reset-size1.size1,
.katex .fontsize-ensurer.reset-size1.size1 {
font-size: 1em
}
.katex .sizing.reset-size1.size2,
.katex .fontsize-ensurer.reset-size1.size2 {
font-size: 1.2em
}
.katex .sizing.reset-size1.size3,
.katex .fontsize-ensurer.reset-size1.size3 {
font-size: 1.4em
}
.katex .sizing.reset-size1.size4,
.katex .fontsize-ensurer.reset-size1.size4 {
font-size: 1.6em
}
.katex .sizing.reset-size1.size5,
.katex .fontsize-ensurer.reset-size1.size5 {
font-size: 1.8em
}
.katex .sizing.reset-size1.size6,
.katex .fontsize-ensurer.reset-size1.size6 {
font-size: 2em
}
.katex .sizing.reset-size1.size7,
.katex .fontsize-ensurer.reset-size1.size7 {
font-size: 2.4em
}
.katex .sizing.reset-size1.size8,
.katex .fontsize-ensurer.reset-size1.size8 {
font-size: 2.88em
}
.katex .sizing.reset-size1.size9,
.katex .fontsize-ensurer.reset-size1.size9 {
font-size: 3.456em
}
.katex .sizing.reset-size1.size10,
.katex .fontsize-ensurer.reset-size1.size10 {
font-size: 4.148em
}
.katex .sizing.reset-size1.size11,
.katex .fontsize-ensurer.reset-size1.size11 {
font-size: 4.976em
}
.katex .sizing.reset-size2.size1,
.katex .fontsize-ensurer.reset-size2.size1 {
font-size: .8333333333em
}
.katex .sizing.reset-size2.size2,
.katex .fontsize-ensurer.reset-size2.size2 {
font-size: 1em
}
.katex .sizing.reset-size2.size3,
.katex .fontsize-ensurer.reset-size2.size3 {
font-size: 1.1666666667em
}
.katex .sizing.reset-size2.size4,
.katex .fontsize-ensurer.reset-size2.size4 {
font-size: 1.3333333333em
}
.katex .sizing.reset-size2.size5,
.katex .fontsize-ensurer.reset-size2.size5 {
font-size: 1.5em
}
.katex .sizing.reset-size2.size6,
.katex .fontsize-ensurer.reset-size2.size6 {
font-size: 1.6666666667em
}
.katex .sizing.reset-size2.size7,
.katex .fontsize-ensurer.reset-size2.size7 {
font-size: 2em
}
.katex .sizing.reset-size2.size8,
.katex .fontsize-ensurer.reset-size2.size8 {
font-size: 2.4em
}
.katex .sizing.reset-size2.size9,
.katex .fontsize-ensurer.reset-size2.size9 {
font-size: 2.88em
}
.katex .sizing.reset-size2.size10,
.katex .fontsize-ensurer.reset-size2.size10 {
font-size: 3.4566666667em
}
.katex .sizing.reset-size2.size11,
.katex .fontsize-ensurer.reset-size2.size11 {
font-size: 4.1466666667em
}
.katex .sizing.reset-size3.size1,
.katex .fontsize-ensurer.reset-size3.size1 {
font-size: .7142857143em
}
.katex .sizing.reset-size3.size2,
.katex .fontsize-ensurer.reset-size3.size2 {
font-size: .8571428571em
}
.katex .sizing.reset-size3.size3,
.katex .fontsize-ensurer.reset-size3.size3 {
font-size: 1em
}
.katex .sizing.reset-size3.size4,
.katex .fontsize-ensurer.reset-size3.size4 {
font-size: 1.1428571429em
}
.katex .sizing.reset-size3.size5,
.katex .fontsize-ensurer.reset-size3.size5 {
font-size: 1.2857142857em
}
.katex .sizing.reset-size3.size6,
.katex .fontsize-ensurer.reset-size3.size6 {
font-size: 1.4285714286em
}
.katex .sizing.reset-size3.size7,
.katex .fontsize-ensurer.reset-size3.size7 {
font-size: 1.7142857143em
}
.katex .sizing.reset-size3.size8,
.katex .fontsize-ensurer.reset-size3.size8 {
font-size: 2.0571428571em
}
.katex .sizing.reset-size3.size9,
.katex .fontsize-ensurer.reset-size3.size9 {
font-size: 2.4685714286em
}
.katex .sizing.reset-size3.size10,
.katex .fontsize-ensurer.reset-size3.size10 {
font-size: 2.9628571429em
}
.katex .sizing.reset-size3.size11,
.katex .fontsize-ensurer.reset-size3.size11 {
font-size: 3.5542857143em
}
.katex .sizing.reset-size4.size1,
.katex .fontsize-ensurer.reset-size4.size1 {
font-size: .625em
}
.katex .sizing.reset-size4.size2,
.katex .fontsize-ensurer.reset-size4.size2 {
font-size: .75em
}
.katex .sizing.reset-size4.size3,
.katex .fontsize-ensurer.reset-size4.size3 {
font-size: .875em
}
.katex .sizing.reset-size4.size4,
.katex .fontsize-ensurer.reset-size4.size4 {
font-size: 1em
}
.katex .sizing.reset-size4.size5,
.katex .fontsize-ensurer.reset-size4.size5 {
font-size: 1.125em
}
.katex .sizing.reset-size4.size6,
.katex .fontsize-ensurer.reset-size4.size6 {
font-size: 1.25em
}
.katex .sizing.reset-size4.size7,
.katex .fontsize-ensurer.reset-size4.size7 {
font-size: 1.5em
}
.katex .sizing.reset-size4.size8,
.katex .fontsize-ensurer.reset-size4.size8 {
font-size: 1.8em
}
.katex .sizing.reset-size4.size9,
.katex .fontsize-ensurer.reset-size4.size9 {
font-size: 2.16em
}
.katex .sizing.reset-size4.size10,
.katex .fontsize-ensurer.reset-size4.size10 {
font-size: 2.5925em
}
.katex .sizing.reset-size4.size11,
.katex .fontsize-ensurer.reset-size4.size11 {
font-size: 3.11em
}
.katex .sizing.reset-size5.size1,
.katex .fontsize-ensurer.reset-size5.size1 {
font-size: .5555555556em
}
.katex .sizing.reset-size5.size2,
.katex .fontsize-ensurer.reset-size5.size2 {
font-size: .6666666667em
}
.katex .sizing.reset-size5.size3,
.katex .fontsize-ensurer.reset-size5.size3 {
font-size: .7777777778em
}
.katex .sizing.reset-size5.size4,
.katex .fontsize-ensurer.reset-size5.size4 {
font-size: .8888888889em
}
.katex .sizing.reset-size5.size5,
.katex .fontsize-ensurer.reset-size5.size5 {
font-size: 1em
}
.katex .sizing.reset-size5.size6,
.katex .fontsize-ensurer.reset-size5.size6 {
font-size: 1.1111111111em
}
.katex .sizing.reset-size5.size7,
.katex .fontsize-ensurer.reset-size5.size7 {
font-size: 1.3333333333em
}
.katex .sizing.reset-size5.size8,
.katex .fontsize-ensurer.reset-size5.size8 {
font-size: 1.6em
}
.katex .sizing.reset-size5.size9,
.katex .fontsize-ensurer.reset-size5.size9 {
font-size: 1.92em
}
.katex .sizing.reset-size5.size10,
.katex .fontsize-ensurer.reset-size5.size10 {
font-size: 2.3044444444em
}
.katex .sizing.reset-size5.size11,
.katex .fontsize-ensurer.reset-size5.size11 {
font-size: 2.7644444444em
}
.katex .sizing.reset-size6.size1,
.katex .fontsize-ensurer.reset-size6.size1 {
font-size: .5em
}
.katex .sizing.reset-size6.size2,
.katex .fontsize-ensurer.reset-size6.size2 {
font-size: .6em
}
.katex .sizing.reset-size6.size3,
.katex .fontsize-ensurer.reset-size6.size3 {
font-size: .7em
}
.katex .sizing.reset-size6.size4,
.katex .fontsize-ensurer.reset-size6.size4 {
font-size: .8em
}
.katex .sizing.reset-size6.size5,
.katex .fontsize-ensurer.reset-size6.size5 {
font-size: .9em
}
.katex .sizing.reset-size6.size6,
.katex .fontsize-ensurer.reset-size6.size6 {
font-size: 1em
}
.katex .sizing.reset-size6.size7,
.katex .fontsize-ensurer.reset-size6.size7 {
font-size: 1.2em
}
.katex .sizing.reset-size6.size8,
.katex .fontsize-ensurer.reset-size6.size8 {
font-size: 1.44em
}
.katex .sizing.reset-size6.size9,
.katex .fontsize-ensurer.reset-size6.size9 {
font-size: 1.728em
}
.katex .sizing.reset-size6.size10,
.katex .fontsize-ensurer.reset-size6.size10 {
font-size: 2.074em
}
.katex .sizing.reset-size6.size11,
.katex .fontsize-ensurer.reset-size6.size11 {
font-size: 2.488em
}
.katex .sizing.reset-size7.size1,
.katex .fontsize-ensurer.reset-size7.size1 {
font-size: .4166666667em
}
.katex .sizing.reset-size7.size2,
.katex .fontsize-ensurer.reset-size7.size2 {
font-size: .5em
}
.katex .sizing.reset-size7.size3,
.katex .fontsize-ensurer.reset-size7.size3 {
font-size: .5833333333em
}
.katex .sizing.reset-size7.size4,
.katex .fontsize-ensurer.reset-size7.size4 {
font-size: .6666666667em
}
.katex .sizing.reset-size7.size5,
.katex .fontsize-ensurer.reset-size7.size5 {
font-size: .75em
}
.katex .sizing.reset-size7.size6,
.katex .fontsize-ensurer.reset-size7.size6 {
font-size: .8333333333em
}
.katex .sizing.reset-size7.size7,
.katex .fontsize-ensurer.reset-size7.size7 {
font-size: 1em
}
.katex .sizing.reset-size7.size8,
.katex .fontsize-ensurer.reset-size7.size8 {
font-size: 1.2em
}
.katex .sizing.reset-size7.size9,
.katex .fontsize-ensurer.reset-size7.size9 {
font-size: 1.44em
}
.katex .sizing.reset-size7.size10,
.katex .fontsize-ensurer.reset-size7.size10 {
font-size: 1.7283333333em
}
.katex .sizing.reset-size7.size11,
.katex .fontsize-ensurer.reset-size7.size11 {
font-size: 2.0733333333em
}
.katex .sizing.reset-size8.size1,
.katex .fontsize-ensurer.reset-size8.size1 {
font-size: .3472222222em
}
.katex .sizing.reset-size8.size2,
.katex .fontsize-ensurer.reset-size8.size2 {
font-size: .4166666667em
}
.katex .sizing.reset-size8.size3,
.katex .fontsize-ensurer.reset-size8.size3 {
font-size: .4861111111em
}
.katex .sizing.reset-size8.size4,
.katex .fontsize-ensurer.reset-size8.size4 {
font-size: .5555555556em
}
.katex .sizing.reset-size8.size5,
.katex .fontsize-ensurer.reset-size8.size5 {
font-size: .625em
}
.katex .sizing.reset-size8.size6,
.katex .fontsize-ensurer.reset-size8.size6 {
font-size: .6944444444em
}
.katex .sizing.reset-size8.size7,
.katex .fontsize-ensurer.reset-size8.size7 {
font-size: .8333333333em
}
.katex .sizing.reset-size8.size8,
.katex .fontsize-ensurer.reset-size8.size8 {
font-size: 1em
}
.katex .sizing.reset-size8.size9,
.katex .fontsize-ensurer.reset-size8.size9 {
font-size: 1.2em
}
.katex .sizing.reset-size8.size10,
.katex .fontsize-ensurer.reset-size8.size10 {
font-size: 1.4402777778em
}
.katex .sizing.reset-size8.size11,
.katex .fontsize-ensurer.reset-size8.size11 {
font-size: 1.7277777778em
}
.katex .sizing.reset-size9.size1,
.katex .fontsize-ensurer.reset-size9.size1 {
font-size: .2893518519em
}
.katex .sizing.reset-size9.size2,
.katex .fontsize-ensurer.reset-size9.size2 {
font-size: .3472222222em
}
.katex .sizing.reset-size9.size3,
.katex .fontsize-ensurer.reset-size9.size3 {
font-size: .4050925926em
}
.katex .sizing.reset-size9.size4,
.katex .fontsize-ensurer.reset-size9.size4 {
font-size: .462962963em
}
.katex .sizing.reset-size9.size5,
.katex .fontsize-ensurer.reset-size9.size5 {
font-size: .5208333333em
}
.katex .sizing.reset-size9.size6,
.katex .fontsize-ensurer.reset-size9.size6 {
font-size: .5787037037em
}
.katex .sizing.reset-size9.size7,
.katex .fontsize-ensurer.reset-size9.size7 {
font-size: .6944444444em
}
.katex .sizing.reset-size9.size8,
.katex .fontsize-ensurer.reset-size9.size8 {
font-size: .8333333333em
}
.katex .sizing.reset-size9.size9,
.katex .fontsize-ensurer.reset-size9.size9 {
font-size: 1em
}
.katex .sizing.reset-size9.size10,
.katex .fontsize-ensurer.reset-size9.size10 {
font-size: 1.2002314815em
}
.katex .sizing.reset-size9.size11,
.katex .fontsize-ensurer.reset-size9.size11 {
font-size: 1.4398148148em
}
.katex .sizing.reset-size10.size1,
.katex .fontsize-ensurer.reset-size10.size1 {
font-size: .2410800386em
}
.katex .sizing.reset-size10.size2,
.katex .fontsize-ensurer.reset-size10.size2 {
font-size: .2892960463em
}
.katex .sizing.reset-size10.size3,
.katex .fontsize-ensurer.reset-size10.size3 {
font-size: .337512054em
}
.katex .sizing.reset-size10.size4,
.katex .fontsize-ensurer.reset-size10.size4 {
font-size: .3857280617em
}
.katex .sizing.reset-size10.size5,
.katex .fontsize-ensurer.reset-size10.size5 {
font-size: .4339440694em
}
.katex .sizing.reset-size10.size6,
.katex .fontsize-ensurer.reset-size10.size6 {
font-size: .4821600771em
}
.katex .sizing.reset-size10.size7,
.katex .fontsize-ensurer.reset-size10.size7 {
font-size: .5785920926em
}
.katex .sizing.reset-size10.size8,
.katex .fontsize-ensurer.reset-size10.size8 {
font-size: .6943105111em
}
.katex .sizing.reset-size10.size9,
.katex .fontsize-ensurer.reset-size10.size9 {
font-size: .8331726133em
}
.katex .sizing.reset-size10.size10,
.katex .fontsize-ensurer.reset-size10.size10 {
font-size: 1em
}
.katex .sizing.reset-size10.size11,
.katex .fontsize-ensurer.reset-size10.size11 {
font-size: 1.1996142719em
}
.katex .sizing.reset-size11.size1,
.katex .fontsize-ensurer.reset-size11.size1 {
font-size: .2009646302em
}
.katex .sizing.reset-size11.size2,
.katex .fontsize-ensurer.reset-size11.size2 {
font-size: .2411575563em
}
.katex .sizing.reset-size11.size3,
.katex .fontsize-ensurer.reset-size11.size3 {
font-size: .2813504823em
}
.katex .sizing.reset-size11.size4,
.katex .fontsize-ensurer.reset-size11.size4 {
font-size: .3215434084em
}
.katex .sizing.reset-size11.size5,
.katex .fontsize-ensurer.reset-size11.size5 {
font-size: .3617363344em
}
.katex .sizing.reset-size11.size6,
.katex .fontsize-ensurer.reset-size11.size6 {
font-size: .4019292605em
}
.katex .sizing.reset-size11.size7,
.katex .fontsize-ensurer.reset-size11.size7 {
font-size: .4823151125em
}
.katex .sizing.reset-size11.size8,
.katex .fontsize-ensurer.reset-size11.size8 {
font-size: .578778135em
}
.katex .sizing.reset-size11.size9,
.katex .fontsize-ensurer.reset-size11.size9 {
font-size: .6945337621em
}
.katex .sizing.reset-size11.size10,
.katex .fontsize-ensurer.reset-size11.size10 {
font-size: .8336012862em
}
.katex .sizing.reset-size11.size11,
.katex .fontsize-ensurer.reset-size11.size11 {
font-size: 1em
}
.katex .delimsizing.size1 {
font-family: KaTeX_Size1
}
.katex .delimsizing.size2 {
font-family: KaTeX_Size2
}
.katex .delimsizing.size3 {
font-family: KaTeX_Size3
}
.katex .delimsizing.size4 {
font-family: KaTeX_Size4
}
.katex .delimsizing.mult .delim-size1>span {
font-family: KaTeX_Size1
}
.katex .delimsizing.mult .delim-size4>span {
font-family: KaTeX_Size4
}
.katex .nulldelimiter {
display: inline-block;
width: .12em
}
.katex .delimcenter,
.katex .op-symbol {
position: relative
}
.katex .op-symbol.small-op {
font-family: KaTeX_Size1
}
.katex .op-symbol.large-op {
font-family: KaTeX_Size2
}
.katex .op-limits>.vlist-t {
text-align: center
}
.katex .accent>.vlist-t {
text-align: center
}
.katex .accent .accent-body {
position: relative
}
.katex .accent .accent-body:not(.accent-full) {
width: 0
}
.katex .overlay {
display: block
}
.katex .mtable .vertical-separator {
display: inline-block;
min-width: 1px
}
.katex .mtable .arraycolsep {
display: inline-block
}
.katex .mtable .col-align-c>.vlist-t {
text-align: center
}
.katex .mtable .col-align-l>.vlist-t {
text-align: left
}
.katex .mtable .col-align-r>.vlist-t {
text-align: right
}
.katex .svg-align {
text-align: left
}
.katex svg {
display: block;
position: absolute;
width: 100%;
height: inherit;
fill: currentColor;
stroke: currentColor;
fill-rule: nonzero;
fill-opacity: 1;
stroke-width: 1;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-opacity: 1
}
.katex svg path {
stroke: none
}
.katex img {
border-style: none;
min-width: 0;
min-height: 0;
max-width: none;
max-height: none
}
.katex .stretchy {
width: 100%;
display: block;
position: relative;
overflow: hidden
}
.katex .stretchy:before,
.katex .stretchy:after {
content: ""
}
.katex .hide-tail {
width: 100%;
position: relative;
overflow: hidden
}
.katex .halfarrow-left {
position: absolute;
left: 0;
width: 50.2%;
overflow: hidden
}
.katex .halfarrow-right {
position: absolute;
right: 0;
width: 50.2%;
overflow: hidden
}
.katex .brace-left {
position: absolute;
left: 0;
width: 25.1%;
overflow: hidden
}
.katex .brace-center {
position: absolute;
left: 25%;
width: 50%;
overflow: hidden
}
.katex .brace-right {
position: absolute;
right: 0;
width: 25.1%;
overflow: hidden
}
.katex .x-arrow-pad {
padding: 0 .5em
}
.katex .cd-arrow-pad {
padding: 0 .55556em 0 .27778em
}
.katex .x-arrow,
.katex .mover,
.katex .munder {
text-align: center
}
.katex .boxpad {
padding: 0 .3em
}
.katex .fbox,
.katex .fcolorbox {
box-sizing: border-box;
border: .04em solid
}
.katex .cancel-pad {
padding: 0 .2em
}
.katex .cancel-lap {
margin-left: -.2em;
margin-right: -.2em
}
.katex .sout {
border-bottom-style: solid;
border-bottom-width: .08em
}
.katex .angl {
box-sizing: border-box;
border-top: .049em solid;
border-right: .049em solid;
margin-right: .03889em
}
.katex .anglpad {
padding: 0 .03889em
}
.katex .eqn-num:before {
counter-increment: katexEqnNo;
content: "("counter(katexEqnNo) ")"
}
.katex .mml-eqn-num:before {
counter-increment: mmlEqnNo;
content: "("counter(mmlEqnNo) ")"
}
.katex .mtr-glue {
width: 50%
}
.katex .cd-vert-arrow {
display: inline-block;
position: relative
}
.katex .cd-label-left {
display: inline-block;
position: absolute;
right: calc(50% + .3em);
text-align: left
}
.katex .cd-label-right {
display: inline-block;
position: absolute;
left: calc(50% + .3em);
text-align: right
}
.katex-display {
display: block;
margin: 1em 0;
text-align: center
}
.katex-display>.katex {
display: block;
text-align: center;
white-space: nowrap
}
.katex-display>.katex>.katex-html {
display: block;
position: relative
}
.katex-display>.katex>.katex-html>.tag {
position: absolute;
right: 0
}
.katex-display.leqno>.katex>.katex-html>.tag {
left: 0;
right: auto
}
.katex-display.fleqn>.katex {
text-align: left;
padding-left: 2em
}
body {
counter-reset: katexEqnNo mmlEqnNo
}
.answer-markdown-box.writing .markdown-body>:not(ol):not(ul):not(pre):not(.table-with-header):not(.code-block-inner):last-child:after,
.answer-markdown-box.writing .markdown-body>ol:last-child>li:last-child:after,
.answer-markdown-box.writing .markdown-body>ul:last-child>li:last-child:after {
content: "\25cf";
display: inline-flex;
font-size: 12px;
font-family: Noto Sans SC;
margin-inline-start: .25em;
vertical-align: baseline
}
.answer-markdown-box .markdown-body .cursor-blink-placeholder+:is(h1, h2, h3, h4, h5, h6) {
margin-top: 0 !important
}
.answer-markdown-box.pre-wrap .markdown-body p {
white-space: pre-wrap
}
.answer-markdown-box .code-block {
position: relative;
direction: ltr
}
.answer-markdown-box .code-block .code-block-inner {
position: static;
overflow-x: auto
}
.answer-markdown-box .code-block .code-block-inner.wrap {
overflow: hidden
}
.answer-markdown-box .code-block .code-block-inner.wrap code {
width: 100%;
white-space: pre-wrap;
word-wrap: break-word
}
.answer-markdown-box .code-block .code-block-copy-btn {
position: absolute;
right: 10px;
top: 10px;
visibility: hidden;
opacity: 0;
transition: opacity .2s ease
}
.answer-markdown-box .code-block:hover .code-block-copy-btn {
visibility: visible;
opacity: 1
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body,
.gpt-light.gpt-light .answer-markdown-box .markdown-body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
margin: 0;
color: var(--markdown-color, var(--sds-color-text-primary-1));
font-family: var(--gpts-font-family);
font-size: var(--markdown-font-size, 14px);
line-height: 1.65;
word-wrap: break-word
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ul,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ol,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ul,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ol,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ul,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-inline-start: 2em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ul,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ul,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ul {
padding-inline-start: 1.15em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol),
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) {
margin-top: 0;
margin-bottom: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) ol,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) ol,
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) ol {
list-style-type: lower-alpha
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details) {
margin-top: 0;
margin-bottom: 20px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body summary,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body summary,
.gpt-light.gpt-light .answer-markdown-box .markdown-body summary {
display: list-item
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .octicon,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .octicon,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
overflow: visible !important
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body details,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body figcaption,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body figure,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body details,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body figcaption,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body figure,
.gpt-light.gpt-light .answer-markdown-box .markdown-body details,
.gpt-light.gpt-light .answer-markdown-box .markdown-body figcaption,
.gpt-light.gpt-light .answer-markdown-box .markdown-body figure {
display: block
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6),
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) {
margin-top: 1.2em;
margin-bottom: .6em;
font-weight: 600;
line-height: 1.25
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code) {
padding: 0 .2em;
font-size: inherit
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor {
text-decoration: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link {
visibility: visible
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: " ";
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,")
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre {
background-color: #f9f9f9
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre .code-block-inner,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre .code-block-inner,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre .code-block-inner {
font-size: 12px !important
}
:host([data-gpts-theme=light]) .answer-markdown-box .code-block-inner::-webkit-scrollbar,
html[data-gpts-theme=light] .answer-markdown-box .code-block-inner::-webkit-scrollbar,
.gpt-light.gpt-light .answer-markdown-box .code-block-inner::-webkit-scrollbar {
height: 8px;
width: 8px
}
:host([data-gpts-theme=light]) .answer-markdown-box .code-block-inner::-webkit-scrollbar:horizontal,
html[data-gpts-theme=light] .answer-markdown-box .code-block-inner::-webkit-scrollbar:horizontal,
.gpt-light.gpt-light .answer-markdown-box .code-block-inner::-webkit-scrollbar:horizontal {
height: 8px;
width: 8px
}
:host([data-gpts-theme=light]) .answer-markdown-box .code-block-inner::-webkit-scrollbar-track,
html[data-gpts-theme=light] .answer-markdown-box .code-block-inner::-webkit-scrollbar-track,
.gpt-light.gpt-light .answer-markdown-box .code-block-inner::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 9999px
}
:host([data-gpts-theme=light]) .answer-markdown-box .code-block-inner::-webkit-scrollbar-button,
html[data-gpts-theme=light] .answer-markdown-box .code-block-inner::-webkit-scrollbar-button,
.gpt-light.gpt-light .answer-markdown-box .code-block-inner::-webkit-scrollbar-button {
display: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .code-block-inner::-webkit-scrollbar-thumb,
html[data-gpts-theme=light] .answer-markdown-box .code-block-inner::-webkit-scrollbar-thumb,
.gpt-light.gpt-light .answer-markdown-box .code-block-inner::-webkit-scrollbar-thumb {
--tw-border-opacity: 1;
background-color: #d9d9e3cc;
border-radius: 9999px;
border-width: 1px
}
:host([data-gpts-theme=light]) .answer-markdown-box .code-block-inner::-webkit-scrollbar-thumb:hover,
html[data-gpts-theme=light] .answer-markdown-box .code-block-inner::-webkit-scrollbar-thumb:hover,
.gpt-light.gpt-light .answer-markdown-box .code-block-inner::-webkit-scrollbar-thumb:hover {
background-color: #d9d9e3
}
:host([data-gpts-theme=light]) .answer-markdown-box pre code.hljs,
html[data-gpts-theme=light] .answer-markdown-box pre code.hljs,
.gpt-light.gpt-light .answer-markdown-box pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
:host([data-gpts-theme=light]) .answer-markdown-box code.hljs,
html[data-gpts-theme=light] .answer-markdown-box code.hljs,
.gpt-light.gpt-light .answer-markdown-box code.hljs {
padding: 3px 5px
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs,
html[data-gpts-theme=light] .answer-markdown-box .hljs,
.gpt-light.gpt-light .answer-markdown-box .hljs {
color: #383a42;
background: #fafafa
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-comment,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-quote,
html[data-gpts-theme=light] .answer-markdown-box .hljs-comment,
html[data-gpts-theme=light] .answer-markdown-box .hljs-quote,
.gpt-light.gpt-light .answer-markdown-box .hljs-comment,
.gpt-light.gpt-light .answer-markdown-box .hljs-quote {
color: #a0a1a7;
font-style: italic
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-doctag,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-keyword,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-formula,
html[data-gpts-theme=light] .answer-markdown-box .hljs-doctag,
html[data-gpts-theme=light] .answer-markdown-box .hljs-keyword,
html[data-gpts-theme=light] .answer-markdown-box .hljs-formula,
.gpt-light.gpt-light .answer-markdown-box .hljs-doctag,
.gpt-light.gpt-light .answer-markdown-box .hljs-keyword,
.gpt-light.gpt-light .answer-markdown-box .hljs-formula {
color: #a626a4
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-section,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-name,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-selector-tag,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-deletion,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-subst,
html[data-gpts-theme=light] .answer-markdown-box .hljs-section,
html[data-gpts-theme=light] .answer-markdown-box .hljs-name,
html[data-gpts-theme=light] .answer-markdown-box .hljs-selector-tag,
html[data-gpts-theme=light] .answer-markdown-box .hljs-deletion,
html[data-gpts-theme=light] .answer-markdown-box .hljs-subst,
.gpt-light.gpt-light .answer-markdown-box .hljs-section,
.gpt-light.gpt-light .answer-markdown-box .hljs-name,
.gpt-light.gpt-light .answer-markdown-box .hljs-selector-tag,
.gpt-light.gpt-light .answer-markdown-box .hljs-deletion,
.gpt-light.gpt-light .answer-markdown-box .hljs-subst {
color: #e45649
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-literal,
html[data-gpts-theme=light] .answer-markdown-box .hljs-literal,
.gpt-light.gpt-light .answer-markdown-box .hljs-literal {
color: #0184bb
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-string,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-regexp,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-addition,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-attribute,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-meta .hljs-string,
html[data-gpts-theme=light] .answer-markdown-box .hljs-string,
html[data-gpts-theme=light] .answer-markdown-box .hljs-regexp,
html[data-gpts-theme=light] .answer-markdown-box .hljs-addition,
html[data-gpts-theme=light] .answer-markdown-box .hljs-attribute,
html[data-gpts-theme=light] .answer-markdown-box .hljs-meta .hljs-string,
.gpt-light.gpt-light .answer-markdown-box .hljs-string,
.gpt-light.gpt-light .answer-markdown-box .hljs-regexp,
.gpt-light.gpt-light .answer-markdown-box .hljs-addition,
.gpt-light.gpt-light .answer-markdown-box .hljs-attribute,
.gpt-light.gpt-light .answer-markdown-box .hljs-meta .hljs-string {
color: #50a14f
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-attr,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-variable,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-template-variable,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-type,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-selector-class,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-selector-attr,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-selector-pseudo,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-number,
html[data-gpts-theme=light] .answer-markdown-box .hljs-attr,
html[data-gpts-theme=light] .answer-markdown-box .hljs-variable,
html[data-gpts-theme=light] .answer-markdown-box .hljs-template-variable,
html[data-gpts-theme=light] .answer-markdown-box .hljs-type,
html[data-gpts-theme=light] .answer-markdown-box .hljs-selector-class,
html[data-gpts-theme=light] .answer-markdown-box .hljs-selector-attr,
html[data-gpts-theme=light] .answer-markdown-box .hljs-selector-pseudo,
html[data-gpts-theme=light] .answer-markdown-box .hljs-number,
.gpt-light.gpt-light .answer-markdown-box .hljs-attr,
.gpt-light.gpt-light .answer-markdown-box .hljs-variable,
.gpt-light.gpt-light .answer-markdown-box .hljs-template-variable,
.gpt-light.gpt-light .answer-markdown-box .hljs-type,
.gpt-light.gpt-light .answer-markdown-box .hljs-selector-class,
.gpt-light.gpt-light .answer-markdown-box .hljs-selector-attr,
.gpt-light.gpt-light .answer-markdown-box .hljs-selector-pseudo,
.gpt-light.gpt-light .answer-markdown-box .hljs-number {
color: #986801
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-symbol,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-bullet,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-link,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-meta,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-selector-id,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-title,
html[data-gpts-theme=light] .answer-markdown-box .hljs-symbol,
html[data-gpts-theme=light] .answer-markdown-box .hljs-bullet,
html[data-gpts-theme=light] .answer-markdown-box .hljs-link,
html[data-gpts-theme=light] .answer-markdown-box .hljs-meta,
html[data-gpts-theme=light] .answer-markdown-box .hljs-selector-id,
html[data-gpts-theme=light] .answer-markdown-box .hljs-title,
.gpt-light.gpt-light .answer-markdown-box .hljs-symbol,
.gpt-light.gpt-light .answer-markdown-box .hljs-bullet,
.gpt-light.gpt-light .answer-markdown-box .hljs-link,
.gpt-light.gpt-light .answer-markdown-box .hljs-meta,
.gpt-light.gpt-light .answer-markdown-box .hljs-selector-id,
.gpt-light.gpt-light .answer-markdown-box .hljs-title {
color: #4078f2
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-built_in,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-title.class_,
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-class .hljs-title,
html[data-gpts-theme=light] .answer-markdown-box .hljs-built_in,
html[data-gpts-theme=light] .answer-markdown-box .hljs-title.class_,
html[data-gpts-theme=light] .answer-markdown-box .hljs-class .hljs-title,
.gpt-light.gpt-light .answer-markdown-box .hljs-built_in,
.gpt-light.gpt-light .answer-markdown-box .hljs-title.class_,
.gpt-light.gpt-light .answer-markdown-box .hljs-class .hljs-title {
color: #c18401
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-emphasis,
html[data-gpts-theme=light] .answer-markdown-box .hljs-emphasis,
.gpt-light.gpt-light .answer-markdown-box .hljs-emphasis {
font-style: italic
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-strong,
html[data-gpts-theme=light] .answer-markdown-box .hljs-strong,
.gpt-light.gpt-light .answer-markdown-box .hljs-strong {
font-weight: 700
}
:host([data-gpts-theme=light]) .answer-markdown-box .hljs-link,
html[data-gpts-theme=light] .answer-markdown-box .hljs-link,
.gpt-light.gpt-light .answer-markdown-box .hljs-link {
text-decoration: underline
}
:host([data-gpts-theme=light]) .answer-markdown-box,
html[data-gpts-theme=light] .answer-markdown-box,
.gpt-light.gpt-light .answer-markdown-box {
--table-border-color: var(--sds-color-grey-line2-normal)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [hidden],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [hidden],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [hidden] {
display: none !important
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body a,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body a,
.gpt-light.gpt-light .answer-markdown-box .markdown-body a {
background-color: transparent;
color: #0969da;
text-decoration: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body a:active,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body a:hover,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body a:active,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body a:hover,
.gpt-light.gpt-light .answer-markdown-box .markdown-body a:active,
.gpt-light.gpt-light .answer-markdown-box .markdown-body a:hover {
outline-width: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body abbr[title],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body abbr[title],
.gpt-light.gpt-light .answer-markdown-box .markdown-body abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body b,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body strong,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body b,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body strong,
.gpt-light.gpt-light .answer-markdown-box .markdown-body b,
.gpt-light.gpt-light .answer-markdown-box .markdown-body strong {
font-weight: 600
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body dfn,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body dfn,
.gpt-light.gpt-light .answer-markdown-box .markdown-body dfn {
font-style: italic
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h1,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h1,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h1 {
margin: .67em 0;
font-weight: 600;
font-size: 1.5em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body mark,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body mark,
.gpt-light.gpt-light .answer-markdown-box .markdown-body mark {
background-color: #fff8c5;
color: #24292f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body small,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body small,
.gpt-light.gpt-light .answer-markdown-box .markdown-body small {
font-size: 90%
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body sub,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body sup,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body sub,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body sup,
.gpt-light.gpt-light .answer-markdown-box .markdown-body sub,
.gpt-light.gpt-light .answer-markdown-box .markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body sub,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body sub,
.gpt-light.gpt-light .answer-markdown-box .markdown-body sub {
bottom: -.25em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body sup,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body sup,
.gpt-light.gpt-light .answer-markdown-box .markdown-body sup {
top: -.3em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body img,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body img,
.gpt-light.gpt-light .answer-markdown-box .markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: #fff
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body code,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body kbd,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body samp,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body kbd,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body samp,
.gpt-light.gpt-light .answer-markdown-box .markdown-body code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body kbd,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body samp {
font-family: monospace, monospace;
font-size: 1em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body figure,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body figure,
.gpt-light.gpt-light .answer-markdown-box .markdown-body figure {
margin: 1em 40px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body hr,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body hr,
.gpt-light.gpt-light .answer-markdown-box .markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid hsl(210, 18%, 87%);
height: 1px;
padding: 0;
margin: 24px 0;
background-color: var(--sds-color-grey-line2-normal);
border: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body input,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body input,
.gpt-light.gpt-light .answer-markdown-box .markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=button],
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=reset],
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=submit],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=button],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=reset],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=submit],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=button],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=reset],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=submit] {
-webkit-appearance: button
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=button]::-moz-focus-inner,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=reset]::-moz-focus-inner,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=submit]::-moz-focus-inner,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=button]::-moz-focus-inner,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=reset]::-moz-focus-inner,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=submit]::-moz-focus-inner,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=button]::-moz-focus-inner,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=reset]::-moz-focus-inner,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=button]:-moz-focusring,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=reset]:-moz-focusring,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=submit]:-moz-focusring,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=button]:-moz-focusring,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=reset]:-moz-focusring,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=submit]:-moz-focusring,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=button]:-moz-focusring,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=reset]:-moz-focusring,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=checkbox],
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=radio],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=checkbox],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=radio],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=checkbox],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=radio] {
box-sizing: border-box;
padding: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=number]::-webkit-inner-spin-button,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=number]::-webkit-outer-spin-button,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=number]::-webkit-inner-spin-button,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=number]::-webkit-outer-spin-button,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=number]::-webkit-inner-spin-button,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=number]::-webkit-outer-spin-button {
height: auto
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=search],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=search],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=search]::-webkit-search-cancel-button,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [type=search]::-webkit-search-decoration,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=search]::-webkit-search-cancel-button,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [type=search]::-webkit-search-decoration,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=search]::-webkit-search-cancel-button,
.gpt-light.gpt-light .answer-markdown-box .markdown-body [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ::-webkit-input-placeholder,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ::-webkit-input-placeholder,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ::-webkit-file-upload-button,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ::-webkit-file-upload-button,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body a:hover,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body a:hover,
.gpt-light.gpt-light .answer-markdown-box .markdown-body a:hover {
text-decoration: underline
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body hr:before,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body hr:before,
.gpt-light.gpt-light .answer-markdown-box .markdown-body hr:before {
display: table;
content: ""
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body hr:after,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body hr:after,
.gpt-light.gpt-light .answer-markdown-box .markdown-body hr:after {
display: table;
clear: both;
content: ""
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table {
border-spacing: 0;
border-collapse: separate;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
overflow: auto
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single th:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single th:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single th:first-child {
border-top-left-radius: 6px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single th:last-child {
border-top-right-radius: 6px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single tbody tr:last-child td:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single tbody tr:last-child td:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single tbody tr:last-child td:first-child {
border-bottom-left-radius: 6px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single tbody tr:last-child td:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single tbody tr:last-child td:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single tbody tr:last-child td:last-child {
border-bottom-right-radius: .375rem
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.preview tbody td:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.preview tbody td:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.preview tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.preview th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.preview th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.preview th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.preview tr:last-child td,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.preview tr:last-child td,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.preview tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.preview thead th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.preview thead th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.preview thead th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single tbody td:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single tbody td:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single tbody td:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single tbody td:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single tbody td:first-child {
border-left: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single tr:last-child td,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single tr:last-child td,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single thead th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single thead th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single thead th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single thead th:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single thead th:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single thead th:first-child {
border-left: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single thead tr:first-child th,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single thead tr:first-child th,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single thead tr:first-child th {
border-top: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table.single th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table.single th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table.single th:last-child {
border-top-right-radius: .375rem
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body td,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body th,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body td,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body th,
.gpt-light.gpt-light .answer-markdown-box .markdown-body td,
.gpt-light.gpt-light .answer-markdown-box .markdown-body th {
padding: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body details summary,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body details summary,
.gpt-light.gpt-light .answer-markdown-box .markdown-body details summary {
cursor: pointer
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body details:not([open])>*:not(summary),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body details:not([open])>*:not(summary),
.gpt-light.gpt-light .answer-markdown-box .markdown-body details:not([open])>*:not(summary) {
display: none !important
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body kbd,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body kbd,
.gpt-light.gpt-light .answer-markdown-box .markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: #24292f;
vertical-align: middle;
background-color: #f6f8fa;
border: solid 1px rgba(175, 184, 193, .2);
border-bottom-color: #afb8c133;
border-radius: 6px;
box-shadow: inset 0 -1px #afb8c133
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h3:first-of-type,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h3:first-of-type,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h3:first-of-type {
margin-top: 12px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h2,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h2,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h2 {
font-weight: 600;
font-size: 1.35em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h3,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h3,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h3 {
font-weight: 600;
font-size: 1.125em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h4,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h4,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h4 {
font-weight: 600;
font-size: 1em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h5,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h5,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h5 {
font-weight: 600;
font-size: .875em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body h6,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body h6,
.gpt-light.gpt-light .answer-markdown-box .markdown-body h6 {
font-weight: 600;
font-size: .85em;
color: #57606a
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body p,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body p,
.gpt-light.gpt-light .answer-markdown-box .markdown-body p {
margin-top: 0;
margin-bottom: 10px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body blockquote,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body blockquote,
.gpt-light.gpt-light .answer-markdown-box .markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: #57606a;
border-left: .25em solid #d0d7de
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ol ol,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ul ol,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ol ol,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ul ol,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ol ol,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ul ol {
list-style-type: lower-roman
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body dd,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body dd,
.gpt-light.gpt-light .answer-markdown-box .markdown-body dd {
margin-left: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body tt,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body tt,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body tt,
.gpt-light.gpt-light .answer-markdown-box .markdown-body code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre {
margin-top: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
margin-bottom: 8px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ::-moz-placeholder,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ::-moz-placeholder,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ::-moz-placeholder {
color: #6e7781;
opacity: 1
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ::placeholder,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ::placeholder,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ::placeholder {
color: #6e7781;
opacity: 1
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body input::-webkit-outer-spin-button,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body input::-webkit-inner-spin-button,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body input::-webkit-outer-spin-button,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body input::-webkit-inner-spin-button,
.gpt-light.gpt-light .answer-markdown-box .markdown-body input::-webkit-outer-spin-button,
.gpt-light.gpt-light .answer-markdown-box .markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-c,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-c,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-c {
color: #6e7781
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-c1,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-s .pl-v,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-c1,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-s .pl-v,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-c1,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-s .pl-v {
color: #0550ae
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-e,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-en,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-e,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-en,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-e,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-en {
color: #8250df
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-smi,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-s .pl-s1,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-smi,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-s .pl-s1,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-smi,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-s .pl-s1 {
color: #24292f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-ent,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-ent,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-ent {
color: #116329
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-k,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-k,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-k {
color: #cf222e
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-s,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-pds,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-s .pl-pse .pl-s1,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-sr,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-sr .pl-cce,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-sr .pl-sre,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-sr .pl-sra,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-s,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-pds,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-s .pl-pse .pl-s1,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-sr,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-sr .pl-sre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-sr .pl-sra,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-s,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-pds,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-s .pl-pse .pl-s1,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-sr,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-sr .pl-cce,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-sr .pl-sre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-sr .pl-sra {
color: #0a3069
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-v,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-smw,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-v,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-smw,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-v,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-smw {
color: #953800
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-bu,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-bu,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-bu {
color: #82071e
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-ii,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-ii,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-ii {
color: #f6f8fa;
background-color: #82071e
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-c2,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-c2,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-c2 {
color: #f6f8fa;
background-color: #cf222e
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-sr .pl-cce,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-sr .pl-cce {
font-weight: 700;
color: #116329
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-ml,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-ml,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-ml {
color: #3b2300
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mh,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mh .pl-en,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-ms,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mh,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mh .pl-en,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-ms,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mh,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mh .pl-en,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-ms {
font-weight: 700;
color: #0550ae
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mi,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mi,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mi {
font-style: italic;
color: #24292f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mb,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mb,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mb {
font-weight: 700;
color: #24292f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-md,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-md,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-md {
color: #82071e;
background-color: #ffebe9
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mi1,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mi1,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mi1 {
color: #116329;
background-color: #dafbe1
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mc,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mc,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mc {
color: #953800;
background-color: #ffd8b5
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mi2,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mi2,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mi2 {
color: #eaeef2;
background-color: #0550ae
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-mdr,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-mdr,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-mdr {
font-weight: 700;
color: #8250df
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-ba,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-ba,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-ba {
color: #57606a
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-sg,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-sg,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-sg {
color: #8c959f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .pl-corl,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .pl-corl,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .pl-corl {
text-decoration: underline;
color: #0a3069
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body [data-catalyst],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body [data-catalyst],
.gpt-light.gpt-light .answer-markdown-box .markdown-body [data-catalyst] {
display: block
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body g-emoji,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body g-emoji,
.gpt-light.gpt-light .answer-markdown-box .markdown-body g-emoji {
font-family: "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
font-size: 1em;
font-style: normal !important;
font-weight: 400;
line-height: 1;
vertical-align: -.075em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body g-emoji img,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body g-emoji img,
.gpt-light.gpt-light .answer-markdown-box .markdown-body g-emoji img {
width: 1em;
height: 1em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body:before,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body:before,
.gpt-light.gpt-light .answer-markdown-box .markdown-body:before {
display: table;
content: ""
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body:after,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body:after,
.gpt-light.gpt-light .answer-markdown-box .markdown-body:after {
display: table;
clear: both;
content: ""
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body>*:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body>*:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body>*:first-child {
margin-top: 0 !important
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body>*:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body>*:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body>*:last-child {
margin-bottom: 0 !important
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body a:not([href]),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body a:not([href]),
.gpt-light.gpt-light .answer-markdown-box .markdown-body a:not([href]) {
color: inherit;
text-decoration: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .absent,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .absent,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .absent {
color: #cf222e
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .anchor,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .anchor,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .anchor:focus,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .anchor:focus,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .anchor:focus {
outline: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body blockquote>:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body blockquote>:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body blockquote>:first-child {
margin-top: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body blockquote>:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body blockquote>:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body blockquote>:last-child {
margin-bottom: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body sup>a:before,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body sup>a:before,
.gpt-light.gpt-light .answer-markdown-box .markdown-body sup>a:before {
content: "["
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body sup>a:after,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body sup>a:after,
.gpt-light.gpt-light .answer-markdown-box .markdown-body sup>a:after {
content: "]"
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
.gpt-light.gpt-light .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link {
color: #24292f;
vertical-align: middle;
visibility: hidden
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ul.no-list,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ol.no-list,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ul.no-list,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ol.no-list,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ul.no-list,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ol.no-list {
padding: 0;
list-style-type: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ol[type="1"],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ol[type="1"],
.gpt-light.gpt-light .answer-markdown-box .markdown-body ol[type="1"] {
list-style-type: decimal
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ol[type=a],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ol[type=a],
.gpt-light.gpt-light .answer-markdown-box .markdown-body ol[type=a] {
list-style-type: lower-alpha
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ol[type=i],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ol[type=i],
.gpt-light.gpt-light .answer-markdown-box .markdown-body ol[type=i] {
list-style-type: lower-roman
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body div>ol:not([type]),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body div>ol:not([type]),
.gpt-light.gpt-light .answer-markdown-box .markdown-body div>ol:not([type]) {
list-style-type: decimal
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body li>p,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body li>p,
.gpt-light.gpt-light .answer-markdown-box .markdown-body li>p {
margin-top: 16px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body li+li,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body li+li,
.gpt-light.gpt-light .answer-markdown-box .markdown-body li+li {
margin-top: .25em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body dl,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body dl,
.gpt-light.gpt-light .answer-markdown-box .markdown-body dl {
padding: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body dl dt,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body dl dt,
.gpt-light.gpt-light .answer-markdown-box .markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body dl dd,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body dl dd,
.gpt-light.gpt-light .answer-markdown-box .markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table thead tr,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table thead tr,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table thead tr {
background-color: var(--sds-color-grey-fill2-hover)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table th,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table th,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table th {
font-weight: 600;
text-align: left
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table th,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table td,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table th,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table td,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table th,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table td {
padding: 6px 13px;
max-width: 300px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table:not(.single) th:first-child,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table:not(.single) td:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table:not(.single) th:first-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table:not(.single) td:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table:not(.single) th:first-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table:not(.single) td:first-child {
border-left: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table:not(.single) th:last-child,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table:not(.single) td:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table:not(.single) th:last-child,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table:not(.single) td:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table:not(.single) th:last-child,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table:not(.single) td:last-child {
border-right: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table tr,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table tr,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table tr {
background-color: transparent
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table tr:nth-child(2n),
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table tr:nth-child(2n),
.gpt-light.gpt-light .answer-markdown-box .markdown-body table tr:nth-child(2n) {
background-color: var(--sds-color-grey-fill2-normal)
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body table img,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body table img,
.gpt-light.gpt-light .answer-markdown-box .markdown-body table img {
background-color: transparent
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body img[align=right],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body img[align=right],
.gpt-light.gpt-light .answer-markdown-box .markdown-body img[align=right] {
padding-left: 20px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body img[align=left],
html[data-gpts-theme=light] .answer-markdown-box .markdown-body img[align=left],
.gpt-light.gpt-light .answer-markdown-box .markdown-body img[align=left] {
padding-right: 20px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .emoji,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .emoji,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.frame,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.frame,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.frame {
display: block;
overflow: hidden
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.frame>span,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.frame>span,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #d0d7de
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.frame span img,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.frame span img,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.frame span img {
display: block;
float: left
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.frame span span,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.frame span span,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #24292f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.align-center,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.align-center,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.align-center>span,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.align-center>span,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.align-center span img,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.align-center span img,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.align-center span img {
margin: 0 auto;
text-align: center
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.align-right,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.align-right,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.align-right>span,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.align-right>span,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.align-right span img,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.align-right span img,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.align-right span img {
margin: 0;
text-align: right
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.float-left,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.float-left,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.float-left span,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.float-left span,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.float-left span {
margin: 13px 0 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.float-right,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.float-right,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body span.float-right>span,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body span.float-right>span,
.gpt-light.gpt-light .answer-markdown-box .markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body code,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body tt,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body tt,
.gpt-light.gpt-light .answer-markdown-box .markdown-body code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body tt {
padding: .2em .4em;
margin: 0;
font-size: 90%;
background-color: #afb8c133;
border-radius: 6px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body code br,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body tt br,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body code br,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body tt br,
.gpt-light.gpt-light .answer-markdown-box .markdown-body code br,
.gpt-light.gpt-light .answer-markdown-box .markdown-body tt br {
display: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body del code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body del code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body del code {
text-decoration: inherit
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre code {
font-size: 100%
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre>code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre>code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre>code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .highlight,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .highlight,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .highlight {
margin-bottom: 16px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .highlight pre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .highlight pre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .highlight pre,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .highlight pre,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .highlight pre,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre {
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 6px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre code,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body pre tt,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre code,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body pre tt,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre code,
.gpt-light.gpt-light .answer-markdown-box .markdown-body pre tt {
display: inline-block;
max-width: auto;
padding: 14px;
margin: 0;
overflow: auto;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .csv-data td,
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .csv-data th,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .csv-data td,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .csv-data th,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .csv-data td,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .csv-data .blob-num,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .csv-data .blob-num,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #fff;
border: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .csv-data tr,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .csv-data tr,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .csv-data tr {
border-top: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .csv-data th,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .csv-data th,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .csv-data th {
font-weight: 600;
background: #f6f8fa;
border-top: 0
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .footnotes,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .footnotes,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .footnotes {
font-size: 12px;
color: #57606a;
border-top: 1px solid #d0d7de
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .footnotes ol,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .footnotes ol,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .footnotes ol {
padding-left: 16px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .footnotes li,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .footnotes li,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .footnotes li {
position: relative
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .footnotes li:target:before,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .footnotes li:target:before,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .footnotes li:target:before {
position: absolute;
inset: -8px -8px -8px -24px;
pointer-events: none;
content: "";
border: 2px solid #0969da;
border-radius: 6px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .footnotes li:target,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .footnotes li:target,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .footnotes li:target {
color: #24292f
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .footnotes .data-footnote-backref g-emoji,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .footnotes .data-footnote-backref g-emoji,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .task-list-item,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .task-list-item,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .task-list-item {
list-style-type: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .task-list-item label,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .task-list-item label,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .task-list-item label {
font-weight: 400
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .task-list-item.enabled label,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .task-list-item.enabled label,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .task-list-item.enabled label {
cursor: pointer
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .task-list-item+.task-list-item,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .task-list-item+.task-list-item,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .task-list-item+.task-list-item {
margin-top: 3px
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .task-list-item .handle,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .task-list-item .handle,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .task-list-item .handle {
display: none
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .task-list-item-checkbox,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .task-list-item-checkbox,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .task-list-item-checkbox {
margin: 0 .2em .25em -1.6em;
vertical-align: middle
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
.gpt-light.gpt-light .answer-markdown-box .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em
}
:host([data-gpts-theme=light]) .answer-markdown-box .markdown-body ::-webkit-calendar-picker-indicator,
html[data-gpts-theme=light] .answer-markdown-box .markdown-body ::-webkit-calendar-picker-indicator,
.gpt-light.gpt-light .answer-markdown-box .markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%)
}
:host([data-gpts-theme=dark]) .answer-markdown-box,
html[data-gpts-theme=dark] .answer-markdown-box,
.gpt-dark.gpt-dark .answer-markdown-box {
font-size: 14px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
margin: 0;
color: var(--markdown-color, var(--sds-color-text-primary-1));
font-family: var(--gpts-font-family);
font-size: var(--markdown-font-size, 14px);
line-height: 1.65;
word-wrap: break-word
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ul,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ol,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ul,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ol,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ul,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-inline-start: 2em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ul,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ul,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ul {
padding-inline-start: 1.15em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) {
margin-top: 0;
margin-bottom: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) ol,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) ol,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(ul, ol) :is(ul, ol) ol {
list-style-type: lower-alpha
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details) {
margin-top: 0;
margin-bottom: 20px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body summary,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body summary,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body summary {
display: list-item
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .octicon,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .octicon,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
overflow: visible !important
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body details,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body figcaption,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body figure,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body details,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body figcaption,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body figure,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body details,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body figcaption,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body figure {
display: block
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) {
margin-top: 1.2em;
margin-bottom: .6em;
font-weight: 600;
line-height: 1.25
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code) {
padding: 0 .2em;
font-size: inherit
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor {
text-decoration: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link {
visibility: visible
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: " ";
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,")
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre {
background-color: #161b22
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre .code-block-inner,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre .code-block-inner,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre .code-block-inner {
font-size: 12px !important
}
:host([data-gpts-theme=dark]) .answer-markdown-box pre code.hljs,
html[data-gpts-theme=dark] .answer-markdown-box pre code.hljs,
.gpt-dark.gpt-dark .answer-markdown-box pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
:host([data-gpts-theme=dark]) .answer-markdown-box code.hljs,
html[data-gpts-theme=dark] .answer-markdown-box code.hljs,
.gpt-dark.gpt-dark .answer-markdown-box code.hljs {
padding: 3px 5px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs,
html[data-gpts-theme=dark] .answer-markdown-box .hljs,
.gpt-dark.gpt-dark .answer-markdown-box .hljs {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-doctag,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-keyword,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-meta .hljs-keyword,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-template-tag,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-template-variable,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-type,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-variable.language_,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-doctag,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-keyword,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-meta .hljs-keyword,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-template-tag,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-template-variable,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-type,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-variable.language_,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-doctag,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-keyword,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-meta .hljs-keyword,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-template-tag,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-template-variable,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-type,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-variable.language_ {
color: #ff7b72
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-title,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-title.class_,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-title.class_.inherited__,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-title.function_,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-title,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-title.class_,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-title.class_.inherited__,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-title.function_,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-title,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-title.class_,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-title.class_.inherited__,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-title.function_ {
color: #d2a8ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-attr,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-attribute,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-literal,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-meta,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-number,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-operator,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-selector-attr,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-selector-class,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-selector-id,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-variable,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-attr,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-attribute,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-literal,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-meta,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-number,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-operator,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-selector-attr,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-selector-class,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-selector-id,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-variable,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-attr,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-attribute,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-literal,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-meta,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-number,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-operator,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-selector-attr,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-selector-class,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-selector-id,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-variable {
color: #79c0ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-meta .hljs-string,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-regexp,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-string,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-meta .hljs-string,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-regexp,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-string,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-meta .hljs-string,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-regexp,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-string {
color: #a5d6ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-built_in,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-symbol,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-built_in,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-symbol,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-built_in,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-symbol {
color: #ffa657
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-code,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-comment,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-formula,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-code,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-comment,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-formula,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-code,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-comment,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-formula {
color: #8b949e
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-name,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-quote,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-selector-pseudo,
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-selector-tag,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-name,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-quote,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-selector-pseudo,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-selector-tag,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-name,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-quote,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-selector-pseudo,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-selector-tag {
color: #7ee787
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-subst,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-subst,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-subst {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-section,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-section,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-section {
color: #1f6feb;
font-weight: 700
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-bullet,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-bullet,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-bullet {
color: #f2cc60
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-emphasis,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-emphasis,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-emphasis {
color: #c9d1d9;
font-style: italic
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-strong,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-strong,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-strong {
color: #c9d1d9;
font-weight: 700
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-addition,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-addition,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-addition {
color: #aff5b4;
background-color: #033a16
}
:host([data-gpts-theme=dark]) .answer-markdown-box .hljs-deletion,
html[data-gpts-theme=dark] .answer-markdown-box .hljs-deletion,
.gpt-dark.gpt-dark .answer-markdown-box .hljs-deletion {
color: #ffdcd7;
background-color: #67060c
}
:host([data-gpts-theme=dark]) .answer-markdown-box,
html[data-gpts-theme=dark] .answer-markdown-box,
.gpt-dark.gpt-dark .answer-markdown-box {
--table-border-color: var(--sds-color-table-border)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body {
color-scheme: dark
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [hidden],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [hidden],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [hidden] {
display: none !important
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body a,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body a,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body a {
background-color: transparent;
color: #58a6ff;
text-decoration: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body a:active,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body a:hover,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body a:active,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body a:hover,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body a:active,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body a:hover {
outline-width: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body abbr[title],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body abbr[title],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body b,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body strong,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body b,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body strong,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body b,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body strong {
font-weight: 600
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body dfn,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body dfn,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body dfn {
font-style: italic
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h1,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h1,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h1 {
margin: .67em 0;
font-weight: 600;
font-size: 1.5em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body mark,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body mark,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body mark {
background-color: #bb800926;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body small,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body small,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body small {
font-size: 90%
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body sub,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body sup,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body sub,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body sup,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body sub,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body sub,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body sub,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body sub {
bottom: -.25em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body sup,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body sup,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body sup {
top: -.3em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body img,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body img,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: #0d1117
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body code,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body kbd,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body samp,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body kbd,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body samp,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body kbd,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body samp {
font-family: monospace, monospace;
font-size: 1em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body figure,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body figure,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body figure {
margin: 1em 40px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body hr,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body hr,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid #21262d;
height: 1px;
padding: 0;
margin: 24px 0;
background-color: var(--sds-color-grey-line2-normal);
border: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body input,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body input,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=button],
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=reset],
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=submit],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=button],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=reset],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=submit],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=button],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=reset],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=submit] {
-webkit-appearance: button
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=button]::-moz-focus-inner,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=reset]::-moz-focus-inner,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=submit]::-moz-focus-inner,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=button]::-moz-focus-inner,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=reset]::-moz-focus-inner,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=submit]::-moz-focus-inner,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=button]::-moz-focus-inner,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=reset]::-moz-focus-inner,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=button]:-moz-focusring,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=reset]:-moz-focusring,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=submit]:-moz-focusring,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=button]:-moz-focusring,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=reset]:-moz-focusring,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=submit]:-moz-focusring,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=button]:-moz-focusring,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=reset]:-moz-focusring,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=checkbox],
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=radio],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=checkbox],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=radio],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=checkbox],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=radio] {
box-sizing: border-box;
padding: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=number]::-webkit-inner-spin-button,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=number]::-webkit-outer-spin-button,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=number]::-webkit-inner-spin-button,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=number]::-webkit-outer-spin-button,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=number]::-webkit-inner-spin-button,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=number]::-webkit-outer-spin-button {
height: auto
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=search],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=search],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=search]::-webkit-search-cancel-button,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [type=search]::-webkit-search-decoration,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=search]::-webkit-search-cancel-button,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [type=search]::-webkit-search-decoration,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=search]::-webkit-search-cancel-button,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ::-webkit-input-placeholder,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ::-webkit-input-placeholder,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ::-webkit-file-upload-button,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ::-webkit-file-upload-button,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body a:hover,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body a:hover,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body a:hover {
text-decoration: underline
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body hr:before,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body hr:before,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body hr:before {
display: table;
content: ""
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body hr:after,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body hr:after,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body hr:after {
display: table;
clear: both;
content: ""
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table {
border-spacing: 0;
border-collapse: separate;
border-spacing: 0px 0px;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
overflow: auto
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single th:first-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single th:first-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single th:first-child {
border-top-left-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single th:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single th:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single th:last-child {
border-top-right-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single tbody tr:last-child td:first-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single tbody tr:last-child td:first-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single tbody tr:last-child td:first-child {
border-bottom-left-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single tbody tr:last-child td:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single tbody tr:last-child td:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single tbody tr:last-child td:last-child {
border-bottom-right-radius: .375rem
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.preview tbody td:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.preview tbody td:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.preview tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.preview tr:last-child td,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.preview tr:last-child td,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.preview tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.preview th:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.preview th:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.preview th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single tbody td:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single tbody td:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single tbody td:first-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single tbody td:first-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single tbody td:first-child {
border-left: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single th:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single th:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single tr:last-child td,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single tr:last-child td,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single thead th:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single thead th:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single thead th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single thead th:first-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single thead th:first-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single thead th:first-child {
border-left: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single thead tr:first-child th,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single thead tr:first-child th,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single thead tr:first-child th {
border-top: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table.single thead th:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table.single thead th:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table.single thead th:last-child {
border-top-right-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body td,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body th,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body td,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body th,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body td,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body th {
padding: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body details summary,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body details summary,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body details summary {
cursor: pointer
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body details:not([open])>*:not(summary),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body details:not([open])>*:not(summary),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body details:not([open])>*:not(summary) {
display: none !important
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body kbd,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body kbd,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: #c9d1d9;
vertical-align: middle;
background-color: #161b22;
border: solid 1px rgba(110, 118, 129, .4);
border-bottom-color: #6e768166;
border-radius: 6px;
box-shadow: inset 0 -1px #6e768166
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h3:first-of-type,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h3:first-of-type,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h3:first-of-type {
margin-top: 12px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h2,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h2,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h2 {
font-weight: 600;
font-size: 1.35em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h3,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h3,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h3 {
font-weight: 600;
font-size: 1.125em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h4,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h4,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h4 {
font-weight: 600;
font-size: 1em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h5,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h5,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h5 {
font-weight: 600;
font-size: .875em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body h6,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body h6,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body h6 {
font-weight: 600;
font-size: .85em;
color: #8b949e
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body p,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body p,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body p {
margin-top: 0;
margin-bottom: 10px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body blockquote,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body blockquote,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: #8b949e;
border-left: .25em solid #30363d
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ol ol,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ul ol,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ol ol,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ul ol,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ol ol,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ul ol {
list-style-type: lower-roman
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body dd,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body dd,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body dd {
margin-left: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body tt,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body tt,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body tt,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre {
margin-top: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
margin-bottom: 8px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ::-moz-placeholder,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ::-moz-placeholder,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ::-moz-placeholder {
color: #484f58;
opacity: 1
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ::placeholder,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ::placeholder,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ::placeholder {
color: #484f58;
opacity: 1
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body input::-webkit-outer-spin-button,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body input::-webkit-inner-spin-button,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body input::-webkit-outer-spin-button,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body input::-webkit-inner-spin-button,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body input::-webkit-outer-spin-button,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-c,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-c,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-c {
color: #8b949e
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-c1,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-s .pl-v,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-c1,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-s .pl-v,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-c1,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-s .pl-v {
color: #79c0ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-e,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-en,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-e,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-en,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-e,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-en {
color: #d2a8ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-smi,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-s .pl-s1,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-smi,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-s .pl-s1,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-smi,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-s .pl-s1 {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-ent,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-ent,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-ent {
color: #7ee787
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-k,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-k,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-k {
color: #ff7b72
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-s,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-pds,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-s .pl-pse .pl-s1,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-sr,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-sr .pl-cce,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-sr .pl-sre,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-sr .pl-sra,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-s,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-pds,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-s .pl-pse .pl-s1,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-sr,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-sr .pl-sre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-sr .pl-sra,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-s,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-pds,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-s .pl-pse .pl-s1,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-sr,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-sr .pl-cce,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-sr .pl-sre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-sr .pl-sra {
color: #a5d6ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-v,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-smw,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-v,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-smw,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-v,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-smw {
color: #ffa657
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-bu,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-bu,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-bu {
color: #f85149
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-ii,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-ii,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-ii {
color: #f0f6fc;
background-color: #8e1519
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-c2,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-c2,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-c2 {
color: #f0f6fc;
background-color: #b62324
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-sr .pl-cce,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-sr .pl-cce {
font-weight: 700;
color: #7ee787
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-ml,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-ml,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-ml {
color: #f2cc60
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mh,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mh .pl-en,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-ms,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mh,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mh .pl-en,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-ms,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mh,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mh .pl-en,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-ms {
font-weight: 700;
color: #1f6feb
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mi,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mi,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mi {
font-style: italic;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mb,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mb,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mb {
font-weight: 700;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-md,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-md,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-md {
color: #ffdcd7;
background-color: #67060c
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mi1,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mi1,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mi1 {
color: #aff5b4;
background-color: #033a16
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mc,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mc,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mc {
color: #ffdfb6;
background-color: #5a1e02
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mi2,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mi2,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mi2 {
color: #c9d1d9;
background-color: #1158c7
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-mdr,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-mdr,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-mdr {
font-weight: 700;
color: #d2a8ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-ba,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-ba,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-ba {
color: #8b949e
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-sg,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-sg,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-sg {
color: #484f58
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .pl-corl,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .pl-corl,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .pl-corl {
text-decoration: underline;
color: #a5d6ff
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body [data-catalyst],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body [data-catalyst],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body [data-catalyst] {
display: block
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body g-emoji,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body g-emoji,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body g-emoji {
font-family: "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
font-size: 1em;
font-style: normal !important;
font-weight: 400;
line-height: 1;
vertical-align: -.075em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body g-emoji img,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body g-emoji img,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body g-emoji img {
width: 1em;
height: 1em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body:before,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body:before,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body:before {
display: table;
content: ""
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body:after,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body:after,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body:after {
display: table;
clear: both;
content: ""
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body>*:first-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body>*:first-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body>*:first-child {
margin-top: 0 !important
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body>*:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body>*:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body>*:last-child {
margin-bottom: 0 !important
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body a:not([href]),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body a:not([href]),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body a:not([href]) {
color: inherit;
text-decoration: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .absent,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .absent,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .absent {
color: #f85149
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .anchor,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .anchor,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .anchor:focus,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .anchor:focus,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .anchor:focus {
outline: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body blockquote>:first-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body blockquote>:first-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body blockquote>:first-child {
margin-top: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body blockquote>:last-child,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body blockquote>:last-child,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body blockquote>:last-child {
margin-bottom: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body sup>a:before,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body sup>a:before,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body sup>a:before {
content: "["
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body sup>a:after,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body sup>a:after,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body sup>a:after {
content: "]"
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link {
color: #c9d1d9;
vertical-align: middle;
visibility: hidden
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ul.no-list,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ol.no-list,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ul.no-list,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ol.no-list,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ul.no-list,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ol.no-list {
padding: 0;
list-style-type: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ol[type="1"],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ol[type="1"],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ol[type="1"] {
list-style-type: decimal
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ol[type=a],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ol[type=a],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ol[type=a] {
list-style-type: lower-alpha
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ol[type=i],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ol[type=i],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ol[type=i] {
list-style-type: lower-roman
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body div>ol:not([type]),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body div>ol:not([type]),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body div>ol:not([type]) {
list-style-type: decimal
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body li>p,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body li>p,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body li>p {
margin-top: 16px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body li+li,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body li+li,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body li+li {
margin-top: .25em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body dl,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body dl,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body dl {
padding: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body dl dt,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body dl dt,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body dl dd,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body dl dd,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table thead tr,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table thead tr,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table thead tr {
background-color: var(--sds-color-grey-fill2-hover)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table th,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table th,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table th {
font-weight: 600
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table th,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table td,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table th,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table td,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table th,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table td {
padding: 6px 13px;
max-width: 300px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table tr,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table tr,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table tr {
background-color: transparent
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table tr:nth-child(2n),
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table tr:nth-child(2n),
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table tr:nth-child(2n) {
background-color: var(--sds-color-grey-fill2-normal)
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body table img,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body table img,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body table img {
background-color: transparent
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body img[align=right],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body img[align=right],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body img[align=right] {
padding-left: 20px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body img[align=left],
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body img[align=left],
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body img[align=left] {
padding-right: 20px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .emoji,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .emoji,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.frame,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.frame,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.frame {
display: block;
overflow: hidden
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.frame>span,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.frame>span,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #30363d
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.frame span img,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.frame span img,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.frame span img {
display: block;
float: left
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.frame span span,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.frame span span,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.align-center,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.align-center,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.align-center>span,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.align-center>span,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.align-center span img,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.align-center span img,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.align-center span img {
margin: 0 auto;
text-align: center
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.align-right,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.align-right,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.align-right>span,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.align-right>span,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.align-right span img,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.align-right span img,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.align-right span img {
margin: 0;
text-align: right
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.float-left,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.float-left,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.float-left span,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.float-left span,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.float-left span {
margin: 13px 0 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.float-right,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.float-right,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body span.float-right>span,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body span.float-right>span,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body code,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body tt,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body tt,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body tt {
padding: .2em .4em;
margin: 0;
font-size: 85%;
background-color: #6e768166;
border-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body code br,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body tt br,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body code br,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body tt br,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body code br,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body tt br {
display: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body del code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body del code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body del code {
text-decoration: inherit
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre code {
font-size: 100%
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre>code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre>code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre>code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .highlight,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .highlight,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .highlight {
margin-bottom: 16px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .highlight pre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .highlight pre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .highlight pre,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .highlight pre,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .highlight pre,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre {
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre code,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body pre tt,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre code,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body pre tt,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre code,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body pre tt {
display: inline-block;
max-width: auto;
padding: 14px;
margin: 0;
overflow: auto;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .csv-data td,
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .csv-data th,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .csv-data td,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .csv-data th,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .csv-data td,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .csv-data .blob-num,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .csv-data .blob-num,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #0d1117;
border: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .csv-data tr,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .csv-data tr,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .csv-data tr {
border-top: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .csv-data th,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .csv-data th,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .csv-data th {
font-weight: 600;
background: #161b22;
border-top: 0
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .footnotes,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .footnotes,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .footnotes {
font-size: 12px;
color: #8b949e;
border-top: 1px solid #30363d
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .footnotes ol,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .footnotes ol,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .footnotes ol {
padding-left: 16px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .footnotes li,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .footnotes li,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .footnotes li {
position: relative
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .footnotes li:target:before,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .footnotes li:target:before,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .footnotes li:target:before {
position: absolute;
inset: -8px -8px -8px -24px;
pointer-events: none;
content: "";
border: 2px solid #1f6feb;
border-radius: 6px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .footnotes li:target,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .footnotes li:target,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .footnotes li:target {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .footnotes .data-footnote-backref g-emoji,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .footnotes .data-footnote-backref g-emoji,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .task-list-item,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .task-list-item,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .task-list-item {
list-style-type: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .task-list-item label,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .task-list-item label,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .task-list-item label {
font-weight: 400
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .task-list-item.enabled label,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .task-list-item.enabled label,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .task-list-item.enabled label {
cursor: pointer
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .task-list-item+.task-list-item,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .task-list-item+.task-list-item,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .task-list-item+.task-list-item {
margin-top: 3px
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .task-list-item .handle,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .task-list-item .handle,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .task-list-item .handle {
display: none
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .task-list-item-checkbox,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .task-list-item-checkbox,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .task-list-item-checkbox {
margin: 0 .2em .25em -1.6em;
vertical-align: middle
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em
}
:host([data-gpts-theme=dark]) .answer-markdown-box .markdown-body ::-webkit-calendar-picker-indicator,
html[data-gpts-theme=dark] .answer-markdown-box .markdown-body ::-webkit-calendar-picker-indicator,
.gpt-dark.gpt-dark .answer-markdown-box .markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%)
}
::-moz-selection {
background-color: Highlight;
color: HighlightText
}
::selection {
background-color: Highlight;
color: HighlightText
}
:where(:focus-visible) {
outline: 2px solid var(--sds-color-assistive-blue);
outline-offset: 2px
}
.chat-gpt-quick-query-container {
color: var(--sds-color-text-primary-1);
font-family: var(--gpts-font-family);
font-size: 14px;
font-variant: normal;
font-weight: 400;
letter-spacing: normal;
word-spacing: normal;
line-height: 1.5;
text-align: start;
text-shadow: initial;
text-transform: initial;
visibility: visible !important;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased
}
.chat-gpt-quick-query-container * {
box-sizing: border-box
}
@media print {
.chat-gpt-quick-query-container {
display: none
}
}
.chat-gpt-quick-query-container:not(.in-sidepanel):not(.in-standalone) {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.chat-gpt-quick-query-container {
pointer-events: all
}
button,
input {
font-family: var(--gpts-font-family)
}
button,
[role=button] {
cursor: pointer
}
@property --sider-scrollbar-thumb-color {
syntax: "";
inherits: false;
initial-value: white;
}
@property --scrollbar-margin-block {
syntax: "+";
inherits: false;
initial-value: 0px;
}
@property --scrollbar-margin-inline {
syntax: "+";
inherits: false;
initial-value: 0px;
}
@property --animatable-color-1 {
syntax: "";
inherits: false;
initial-value: transparent;
}
@property --animatable-color-2 {
syntax: "";
inherits: false;
initial-value: transparent;
}
.custom-scrollbar,
.ant-cascader-menu,
.ant-dropdown-menu,
.ant-select-dropdown .rc-virtual-list-holder,
.ant-input {
scrollbar-width: initial;
scrollbar-color: initial;
--scrollbar-width: 4px;
--scrollbar-color: var(--sds-color-grey-line2-normal);
--scrollbar-color-hover: var(--sds-color-grey-line2-hover);
--scrollbar-color-active: var(--sds-color-grey-line2-click);
--sider-scrollbar-thumb-color: var(--sds-color-grey-line2-normal)
}
.custom-scrollbar.custom-scrollbar-wide,
.custom-scrollbar-wide.ant-cascader-menu,
.custom-scrollbar-wide.ant-dropdown-menu,
.ant-select-dropdown .custom-scrollbar-wide.rc-virtual-list-holder,
.custom-scrollbar-wide.ant-input {
--scrollbar-width: 8px
}
.custom-scrollbar.custom-scrollbar-hidden,
.custom-scrollbar-hidden.ant-cascader-menu,
.custom-scrollbar-hidden.ant-dropdown-menu,
.ant-select-dropdown .custom-scrollbar-hidden.rc-virtual-list-holder,
.custom-scrollbar-hidden.ant-input {
transition: --sider-scrollbar-thumb-color;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--sider-scrollbar-thumb-color: transparent
}
.custom-scrollbar.custom-scrollbar-hidden:hover,
.custom-scrollbar-hidden.ant-cascader-menu:hover,
.custom-scrollbar-hidden.ant-dropdown-menu:hover,
.ant-select-dropdown .custom-scrollbar-hidden.rc-virtual-list-holder:hover,
.custom-scrollbar-hidden.ant-input:hover {
transition-duration: .15s;
--sider-scrollbar-thumb-color: var(--sds-color-grey-line2-normal)
}
.custom-scrollbar.custom-scrollbar-float,
.custom-scrollbar-float.ant-cascader-menu,
.custom-scrollbar-float.ant-dropdown-menu,
.ant-select-dropdown .custom-scrollbar-float.rc-virtual-list-holder,
.custom-scrollbar-float.ant-input {
--scrollbar-width: var(--scrollbar-float-width, 8px);
--scrollbar-border-width: var(--scrollbar-float-border-width, 2px)
}
.custom-scrollbar.custom-scrollbar-float::-webkit-scrollbar-thumb,
.custom-scrollbar-float.ant-cascader-menu::-webkit-scrollbar-thumb,
.custom-scrollbar-float.ant-dropdown-menu::-webkit-scrollbar-thumb,
.ant-select-dropdown .custom-scrollbar-float.rc-virtual-list-holder::-webkit-scrollbar-thumb,
.custom-scrollbar-float.ant-input::-webkit-scrollbar-thumb {
--float-radius: calc(var(--scrollbar-width) - (var(--scrollbar-border-width) * 2));
background-clip: padding-box;
border-block-width: 0px;
border-inline-width: var(--scrollbar-border-width);
border-style: solid;
border-color: transparent;
border-radius: var(--scrollbar-width)/var(--float-radius)
}
.custom-scrollbar.custom-scrollbar-float::-webkit-scrollbar-thumb:horizontal,
.custom-scrollbar-float.ant-cascader-menu::-webkit-scrollbar-thumb:horizontal,
.custom-scrollbar-float.ant-dropdown-menu::-webkit-scrollbar-thumb:horizontal,
.ant-select-dropdown .custom-scrollbar-float.rc-virtual-list-holder::-webkit-scrollbar-thumb:horizontal,
.custom-scrollbar-float.ant-input::-webkit-scrollbar-thumb:horizontal {
border-block-width: var(--scrollbar-border-width);
border-inline-width: 0px;
border-radius: var(--float-radius)/var(--scrollbar-width)
}
.custom-scrollbar::-webkit-scrollbar-button,
.ant-cascader-menu::-webkit-scrollbar-button,
.ant-dropdown-menu::-webkit-scrollbar-button,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-button,
.ant-input::-webkit-scrollbar-button {
display: none
}
.custom-scrollbar::-webkit-scrollbar-corner,
.ant-cascader-menu::-webkit-scrollbar-corner,
.ant-dropdown-menu::-webkit-scrollbar-corner,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-corner,
.ant-input::-webkit-scrollbar-corner {
background-color: #0000;
display: none
}
.custom-scrollbar::-webkit-scrollbar,
.ant-cascader-menu::-webkit-scrollbar,
.ant-dropdown-menu::-webkit-scrollbar,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar,
.ant-input::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
border-radius: 9999px
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.ant-cascader-menu::-webkit-scrollbar-thumb,
.ant-dropdown-menu::-webkit-scrollbar-thumb,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb,
.ant-input::-webkit-scrollbar-thumb {
--sider-scrollbar-thumb-color: inherit;
background-color: var(--sider-scrollbar-thumb-color, var(--scrollbar-color));
border-radius: 9999px;
cursor: auto
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.ant-cascader-menu::-webkit-scrollbar-thumb:hover,
.ant-dropdown-menu::-webkit-scrollbar-thumb:hover,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb:hover,
.ant-input::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-color-hover)
}
.custom-scrollbar::-webkit-scrollbar-thumb:active,
.ant-cascader-menu::-webkit-scrollbar-thumb:active,
.ant-dropdown-menu::-webkit-scrollbar-thumb:active,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb:active,
.ant-input::-webkit-scrollbar-thumb:active {
background-color: var(--scrollbar-color-active)
}
.custom-scrollbar::-webkit-scrollbar-track,
.ant-cascader-menu::-webkit-scrollbar-track,
.ant-dropdown-menu::-webkit-scrollbar-track,
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-track,
.ant-input::-webkit-scrollbar-track {
--scrollbar-margin-block: inherit;
--scrollbar-margin-inline: inherit;
margin-block: var(--scrollbar-margin-block);
margin-inline: var(--scrollbar-margin-inline)
}
.title-font {
font-family: Poppins, sans-serif;
font-weight: 600
}
.ant-image-preview-root,
.ant-image-preview-operations-wrapper {
position: relative;
z-index: 2147483645
}
.ant-image-preview-mask {
background: #0e0e0ef0 !important
}
.ant-image-preview-close,
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
font-size: 16px !important;
padding: 0 !important;
border-radius: 999px !important;
background: var(--sds-color-glass-fill2-normal) !important;
backdrop-filter: blur(16px);
border: .5px solid transparent !important;
transition: border-color .2s !important;
color: #fff !important;
inset-inline-end: auto
}
.ant-image-preview-close:hover,
.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
border-color: var(--sds-color-text-white-5) !important;
background: var(--sds-color-glass-fill2-normal) !important
}
.ant-image-preview-close {
top: 16px !important;
right: 16px !important;
inset-inline-end: 16px !important
}
.ant-image-preview-switch-left {
left: 16px !important;
inset-inline-start: 16px !important
}
.ant-image-preview-switch-right {
right: 16px !important;
inset-inline-end: 16px !important
}
.ant-image-preview-operations-wrapper .ant-image-preview-operations {
background: transparent !important
}
.image-preview-count {
display: inline-flex;
padding: 6px 12px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 999px;
background: var(--sds-color-grey-overlay1);
backdrop-filter: blur(16px);
color: #fff;
font-size: 14px;
position: fixed;
top: 16px;
left: 50%;
transform: translate(-50%);
z-index: 1
}
.image-preview-toolbar-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
font-size: 16px;
border-radius: 999px;
background: var(--sds-color-glass-fill2-normal);
backdrop-filter: blur(16px);
border: .5px solid transparent;
transition: border-color .2s;
color: #fff;
cursor: pointer
}
.image-preview-toolbar-btn:hover {
border-color: var(--sds-color-text-white-5)
}
.ant-modal-root {
position: relative;
z-index: 2147483645
}
.ant-modal-root .ant-modal-close {
background-color: transparent !important;
top: 8px !important;
inset-inline-end: 8px !important
}
.ant-input {
--scrollbar-margin-block: 6px
}
.ant-dropdown-menu,
.ant-cascader-menu {
background-clip: border-box !important
}
.ant-input-borderless {
box-shadow: none !important
}
.custom-ant-input,
.custom.ant-input {
padding: 12px;
border-radius: 12px;
border-color: transparent !important;
background-color: var(--sds-color-grey-fill2-normal) !important;
color: var(--gpts-black-text-color2);
box-shadow: none
}
.custom-ant-input:focus,
.custom.ant-input:focus {
border-color: var(--sds-color-brand-secondary-normal) !important;
background-color: var(--sds-color-grey-layer2-normal) !important;
box-shadow: 0 0 0 3px var(--sds-color-focus-primary-1)
}
.custom.ant-input-affix-wrapper {
border-color: transparent !important;
background-color: var(--sds-color-grey-fill2-normal) !important;
color: var(--sds-color-text-primary-1);
box-shadow: none;
padding: 4px 8px
}
.custom.ant-input-affix-wrapper:focus-within {
border-color: var(--sds-color-brand-secondary-normal) !important;
background-color: var(--sds-color-grey-layer2-normal) !important;
box-shadow: 0 0 0 3px var(--sds-color-focus-primary-1)
}
.custom.ant-input-affix-wrapper:focus-within .ant-input {
background-color: var(--sds-color-grey-layer2-normal) !important
}
.custom.ant-input-affix-wrapper .ant-input {
background-color: transparent !important
}
.custom.ant-select .ant-select-selector:hover {
background-color: var(--sds-color-grey-fill2-hover)
}
.custom.ant-select .ant-select-selector:active {
background-color: var(--sds-color-grey-fill2-click)
}
.custom.ant-select .ant-select-selector {
color: var(--gpts-black-text-color2);
background-color: var(--sds-color-grey-fill2-normal);
border-width: 0;
border-color: transparent;
box-shadow: none
}
.custom.ant-select-open .ant-select-selection-item {
color: var(--gpts-black-text-color2)
}
.custom.ant-select-open .ant-select-selector {
background-color: var(--sds-color-grey-fill2-click)
}
.custom.ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
box-shadow: none;
border-color: transparent
}
.custom.ant-btn-default:not(:disabled) {
color: var(--gpts-black-text-color2);
background-color: var(--gpts-bg-darken2)
}
.custom.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
color: var(--gpts-black-text-color2)
}
.custom.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
background-color: var(--gpts-bg-darken3)
}
.custom.ant-btn-default:not(:disabled):not(.ant-btn-disabled):focus-visible {
outline: none
}
.custom.ant-btn-default:not(:disabled):not(.ant-btn-disabled):active {
background-color: var(--gpts-bg-darken4)
}
.custom.ant-btn-default:not(:disabled):not(.ant-btn-disabled) .ant-wave {
display: none
}
.custom.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
box-shadow: none
}
.custom.ant-btn-default:not(:disabled).ant-popover-open {
background-color: var(--gpts-bg-darken4)
}
.custom-select-lg.ant-select.ant-select-lg .ant-select-selector {
font-size: 14px;
border-radius: 8px
}
.hiden-markdown-footnote .markdown-body section.footnotes {
display: none
}
.ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
min-width: 28px;
min-height: 28px;
padding: 4px 8px;
border-radius: 6px
}
.ant-popover .ant-popover-content .ant-popover-inner {
padding: 8px
}
.ant-popover.custom-transparent .ant-popover-content .ant-popover-inner {
background: transparent;
box-shadow: none;
padding: 0;
border-radius: 0
}
.ant-collapse.message-item-search-collapse .ant-collapse-header {
padding: 0;
color: var(--gpts-secondary-text-color)
}
.ant-collapse.message-item-search-collapse .ant-collapse-content-box {
padding-inline: 0
}
.ant-app a {
color: var(--sds-color-brand-secondary-normal)
}
.ant-app a:hover {
color: var(--sds-color-brand-secondary-hover)
}
.pulse-loading {
height: 21px;
position: relative
}
.pulse-loading:after {
content: "";
position: absolute;
top: 7px;
left: 3px;
height: 10px;
width: 10px;
border-radius: 50%;
background-color: var(--gpts-primary-text-color);
animation: pulseSize 1.25s ease-in-out infinite
}
@keyframes pulseSize {
0%,
to {
transform: scaleX(1)
}
50% {
transform: scale3d(1.25, 1.25, 1)
}
}
.speak-action .ant-dropdown-menu {
padding: 0 !important
}
.speak-action .ant-dropdown-menu-title-content {
width: 100%
}
.gpts-icon:after {
box-shadow: 0 0 transparent, 0 0 transparent, inset 0 0 0 1px #0000001a;
border-radius: 9999px;
content: "";
inset: 0;
position: absolute
}
.chat-gpt-quick-query-viewport {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: grid;
grid-template: 100%/100%;
writing-mode: horizontal-tb;
contain: layout;
z-index: 2147483645;
pointer-events: none
}
.chat-gpt-quick-query-viewport>.chatgpt-quick-query-float,
.chat-gpt-quick-query-viewport>.chat-gpt-query-model-wrapper {
position: sticky;
grid-area: 1/1;
justify-self: right
}
.chat-gpt-quick-query-viewport>.chatgpt-quick-query-float.left,
.chat-gpt-quick-query-viewport>.chat-gpt-query-model-wrapper.left {
justify-self: left
}
.chat-gpt-quick-query-viewport>.chatgpt-quick-query-float {
align-self: end;
width: -moz-max-content;
width: max-content;
margin-bottom: 30px
}
.chat-gpt-query-model-wrapper {
width: 1px;
height: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 2147483645;
pointer-events: auto;
transform: rotateY(0)
}
.chat-gpt-query-model-wrapper.left {
left: 0;
right: auto;
transform: rotateY(180deg)
}
.chat-gpt-query-model-wrapper.left .chat-gpt-query-model .flip-y {
transform: rotateY(180deg);
border-radius: 0 16px 16px 0
}
.chat-gpt-query-model {
position: fixed;
height: 100%;
top: 0;
right: 0;
width: 440px;
max-width: calc(100vw - 60px);
z-index: 2147483645;
box-sizing: border-box;
border-radius: 16px 0 0 16px;
box-shadow: var(--gpts-sidebar-shadow);
background-color: var(--sds-color-grey-layer1-normal);
color: var(--sds-color-text-primary-1);
font-family: var(--gpts-font-family);
visibility: visible !important;
transform: translate3d(120%, 0, 0);
transition: transform .3s;
display: flex;
flex-direction: column
}
.chat-gpt-query-model.show {
transform: translateZ(0)
}
.chat-gpt-query-model.show .anwser-box {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text
}
.chat-gpt-query-model.left .collapse-btn>svg {
transform: rotate(180deg)
}
.chat-gpt-query-model .flip-y {
height: 100%;
width: 100%;
transform: rotateY(0);
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 16px 0 0 16px
}
.chat-gpt-query-model .float-switch-bar {
transform: translateZ(0);
transition: transform .3s
}
.chat-gpt-query-model .header {
display: flex;
position: relative;
padding: 0 16px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--gpts-sidebar-border-color)
}
.chat-gpt-query-model .sidebar-drawer {
border-radius: 12px 12px 0 0
}
.chat-gpt-query-model .model-btn {
background-color: var(--sds-color-grey-fill2-normal);
color: var(--sds-color-text-primary-1);
transition: background ease .2s;
cursor: pointer
}
.chat-gpt-query-model .model-btn:hover {
background-color: var(--sds-color-grey-fill2-hover)
}
.chat-gpt-query-model .model-btn.model-btn-no-bg {
background-color: transparent
}
.chat-gpt-query-model .model-btn.model-btn-no-bg:hover {
background-color: var(--sds-color-grey-fill1-hover)
}
.chat-gpt-query-model .model-btn:active {
transform: scale(.98)
}
.chat-gpt-query-model .model-btn.primary {
color: var(--sds-color-primary-1)
}
.chat-gpt-query-model .image-quick-action-btn {
background-color: var(--gpts-bg-darken2);
color: var(--gpts-primary-color5);
transition: background ease .2s
}
.chat-gpt-query-model .image-quick-action-btn:hover {
background-color: var(--gpts-bg-darken3)
}
.ann-card,
.ann-card * {
box-sizing: border-box;
letter-spacing: normal;
text-transform: none
}
.ann-card {
--ann-bg: #fff;
--ann-fg: #202124;
--ann-muted: #65676d;
--ann-secondary: #f2f2f5;
--ann-accent: #6841ea;
width: 320px;
max-width: 100%;
max-height: calc(100vh - 48px);
overflow-y: auto;
border-radius: 16px;
background: var(--ann-bg);
color: var(--ann-fg);
font-family: Arial, PingFang SC, Microsoft YaHei, sans-serif;
font-size: 14px;
line-height: 1.5;
text-align: start;
box-shadow: 0 16px 60px #14102824;
isolation: isolate;
color-scheme: light
}
.ann-card[data-theme=dark] {
--ann-bg: #26262a;
--ann-fg: #f4f4f5;
--ann-muted: #c0c0c7;
--ann-secondary: #39393f;
--ann-accent: #9374ff;
color-scheme: dark
}
.ann-image-wrap {
position: relative;
width: 100%;
aspect-ratio: 2/1;
background: var(--ann-secondary);
flex-shrink: 0
}
.ann-image {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 2/1;
-o-object-fit: cover;
object-fit: cover;
border: 0
}
.ann-image-error {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 36px 20px;
background: var(--ann-secondary)
}
.ann-retry {
display: block;
max-width: 100%;
min-width: 0;
min-height: 36px;
margin: 0;
padding: 8px 14px;
border: 1px solid var(--ann-muted);
border-radius: 20px;
background: var(--ann-bg);
color: var(--ann-fg);
font: 400 12px/18px Arial, PingFang SC, Microsoft YaHei, sans-serif;
text-align: center;
white-space: normal;
overflow-wrap: anywhere;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
.ann-close {
position: absolute;
top: 12px;
right: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
min-width: 0;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: #72768b7a;
color: #fff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 20;
font: 400 14px/20px Arial, PingFang SC, Microsoft YaHei, sans-serif;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: none
}
.ann-close:hover {
background: #72768bcc
}
.ann-close:active:not(:disabled) {
transform: none
}
.ann-content {
padding: 20px
}
.ann-title {
display: block;
margin: 0 0 10px;
padding: 0;
border: 0;
font: 700 16px/24px Arial, PingFang SC, Microsoft YaHei, sans-serif;
color: var(--ann-fg);
overflow-wrap: anywhere
}
.ann-body {
margin: 0;
color: var(--ann-muted);
font: 400 14px/21px Arial, PingFang SC, Microsoft YaHei, sans-serif;
white-space: normal;
overflow-wrap: anywhere
}
.ann-body p,
.ann-body ul,
.ann-body ol,
.ann-body blockquote,
.ann-body pre,
.ann-body .ann-table-wrap {
margin: 0 0 10px
}
.ann-body>:last-child {
margin-bottom: 0
}
.ann-body p {
padding: 0;
font: inherit;
color: inherit
}
.ann-body h1,
.ann-body h2,
.ann-body h3,
.ann-body h4,
.ann-body h5,
.ann-body h6 {
margin: 14px 0 8px;
padding: 0;
border: 0;
color: var(--ann-fg);
font: 700 15px/22px Arial, PingFang SC, Microsoft YaHei, sans-serif
}
.ann-body>:first-child {
margin-top: 0
}
.ann-body ul,
.ann-body ol {
padding-inline-start: 20px
}
.ann-body ul {
list-style: disc outside
}
.ann-body ol {
list-style: decimal outside
}
.ann-body li {
display: list-item;
margin: 4px 0;
padding: 0
}
.ann-body li>p {
margin-bottom: 4px
}
.ann-body li>ul,
.ann-body li>ol {
margin-bottom: 0
}
.ann-body strong {
font-weight: 700;
color: var(--ann-fg)
}
.ann-body em {
font-style: italic
}
.ann-body del {
text-decoration: line-through
}
.ann-body a {
color: var(--ann-accent);
text-decoration: underline;
cursor: pointer
}
.ann-body a:focus-visible {
outline: 2px solid var(--ann-accent);
outline-offset: 2px
}
.ann-body blockquote {
padding: 2px 0 2px 12px;
border-inline-start: 3px solid var(--ann-accent)
}
.ann-body blockquote>:last-child {
margin-bottom: 0
}
.ann-body code {
font: 12px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
padding: 2px 4px;
background: var(--ann-secondary);
border-radius: 4px
}
.ann-body pre {
padding: 10px;
overflow-x: auto;
white-space: pre;
background: var(--ann-secondary);
border-radius: 6px
}
.ann-body pre code {
padding: 0;
background: none;
white-space: pre
}
.ann-body hr {
margin: 14px 0;
border: 0;
border-top: 1px solid var(--ann-muted);
opacity: .3
}
.ann-body .ann-table-wrap {
overflow-x: auto
}
.ann-body table {
width: 100%;
border-collapse: collapse;
font: inherit
}
.ann-body th,
.ann-body td {
padding: 6px 8px;
border: 1px solid var(--ann-muted);
text-align: start
}
.ann-body th {
font-weight: 700;
background: var(--ann-secondary)
}
.ann-body input[type=checkbox] {
margin: 0 6px 0 0;
width: 13px;
height: 13px;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
accent-color: var(--ann-accent)
}
.ann-actions {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 20px
}
.ann-button {
display: block;
width: 100%;
min-width: 0;
min-height: 40px;
margin: 0;
border: 0;
border-radius: 24px;
padding: 10px 18px;
font: 400 14px/20px Arial, PingFang SC, Microsoft YaHei, sans-serif;
white-space: normal;
overflow-wrap: anywhere;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: filter .15s ease, transform .15s ease
}
.ann-button:hover {
filter: brightness(.95)
}
.ann-button:active {
transform: translateY(1px)
}
.ann-button-primary {
background: var(--ann-accent);
color: #fff
}
.ann-button-secondary {
background: var(--ann-secondary);
color: var(--ann-fg)
}
.ann-close:focus-visible,
.ann-button:focus-visible,
.ann-retry:focus-visible {
outline: 2px solid var(--ann-accent);
outline-offset: 3px
}
@media(prefers-reduced-motion:reduce) {
.ann-card * {
transition: none !important
}
}
.promote-modal .ant-modal-content {
padding: 0
}
.promote-modal .close-btn {
background-color: rgba(var(--gpts-fg-rgb), .6);
color: rgba(var(--gpts-bg-rgb), .65)
}
.changelog-modal {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text
}
.changelog-modal .main-log-features li {
margin-bottom: 8px
}
.changelog-modal .main-log-features li b {
font-weight: 600
}
.changelog-modal .main-log-features li ol,
.changelog-modal .main-log-features li li {
padding-left: 10px
}
.changelog-panel .changelog-box .five-star-area:hover .arrow {
transform: translate(2px);
color: var(--gpts-chat-primary-color)
}
.changelog-panel .changelog-box .five-star-area .arrow {
transform: translate(-2px);
display: inline-block;
transition: transform .3s ease, color .3s ease
}
.changelog-panel .changelog-box .five-star-area .pic {
position: relative;
height: 60px;
width: 60px;
transition: transform 1.5s ease;
transform: scale(1.1)
}
.changelog-panel .changelog-box .five-star-area .pic .emoji-circle {
border-radius: 50%;
background-color: var(--gpts-bg-color1);
border: 1px solid var(--gpts-sidebar-border-color);
position: absolute
}
.changelog-panel .changelog-box .five-star-area .pic .emoji-circle.main {
height: 50px;
width: 50px;
z-index: 2;
font-size: 31px
}
.changelog-panel .changelog-box .five-star-area .pic .emoji-circle.sm {
height: 40px;
width: 40px;
top: 10px;
font-size: 24px
}
.changelog-panel .changelog-box .five-star-area .pic .emoji-circle.sm.left {
inset-inline-start: -25px;
transform: rotate(-25deg)
}
[dir=rtl] .changelog-panel .changelog-box .five-star-area .pic .emoji-circle.sm.left {
transform: rotate(25deg)
}
.changelog-panel .changelog-box .five-star-area .pic .emoji-circle.sm.right {
inset-inline-end: -16px;
transform: rotate(25deg)
}
[dir=rtl] .changelog-panel .changelog-box .five-star-area .pic .emoji-circle.sm.right {
transform: rotate(-25deg)
}
.changelog-panel .changelog-box .main-log {
margin: 0 0 20px
}
.changelog-panel .changelog-box .main-log .banner-img {
border-radius: var(--gpts-border-radius-lg)
}
.changelog-panel .changelog-box .main-log .banner-img img,
.changelog-panel .changelog-box .main-log .banner-img video {
width: 100%;
max-width: 360px
}
.changelog-panel .changelog-box .main-log .main-log-features li {
margin-bottom: 8px;
color: var(--gpts-black-text-color2)
}
.changelog-panel .changelog-box .main-log .main-log-features li b {
color: var(--gpts-black-text-color1)
}
.changelog-panel .changelog-box .main-log .main-log-features li ol,
.changelog-panel .changelog-box .main-log .main-log-features li li {
padding-left: 10px
}
.changelog-panel .ant-collapse {
background-color: transparent
}
.changelog-panel .ant-collapse .ant-collapse-item {
margin-bottom: 20px;
border-radius: var(--gpts-border-radius-lg);
border: none;
background-color: var(--gpts-sidebar-modal-btn-bg-color)
}
.changelog-panel .ant-collapse .ant-collapse-item .ant-collapse-content-box {
color: var(--gpts-secondary-text-color)
}
.invited-reward-modal-root .ant-modal-mask {
background-color: var(--sds-color-grey-overlay1)
}
.invited-reward-modal .ant-modal-content {
overflow: hidden;
padding: 0;
border-radius: 16px;
background-color: var(--sds-color-grey-layer3-normal);
box-shadow: 0 0 0 1px #ffffff1f, 0 4px 16px var(--sds-color-shadow-overflow-8), 0 2px 8px -4px var(--sds-color-shadow-overflow-12), 0 8px 32px 8px var(--sds-color-shadow-overflow-4);
font-family: "DM Sans", var(--gpts-font-family)
}
.invited-reward-modal .invited-reward-hero {
position: relative;
width: 100%;
aspect-ratio: 2 / 1;
overflow: hidden
}
.invited-reward-modal .invited-reward-hero img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.invited-reward-modal .invited-reward-close {
position: absolute;
top: 8px;
right: 8px;
width: 20px;
height: 20px;
padding: 0;
border-radius: 999px;
background-color: var(--sds-color-glass-fill2-normal);
backdrop-filter: blur(8px)
}
.invited-reward-modal .invited-reward-close:hover {
background-color: var(--sds-color-glass-fill2-hover)
}
.invited-reward-modal .invited-reward-copy {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px 24px 0;
text-align: start;
overflow-wrap: anywhere
}
.invited-reward-modal .invited-reward-copy h2 {
margin: 0;
color: var(--sds-color-text-primary-1);
font-size: 16px;
font-weight: 800;
line-height: 20px
}
.invited-reward-modal .invited-reward-copy p {
margin: 0;
color: var(--sds-color-text-primary-2);
font-size: 14px;
line-height: 20px
}
.invited-reward-modal .invited-reward-copy b {
color: var(--sds-color-text-primary-1)
}
.invited-reward-modal .invited-reward-actions {
padding: 24px
}
.invited-reward-modal .invited-reward-actions button {
font-family: inherit
}
.b .answer-markdown-box {
overflow-x: visible !important;
scrollbar-width: none;
text-spacing-trim: space-all
}
.chatgpt-tool-block>div>svg {
font-size: 16px
}
.chatgpt-tool-block .spin-loader {
border-radius: 80%;
display: block;
height: 20px;
width: 20px;
position: absolute;
animation: spin1 1s ease-out 0s infinite normal;
background: var(--gpts-chatgpt-tool-spin-bg-color);
overflow: hidden
}
.chatgpt-tool-block .spin-loader .div1,
.chatgpt-tool-block .spin-loader:after {
content: "";
display: block;
position: absolute
}
.chatgpt-tool-block .spin-loader .div1 {
border-radius: 0 90px 90px 0;
height: 20px;
width: 100%;
top: 0;
right: 0;
z-index: 1
}
.chatgpt-tool-block .spin-loader .div1:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0;
right: 0;
background-image: conic-gradient(from 90deg, transparent, var(--gpts-primary-color));
animation: spin2 1s ease-out 0s infinite normal
}
.chatgpt-tool-block .spin-loader .div1:before {
content: "";
display: none;
z-index: -1;
height: 1.5px;
width: 1.5px;
border-radius: 50%;
background: #facd2b;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.chatgpt-tool-block .spin-loader:after {
border-radius: 80%;
height: 17px;
width: 17px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
background: var(--gpts-bg-color1)
}
.chatgpt-tool-block .icon {
position: relative;
z-index: 1
}
.chatgpt-tool-block .icon svg {
width: 14px;
height: 14px
}
@keyframes spin1 {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes spin2 {
0% {
opacity: 0
}
25% {
opacity: 1
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
.key-moments-block .video-key-moments-collapse .ant-collapse-content-box {
padding-top: 0 !important
}
.sider-artifact-block .answer-markdown-box .markdown-body pre,
.sider-artifact-block .answer-markdown-box .markdown-body pre .code-block,
.sider-artifact-block .answer-markdown-box .markdown-body pre .code-block .code-block-inner {
height: 100%
}
.sider-artifact-block .answer-markdown-box .markdown-body pre code {
padding: 0 !important
}
.video-loading svg {
font-size: 50;
color: #fff
}
.video-loading svg g {
animation: 2s linear 0s infinite normal none running woo-spinner-_-rotate;
height: 50px;
transform-origin: center center;
width: 50px
}
.video-loading svg .asp-loading-block-circle {
animation: 1.5s ease-in-out 0s infinite normal none running woo-spinner-_-dash
}
@keyframes woo-spinner-_-rotate {
to {
transform: translateZ(0);
transform: rotate(1turn)
}
}
@keyframes woo-spinner-_-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
transform: translateZ(0)
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -2.1875rem
}
to {
stroke-dasharray: 89, 200;
stroke-dashoffset: -7.75rem
}
}
.artifact-code-block .artifact-markdown-block pre {
max-width: 100%;
padding-top: 16px !important
}
.artifact-code-block .answer-markdown-box {
overflow-y: visible !important;
overflow-x: visible
}
.artifact-code-block .answer-markdown-box .markdown-body .code-block-inner {
padding-bottom: 0
}
.artifact-code-block .answer-markdown-box .markdown-body {
padding: 0
}
.artifact-code-block .answer-markdown-box .markdown-body .code-block-copy-btn {
display: none
}
.artifact-code-block .answer-markdown-box .markdown-body pre {
overflow-x: visible;
width: -moz-fit-content;
width: fit-content;
min-width: 100%
}
.artifact-code-block .answer-markdown-box .markdown-body pre code {
padding-top: 0 !important
}
.thinking-markdown p {
margin: 0 0 10px
}
.thinking-markdown *:last-child {
margin-bottom: 0
}
.thinking-markdown *:first-child {
margin-top: 0
}
.thinking-markdown .markdown-body {
color: var(--sds-color-text-primary-3) !important
}
.thinking-markdown ol,
.thinking-markdown ul {
padding-left: 1em
}
.thinking-markdown li+li {
margin-top: .25em
}
.thinking-markdown pre {
margin-bottom: 8px !important
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body,
.gpt-light.gpt-light .thinking-markdown .markdown-body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
margin: 0;
color: var(--markdown-color, var(--sds-color-text-primary-1));
font-family: var(--gpts-font-family);
font-size: var(--markdown-font-size, 14px);
line-height: 1.65;
word-wrap: break-word
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ul,
html[data-gpts-theme=light] .thinking-markdown .markdown-body ol,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ul,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ol,
.gpt-light.gpt-light .thinking-markdown .markdown-body ul,
.gpt-light.gpt-light .thinking-markdown .markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-inline-start: 2em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ul,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ul,
.gpt-light.gpt-light .thinking-markdown .markdown-body ul {
padding-inline-start: 1.15em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol),
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) {
margin-top: 0;
margin-bottom: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) ol,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) ol,
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) ol {
list-style-type: lower-alpha
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details) {
margin-top: 0;
margin-bottom: 20px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body summary,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body summary,
.gpt-light.gpt-light .thinking-markdown .markdown-body summary {
display: list-item
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .octicon,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .octicon,
.gpt-light.gpt-light .thinking-markdown .markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
overflow: visible !important
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body details,
html[data-gpts-theme=light] .thinking-markdown .markdown-body figcaption,
html[data-gpts-theme=light] .thinking-markdown .markdown-body figure,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body details,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body figcaption,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body figure,
.gpt-light.gpt-light .thinking-markdown .markdown-body details,
.gpt-light.gpt-light .thinking-markdown .markdown-body figcaption,
.gpt-light.gpt-light .thinking-markdown .markdown-body figure {
display: block
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6),
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) {
margin-top: 1.2em;
margin-bottom: .6em;
font-weight: 600;
line-height: 1.25
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code) {
padding: 0 .2em;
font-size: inherit
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor {
text-decoration: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link {
visibility: visible
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: " ";
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,")
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre {
background-color: #f9f9f9
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre .code-block-inner,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre .code-block-inner,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre .code-block-inner {
font-size: 12px !important
}
html[data-gpts-theme=light] .thinking-markdown .code-block-inner::-webkit-scrollbar,
:host([data-gpts-theme=light]) .thinking-markdown .code-block-inner::-webkit-scrollbar,
.gpt-light.gpt-light .thinking-markdown .code-block-inner::-webkit-scrollbar {
height: 8px;
width: 8px
}
html[data-gpts-theme=light] .thinking-markdown .code-block-inner::-webkit-scrollbar:horizontal,
:host([data-gpts-theme=light]) .thinking-markdown .code-block-inner::-webkit-scrollbar:horizontal,
.gpt-light.gpt-light .thinking-markdown .code-block-inner::-webkit-scrollbar:horizontal {
height: 8px;
width: 8px
}
html[data-gpts-theme=light] .thinking-markdown .code-block-inner::-webkit-scrollbar-track,
:host([data-gpts-theme=light]) .thinking-markdown .code-block-inner::-webkit-scrollbar-track,
.gpt-light.gpt-light .thinking-markdown .code-block-inner::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 9999px
}
html[data-gpts-theme=light] .thinking-markdown .code-block-inner::-webkit-scrollbar-button,
:host([data-gpts-theme=light]) .thinking-markdown .code-block-inner::-webkit-scrollbar-button,
.gpt-light.gpt-light .thinking-markdown .code-block-inner::-webkit-scrollbar-button {
display: none
}
html[data-gpts-theme=light] .thinking-markdown .code-block-inner::-webkit-scrollbar-thumb,
:host([data-gpts-theme=light]) .thinking-markdown .code-block-inner::-webkit-scrollbar-thumb,
.gpt-light.gpt-light .thinking-markdown .code-block-inner::-webkit-scrollbar-thumb {
--tw-border-opacity: 1;
background-color: #d9d9e3cc;
border-radius: 9999px;
border-width: 1px
}
html[data-gpts-theme=light] .thinking-markdown .code-block-inner::-webkit-scrollbar-thumb:hover,
:host([data-gpts-theme=light]) .thinking-markdown .code-block-inner::-webkit-scrollbar-thumb:hover,
.gpt-light.gpt-light .thinking-markdown .code-block-inner::-webkit-scrollbar-thumb:hover {
background-color: #d9d9e3
}
html[data-gpts-theme=light] .thinking-markdown pre code.hljs,
:host([data-gpts-theme=light]) .thinking-markdown pre code.hljs,
.gpt-light.gpt-light .thinking-markdown pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
html[data-gpts-theme=light] .thinking-markdown code.hljs,
:host([data-gpts-theme=light]) .thinking-markdown code.hljs,
.gpt-light.gpt-light .thinking-markdown code.hljs {
padding: 3px 5px
}
html[data-gpts-theme=light] .thinking-markdown .hljs,
:host([data-gpts-theme=light]) .thinking-markdown .hljs,
.gpt-light.gpt-light .thinking-markdown .hljs {
color: #383a42;
background: #fafafa
}
html[data-gpts-theme=light] .thinking-markdown .hljs-comment,
html[data-gpts-theme=light] .thinking-markdown .hljs-quote,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-comment,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-quote,
.gpt-light.gpt-light .thinking-markdown .hljs-comment,
.gpt-light.gpt-light .thinking-markdown .hljs-quote {
color: #a0a1a7;
font-style: italic
}
html[data-gpts-theme=light] .thinking-markdown .hljs-doctag,
html[data-gpts-theme=light] .thinking-markdown .hljs-keyword,
html[data-gpts-theme=light] .thinking-markdown .hljs-formula,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-doctag,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-keyword,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-formula,
.gpt-light.gpt-light .thinking-markdown .hljs-doctag,
.gpt-light.gpt-light .thinking-markdown .hljs-keyword,
.gpt-light.gpt-light .thinking-markdown .hljs-formula {
color: #a626a4
}
html[data-gpts-theme=light] .thinking-markdown .hljs-section,
html[data-gpts-theme=light] .thinking-markdown .hljs-name,
html[data-gpts-theme=light] .thinking-markdown .hljs-selector-tag,
html[data-gpts-theme=light] .thinking-markdown .hljs-deletion,
html[data-gpts-theme=light] .thinking-markdown .hljs-subst,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-section,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-name,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-selector-tag,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-deletion,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-subst,
.gpt-light.gpt-light .thinking-markdown .hljs-section,
.gpt-light.gpt-light .thinking-markdown .hljs-name,
.gpt-light.gpt-light .thinking-markdown .hljs-selector-tag,
.gpt-light.gpt-light .thinking-markdown .hljs-deletion,
.gpt-light.gpt-light .thinking-markdown .hljs-subst {
color: #e45649
}
html[data-gpts-theme=light] .thinking-markdown .hljs-literal,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-literal,
.gpt-light.gpt-light .thinking-markdown .hljs-literal {
color: #0184bb
}
html[data-gpts-theme=light] .thinking-markdown .hljs-string,
html[data-gpts-theme=light] .thinking-markdown .hljs-regexp,
html[data-gpts-theme=light] .thinking-markdown .hljs-addition,
html[data-gpts-theme=light] .thinking-markdown .hljs-attribute,
html[data-gpts-theme=light] .thinking-markdown .hljs-meta .hljs-string,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-string,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-regexp,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-addition,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-attribute,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-meta .hljs-string,
.gpt-light.gpt-light .thinking-markdown .hljs-string,
.gpt-light.gpt-light .thinking-markdown .hljs-regexp,
.gpt-light.gpt-light .thinking-markdown .hljs-addition,
.gpt-light.gpt-light .thinking-markdown .hljs-attribute,
.gpt-light.gpt-light .thinking-markdown .hljs-meta .hljs-string {
color: #50a14f
}
html[data-gpts-theme=light] .thinking-markdown .hljs-attr,
html[data-gpts-theme=light] .thinking-markdown .hljs-variable,
html[data-gpts-theme=light] .thinking-markdown .hljs-template-variable,
html[data-gpts-theme=light] .thinking-markdown .hljs-type,
html[data-gpts-theme=light] .thinking-markdown .hljs-selector-class,
html[data-gpts-theme=light] .thinking-markdown .hljs-selector-attr,
html[data-gpts-theme=light] .thinking-markdown .hljs-selector-pseudo,
html[data-gpts-theme=light] .thinking-markdown .hljs-number,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-attr,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-variable,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-template-variable,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-type,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-selector-class,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-selector-attr,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-selector-pseudo,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-number,
.gpt-light.gpt-light .thinking-markdown .hljs-attr,
.gpt-light.gpt-light .thinking-markdown .hljs-variable,
.gpt-light.gpt-light .thinking-markdown .hljs-template-variable,
.gpt-light.gpt-light .thinking-markdown .hljs-type,
.gpt-light.gpt-light .thinking-markdown .hljs-selector-class,
.gpt-light.gpt-light .thinking-markdown .hljs-selector-attr,
.gpt-light.gpt-light .thinking-markdown .hljs-selector-pseudo,
.gpt-light.gpt-light .thinking-markdown .hljs-number {
color: #986801
}
html[data-gpts-theme=light] .thinking-markdown .hljs-symbol,
html[data-gpts-theme=light] .thinking-markdown .hljs-bullet,
html[data-gpts-theme=light] .thinking-markdown .hljs-link,
html[data-gpts-theme=light] .thinking-markdown .hljs-meta,
html[data-gpts-theme=light] .thinking-markdown .hljs-selector-id,
html[data-gpts-theme=light] .thinking-markdown .hljs-title,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-symbol,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-bullet,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-link,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-meta,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-selector-id,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-title,
.gpt-light.gpt-light .thinking-markdown .hljs-symbol,
.gpt-light.gpt-light .thinking-markdown .hljs-bullet,
.gpt-light.gpt-light .thinking-markdown .hljs-link,
.gpt-light.gpt-light .thinking-markdown .hljs-meta,
.gpt-light.gpt-light .thinking-markdown .hljs-selector-id,
.gpt-light.gpt-light .thinking-markdown .hljs-title {
color: #4078f2
}
html[data-gpts-theme=light] .thinking-markdown .hljs-built_in,
html[data-gpts-theme=light] .thinking-markdown .hljs-title.class_,
html[data-gpts-theme=light] .thinking-markdown .hljs-class .hljs-title,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-built_in,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-title.class_,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-class .hljs-title,
.gpt-light.gpt-light .thinking-markdown .hljs-built_in,
.gpt-light.gpt-light .thinking-markdown .hljs-title.class_,
.gpt-light.gpt-light .thinking-markdown .hljs-class .hljs-title {
color: #c18401
}
html[data-gpts-theme=light] .thinking-markdown .hljs-emphasis,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-emphasis,
.gpt-light.gpt-light .thinking-markdown .hljs-emphasis {
font-style: italic
}
html[data-gpts-theme=light] .thinking-markdown .hljs-strong,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-strong,
.gpt-light.gpt-light .thinking-markdown .hljs-strong {
font-weight: 700
}
html[data-gpts-theme=light] .thinking-markdown .hljs-link,
:host([data-gpts-theme=light]) .thinking-markdown .hljs-link,
.gpt-light.gpt-light .thinking-markdown .hljs-link {
text-decoration: underline
}
html[data-gpts-theme=light] .thinking-markdown,
:host([data-gpts-theme=light]) .thinking-markdown,
.gpt-light.gpt-light .thinking-markdown {
--table-border-color: var(--sds-color-grey-line2-normal)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [hidden],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [hidden],
.gpt-light.gpt-light .thinking-markdown .markdown-body [hidden] {
display: none !important
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body a,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body a,
.gpt-light.gpt-light .thinking-markdown .markdown-body a {
background-color: transparent;
color: #0969da;
text-decoration: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body a:active,
html[data-gpts-theme=light] .thinking-markdown .markdown-body a:hover,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body a:active,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body a:hover,
.gpt-light.gpt-light .thinking-markdown .markdown-body a:active,
.gpt-light.gpt-light .thinking-markdown .markdown-body a:hover {
outline-width: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body abbr[title],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body abbr[title],
.gpt-light.gpt-light .thinking-markdown .markdown-body abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body b,
html[data-gpts-theme=light] .thinking-markdown .markdown-body strong,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body b,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body strong,
.gpt-light.gpt-light .thinking-markdown .markdown-body b,
.gpt-light.gpt-light .thinking-markdown .markdown-body strong {
font-weight: 600
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body dfn,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body dfn,
.gpt-light.gpt-light .thinking-markdown .markdown-body dfn {
font-style: italic
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h1,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h1,
.gpt-light.gpt-light .thinking-markdown .markdown-body h1 {
margin: .67em 0;
font-weight: 600;
font-size: 1.5em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body mark,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body mark,
.gpt-light.gpt-light .thinking-markdown .markdown-body mark {
background-color: #fff8c5;
color: #24292f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body small,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body small,
.gpt-light.gpt-light .thinking-markdown .markdown-body small {
font-size: 90%
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body sub,
html[data-gpts-theme=light] .thinking-markdown .markdown-body sup,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body sub,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body sup,
.gpt-light.gpt-light .thinking-markdown .markdown-body sub,
.gpt-light.gpt-light .thinking-markdown .markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body sub,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body sub,
.gpt-light.gpt-light .thinking-markdown .markdown-body sub {
bottom: -.25em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body sup,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body sup,
.gpt-light.gpt-light .thinking-markdown .markdown-body sup {
top: -.3em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body img,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body img,
.gpt-light.gpt-light .thinking-markdown .markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: #fff
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body code,
html[data-gpts-theme=light] .thinking-markdown .markdown-body kbd,
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre,
html[data-gpts-theme=light] .thinking-markdown .markdown-body samp,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body kbd,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body samp,
.gpt-light.gpt-light .thinking-markdown .markdown-body code,
.gpt-light.gpt-light .thinking-markdown .markdown-body kbd,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre,
.gpt-light.gpt-light .thinking-markdown .markdown-body samp {
font-family: monospace, monospace;
font-size: 1em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body figure,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body figure,
.gpt-light.gpt-light .thinking-markdown .markdown-body figure {
margin: 1em 40px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body hr,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body hr,
.gpt-light.gpt-light .thinking-markdown .markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid hsl(210, 18%, 87%);
height: 1px;
padding: 0;
margin: 24px 0;
background-color: var(--sds-color-grey-line2-normal);
border: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body input,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body input,
.gpt-light.gpt-light .thinking-markdown .markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=button],
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=reset],
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=submit],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=button],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=reset],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=submit],
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=button],
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=reset],
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=submit] {
-webkit-appearance: button
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=button]::-moz-focus-inner,
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=reset]::-moz-focus-inner,
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=submit]::-moz-focus-inner,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=button]::-moz-focus-inner,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=reset]::-moz-focus-inner,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=submit]::-moz-focus-inner,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=button]::-moz-focus-inner,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=reset]::-moz-focus-inner,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=button]:-moz-focusring,
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=reset]:-moz-focusring,
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=submit]:-moz-focusring,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=button]:-moz-focusring,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=reset]:-moz-focusring,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=submit]:-moz-focusring,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=button]:-moz-focusring,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=reset]:-moz-focusring,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=checkbox],
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=radio],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=checkbox],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=radio],
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=checkbox],
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=radio] {
box-sizing: border-box;
padding: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=number]::-webkit-inner-spin-button,
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=number]::-webkit-outer-spin-button,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=number]::-webkit-inner-spin-button,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=number]::-webkit-outer-spin-button,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=number]::-webkit-inner-spin-button,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=number]::-webkit-outer-spin-button {
height: auto
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=search],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=search],
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=search]::-webkit-search-cancel-button,
html[data-gpts-theme=light] .thinking-markdown .markdown-body [type=search]::-webkit-search-decoration,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=search]::-webkit-search-cancel-button,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [type=search]::-webkit-search-decoration,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=search]::-webkit-search-cancel-button,
.gpt-light.gpt-light .thinking-markdown .markdown-body [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ::-webkit-input-placeholder,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ::-webkit-input-placeholder,
.gpt-light.gpt-light .thinking-markdown .markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ::-webkit-file-upload-button,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ::-webkit-file-upload-button,
.gpt-light.gpt-light .thinking-markdown .markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body a:hover,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body a:hover,
.gpt-light.gpt-light .thinking-markdown .markdown-body a:hover {
text-decoration: underline
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body hr:before,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body hr:before,
.gpt-light.gpt-light .thinking-markdown .markdown-body hr:before {
display: table;
content: ""
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body hr:after,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body hr:after,
.gpt-light.gpt-light .thinking-markdown .markdown-body hr:after {
display: table;
clear: both;
content: ""
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table,
.gpt-light.gpt-light .thinking-markdown .markdown-body table {
border-spacing: 0;
border-collapse: separate;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
overflow: auto
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single th:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single th:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single th:first-child {
border-top-left-radius: 6px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single th:last-child {
border-top-right-radius: 6px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single tbody tr:last-child td:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single tbody tr:last-child td:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single tbody tr:last-child td:first-child {
border-bottom-left-radius: 6px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single tbody tr:last-child td:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single tbody tr:last-child td:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single tbody tr:last-child td:last-child {
border-bottom-right-radius: .375rem
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.preview tbody td:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.preview tbody td:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.preview tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.preview th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.preview th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.preview th:last-child {
border-right: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.preview tr:last-child td,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.preview tr:last-child td,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.preview tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.preview thead th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.preview thead th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.preview thead th:last-child {
border-right: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single tbody td:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single tbody td:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single tbody td:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single tbody td:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single tbody td:first-child {
border-left: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single th:last-child {
border-right: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single tr:last-child td,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single tr:last-child td,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single thead th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single thead th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single thead th:last-child {
border-right: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single thead th:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single thead th:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single thead th:first-child {
border-left: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single thead tr:first-child th,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single thead tr:first-child th,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single thead tr:first-child th {
border-top: 1px solid var(--table-border-color)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table.single th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table.single th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table.single th:last-child {
border-top-right-radius: .375rem
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body td,
html[data-gpts-theme=light] .thinking-markdown .markdown-body th,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body td,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body th,
.gpt-light.gpt-light .thinking-markdown .markdown-body td,
.gpt-light.gpt-light .thinking-markdown .markdown-body th {
padding: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body details summary,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body details summary,
.gpt-light.gpt-light .thinking-markdown .markdown-body details summary {
cursor: pointer
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body details:not([open])>*:not(summary),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body details:not([open])>*:not(summary),
.gpt-light.gpt-light .thinking-markdown .markdown-body details:not([open])>*:not(summary) {
display: none !important
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body kbd,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body kbd,
.gpt-light.gpt-light .thinking-markdown .markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: #24292f;
vertical-align: middle;
background-color: #f6f8fa;
border: solid 1px rgba(175, 184, 193, .2);
border-bottom-color: #afb8c133;
border-radius: 6px;
box-shadow: inset 0 -1px #afb8c133
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h3:first-of-type,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h3:first-of-type,
.gpt-light.gpt-light .thinking-markdown .markdown-body h3:first-of-type {
margin-top: 12px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h2,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h2,
.gpt-light.gpt-light .thinking-markdown .markdown-body h2 {
font-weight: 600;
font-size: 1.35em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h3,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h3,
.gpt-light.gpt-light .thinking-markdown .markdown-body h3 {
font-weight: 600;
font-size: 1.125em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h4,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h4,
.gpt-light.gpt-light .thinking-markdown .markdown-body h4 {
font-weight: 600;
font-size: 1em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h5,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h5,
.gpt-light.gpt-light .thinking-markdown .markdown-body h5 {
font-weight: 600;
font-size: .875em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body h6,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body h6,
.gpt-light.gpt-light .thinking-markdown .markdown-body h6 {
font-weight: 600;
font-size: .85em;
color: #57606a
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body p,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body p,
.gpt-light.gpt-light .thinking-markdown .markdown-body p {
margin-top: 0;
margin-bottom: 10px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body blockquote,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body blockquote,
.gpt-light.gpt-light .thinking-markdown .markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: #57606a;
border-left: .25em solid #d0d7de
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ol ol,
html[data-gpts-theme=light] .thinking-markdown .markdown-body ul ol,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ol ol,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ul ol,
.gpt-light.gpt-light .thinking-markdown .markdown-body ol ol,
.gpt-light.gpt-light .thinking-markdown .markdown-body ul ol {
list-style-type: lower-roman
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body dd,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body dd,
.gpt-light.gpt-light .thinking-markdown .markdown-body dd {
margin-left: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body tt,
html[data-gpts-theme=light] .thinking-markdown .markdown-body code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body tt,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body code,
.gpt-light.gpt-light .thinking-markdown .markdown-body tt,
.gpt-light.gpt-light .thinking-markdown .markdown-body code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre {
margin-top: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
margin-bottom: 8px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ::-moz-placeholder,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ::-moz-placeholder,
.gpt-light.gpt-light .thinking-markdown .markdown-body ::-moz-placeholder {
color: #6e7781;
opacity: 1
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ::placeholder,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ::placeholder,
.gpt-light.gpt-light .thinking-markdown .markdown-body ::placeholder {
color: #6e7781;
opacity: 1
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body input::-webkit-outer-spin-button,
html[data-gpts-theme=light] .thinking-markdown .markdown-body input::-webkit-inner-spin-button,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body input::-webkit-outer-spin-button,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body input::-webkit-inner-spin-button,
.gpt-light.gpt-light .thinking-markdown .markdown-body input::-webkit-outer-spin-button,
.gpt-light.gpt-light .thinking-markdown .markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-c,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-c,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-c {
color: #6e7781
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-c1,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-s .pl-v,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-c1,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-s .pl-v,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-c1,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-s .pl-v {
color: #0550ae
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-e,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-en,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-e,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-en,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-e,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-en {
color: #8250df
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-smi,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-s .pl-s1,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-smi,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-s .pl-s1,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-smi,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-s .pl-s1 {
color: #24292f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-ent,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-ent,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-ent {
color: #116329
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-k,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-k,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-k {
color: #cf222e
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-s,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-pds,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-s .pl-pse .pl-s1,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-sr,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-sr .pl-sre,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-sr .pl-sra,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-s,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-pds,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-s .pl-pse .pl-s1,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-sr,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-sr .pl-cce,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-sr .pl-sre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-sr .pl-sra,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-s,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-pds,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-s .pl-pse .pl-s1,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-sr,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-sr .pl-cce,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-sr .pl-sre,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-sr .pl-sra {
color: #0a3069
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-v,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-smw,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-v,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-smw,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-v,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-smw {
color: #953800
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-bu,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-bu,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-bu {
color: #82071e
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-ii,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-ii,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-ii {
color: #f6f8fa;
background-color: #82071e
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-c2,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-c2,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-c2 {
color: #f6f8fa;
background-color: #cf222e
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-sr .pl-cce,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-sr .pl-cce,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-sr .pl-cce {
font-weight: 700;
color: #116329
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-ml,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-ml,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-ml {
color: #3b2300
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mh,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mh .pl-en,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-ms,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mh,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mh .pl-en,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-ms,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mh,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mh .pl-en,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-ms {
font-weight: 700;
color: #0550ae
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mi,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mi,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mi {
font-style: italic;
color: #24292f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mb,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mb,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mb {
font-weight: 700;
color: #24292f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-md,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-md,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-md {
color: #82071e;
background-color: #ffebe9
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mi1,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mi1,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mi1 {
color: #116329;
background-color: #dafbe1
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mc,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mc,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mc {
color: #953800;
background-color: #ffd8b5
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mi2,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mi2,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mi2 {
color: #eaeef2;
background-color: #0550ae
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-mdr,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-mdr,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-mdr {
font-weight: 700;
color: #8250df
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-ba,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-ba,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-ba {
color: #57606a
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-sg,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-sg,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-sg {
color: #8c959f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .pl-corl,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .pl-corl,
.gpt-light.gpt-light .thinking-markdown .markdown-body .pl-corl {
text-decoration: underline;
color: #0a3069
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body [data-catalyst],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body [data-catalyst],
.gpt-light.gpt-light .thinking-markdown .markdown-body [data-catalyst] {
display: block
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body g-emoji,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body g-emoji,
.gpt-light.gpt-light .thinking-markdown .markdown-body g-emoji {
font-family: "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
font-size: 1em;
font-style: normal !important;
font-weight: 400;
line-height: 1;
vertical-align: -.075em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body g-emoji img,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body g-emoji img,
.gpt-light.gpt-light .thinking-markdown .markdown-body g-emoji img {
width: 1em;
height: 1em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body:before,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body:before,
.gpt-light.gpt-light .thinking-markdown .markdown-body:before {
display: table;
content: ""
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body:after,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body:after,
.gpt-light.gpt-light .thinking-markdown .markdown-body:after {
display: table;
clear: both;
content: ""
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body>*:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body>*:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body>*:first-child {
margin-top: 0 !important
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body>*:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body>*:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body>*:last-child {
margin-bottom: 0 !important
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body a:not([href]),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body a:not([href]),
.gpt-light.gpt-light .thinking-markdown .markdown-body a:not([href]) {
color: inherit;
text-decoration: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .absent,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .absent,
.gpt-light.gpt-light .thinking-markdown .markdown-body .absent {
color: #cf222e
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .anchor,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .anchor,
.gpt-light.gpt-light .thinking-markdown .markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .anchor:focus,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .anchor:focus,
.gpt-light.gpt-light .thinking-markdown .markdown-body .anchor:focus {
outline: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body blockquote>:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body blockquote>:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body blockquote>:first-child {
margin-top: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body blockquote>:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body blockquote>:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body blockquote>:last-child {
margin-bottom: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body sup>a:before,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body sup>a:before,
.gpt-light.gpt-light .thinking-markdown .markdown-body sup>a:before {
content: "["
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body sup>a:after,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body sup>a:after,
.gpt-light.gpt-light .thinking-markdown .markdown-body sup>a:after {
content: "]"
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
.gpt-light.gpt-light .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link {
color: #24292f;
vertical-align: middle;
visibility: hidden
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ul.no-list,
html[data-gpts-theme=light] .thinking-markdown .markdown-body ol.no-list,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ul.no-list,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ol.no-list,
.gpt-light.gpt-light .thinking-markdown .markdown-body ul.no-list,
.gpt-light.gpt-light .thinking-markdown .markdown-body ol.no-list {
padding: 0;
list-style-type: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ol[type="1"],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ol[type="1"],
.gpt-light.gpt-light .thinking-markdown .markdown-body ol[type="1"] {
list-style-type: decimal
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ol[type=a],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ol[type=a],
.gpt-light.gpt-light .thinking-markdown .markdown-body ol[type=a] {
list-style-type: lower-alpha
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ol[type=i],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ol[type=i],
.gpt-light.gpt-light .thinking-markdown .markdown-body ol[type=i] {
list-style-type: lower-roman
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body div>ol:not([type]),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body div>ol:not([type]),
.gpt-light.gpt-light .thinking-markdown .markdown-body div>ol:not([type]) {
list-style-type: decimal
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body li>p,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body li>p,
.gpt-light.gpt-light .thinking-markdown .markdown-body li>p {
margin-top: 16px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body li+li,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body li+li,
.gpt-light.gpt-light .thinking-markdown .markdown-body li+li {
margin-top: .25em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body dl,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body dl,
.gpt-light.gpt-light .thinking-markdown .markdown-body dl {
padding: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body dl dt,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body dl dt,
.gpt-light.gpt-light .thinking-markdown .markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body dl dd,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body dl dd,
.gpt-light.gpt-light .thinking-markdown .markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table thead tr,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table thead tr,
.gpt-light.gpt-light .thinking-markdown .markdown-body table thead tr {
background-color: var(--sds-color-grey-fill2-hover)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table th,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table th,
.gpt-light.gpt-light .thinking-markdown .markdown-body table th {
font-weight: 600;
text-align: left
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table th,
html[data-gpts-theme=light] .thinking-markdown .markdown-body table td,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table th,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table td,
.gpt-light.gpt-light .thinking-markdown .markdown-body table th,
.gpt-light.gpt-light .thinking-markdown .markdown-body table td {
padding: 6px 13px;
max-width: 300px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table:not(.single) th:first-child,
html[data-gpts-theme=light] .thinking-markdown .markdown-body table:not(.single) td:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table:not(.single) th:first-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table:not(.single) td:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table:not(.single) th:first-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table:not(.single) td:first-child {
border-left: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table:not(.single) th:last-child,
html[data-gpts-theme=light] .thinking-markdown .markdown-body table:not(.single) td:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table:not(.single) th:last-child,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table:not(.single) td:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table:not(.single) th:last-child,
.gpt-light.gpt-light .thinking-markdown .markdown-body table:not(.single) td:last-child {
border-right: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table tr,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table tr,
.gpt-light.gpt-light .thinking-markdown .markdown-body table tr {
background-color: transparent
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table tr:nth-child(2n),
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table tr:nth-child(2n),
.gpt-light.gpt-light .thinking-markdown .markdown-body table tr:nth-child(2n) {
background-color: var(--sds-color-grey-fill2-normal)
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body table img,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body table img,
.gpt-light.gpt-light .thinking-markdown .markdown-body table img {
background-color: transparent
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body img[align=right],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body img[align=right],
.gpt-light.gpt-light .thinking-markdown .markdown-body img[align=right] {
padding-left: 20px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body img[align=left],
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body img[align=left],
.gpt-light.gpt-light .thinking-markdown .markdown-body img[align=left] {
padding-right: 20px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .emoji,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .emoji,
.gpt-light.gpt-light .thinking-markdown .markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.frame,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.frame,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.frame {
display: block;
overflow: hidden
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.frame>span,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.frame>span,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #d0d7de
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.frame span img,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.frame span img,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.frame span img {
display: block;
float: left
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.frame span span,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.frame span span,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #24292f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.align-center,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.align-center,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.align-center>span,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.align-center>span,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.align-center span img,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.align-center span img,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.align-center span img {
margin: 0 auto;
text-align: center
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.align-right,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.align-right,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.align-right>span,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.align-right>span,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.align-right span img,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.align-right span img,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.align-right span img {
margin: 0;
text-align: right
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.float-left,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.float-left,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.float-left span,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.float-left span,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.float-left span {
margin: 13px 0 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.float-right,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.float-right,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body span.float-right>span,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body span.float-right>span,
.gpt-light.gpt-light .thinking-markdown .markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body code,
html[data-gpts-theme=light] .thinking-markdown .markdown-body tt,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body tt,
.gpt-light.gpt-light .thinking-markdown .markdown-body code,
.gpt-light.gpt-light .thinking-markdown .markdown-body tt {
padding: .2em .4em;
margin: 0;
font-size: 90%;
background-color: #afb8c133;
border-radius: 6px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body code br,
html[data-gpts-theme=light] .thinking-markdown .markdown-body tt br,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body code br,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body tt br,
.gpt-light.gpt-light .thinking-markdown .markdown-body code br,
.gpt-light.gpt-light .thinking-markdown .markdown-body tt br {
display: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body del code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body del code,
.gpt-light.gpt-light .thinking-markdown .markdown-body del code {
text-decoration: inherit
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre code,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre code {
font-size: 100%
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre>code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre>code,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre>code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .highlight,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .highlight,
.gpt-light.gpt-light .thinking-markdown .markdown-body .highlight {
margin-bottom: 16px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .highlight pre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .highlight pre,
.gpt-light.gpt-light .thinking-markdown .markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .highlight pre,
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .highlight pre,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre,
.gpt-light.gpt-light .thinking-markdown .markdown-body .highlight pre,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre {
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 6px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre code,
html[data-gpts-theme=light] .thinking-markdown .markdown-body pre tt,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre code,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body pre tt,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre code,
.gpt-light.gpt-light .thinking-markdown .markdown-body pre tt {
display: inline-block;
max-width: auto;
padding: 14px;
margin: 0;
overflow: auto;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .csv-data td,
html[data-gpts-theme=light] .thinking-markdown .markdown-body .csv-data th,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .csv-data td,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .csv-data th,
.gpt-light.gpt-light .thinking-markdown .markdown-body .csv-data td,
.gpt-light.gpt-light .thinking-markdown .markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .csv-data .blob-num,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .csv-data .blob-num,
.gpt-light.gpt-light .thinking-markdown .markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #fff;
border: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .csv-data tr,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .csv-data tr,
.gpt-light.gpt-light .thinking-markdown .markdown-body .csv-data tr {
border-top: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .csv-data th,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .csv-data th,
.gpt-light.gpt-light .thinking-markdown .markdown-body .csv-data th {
font-weight: 600;
background: #f6f8fa;
border-top: 0
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .footnotes,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .footnotes,
.gpt-light.gpt-light .thinking-markdown .markdown-body .footnotes {
font-size: 12px;
color: #57606a;
border-top: 1px solid #d0d7de
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .footnotes ol,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .footnotes ol,
.gpt-light.gpt-light .thinking-markdown .markdown-body .footnotes ol {
padding-left: 16px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .footnotes li,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .footnotes li,
.gpt-light.gpt-light .thinking-markdown .markdown-body .footnotes li {
position: relative
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .footnotes li:target:before,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .footnotes li:target:before,
.gpt-light.gpt-light .thinking-markdown .markdown-body .footnotes li:target:before {
position: absolute;
inset: -8px -8px -8px -24px;
pointer-events: none;
content: "";
border: 2px solid #0969da;
border-radius: 6px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .footnotes li:target,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .footnotes li:target,
.gpt-light.gpt-light .thinking-markdown .markdown-body .footnotes li:target {
color: #24292f
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .footnotes .data-footnote-backref g-emoji,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .footnotes .data-footnote-backref g-emoji,
.gpt-light.gpt-light .thinking-markdown .markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .task-list-item,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .task-list-item,
.gpt-light.gpt-light .thinking-markdown .markdown-body .task-list-item {
list-style-type: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .task-list-item label,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .task-list-item label,
.gpt-light.gpt-light .thinking-markdown .markdown-body .task-list-item label {
font-weight: 400
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .task-list-item.enabled label,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .task-list-item.enabled label,
.gpt-light.gpt-light .thinking-markdown .markdown-body .task-list-item.enabled label {
cursor: pointer
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .task-list-item+.task-list-item,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .task-list-item+.task-list-item,
.gpt-light.gpt-light .thinking-markdown .markdown-body .task-list-item+.task-list-item {
margin-top: 3px
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .task-list-item .handle,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .task-list-item .handle,
.gpt-light.gpt-light .thinking-markdown .markdown-body .task-list-item .handle {
display: none
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .task-list-item-checkbox,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .task-list-item-checkbox,
.gpt-light.gpt-light .thinking-markdown .markdown-body .task-list-item-checkbox {
margin: 0 .2em .25em -1.6em;
vertical-align: middle
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
.gpt-light.gpt-light .thinking-markdown .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em
}
html[data-gpts-theme=light] .thinking-markdown .markdown-body ::-webkit-calendar-picker-indicator,
:host([data-gpts-theme=light]) .thinking-markdown .markdown-body ::-webkit-calendar-picker-indicator,
.gpt-light.gpt-light .thinking-markdown .markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%)
}
:host([data-gpts-theme=dark]) .thinking-markdown,
html[data-gpts-theme=dark] .thinking-markdown,
.gpt-dark.gpt-dark .thinking-markdown {
font-size: 14px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
margin: 0;
color: var(--markdown-color, var(--sds-color-text-primary-1));
font-family: var(--gpts-font-family);
font-size: var(--markdown-font-size, 14px);
line-height: 1.65;
word-wrap: break-word
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ul,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ol,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ul,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ol,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ul,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-inline-start: 2em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ul,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ul,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ul {
padding-inline-start: 1.15em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) {
margin-top: 0;
margin-bottom: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) ol,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) ol,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(ul, ol) :is(ul, ol) ol {
list-style-type: lower-alpha
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(p, blockquote, ul, ol, dl, table, pre, details) {
margin-top: 0;
margin-bottom: 20px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body summary,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body summary,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body summary {
display: list-item
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .octicon,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .octicon,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
overflow: visible !important
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body details,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body figcaption,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body figure,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body details,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body figcaption,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body figure,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body details,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body figcaption,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body figure {
display: block
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) {
margin-top: 1.2em;
margin-bottom: .6em;
font-weight: 600;
line-height: 1.25
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) :is(tt, code) {
padding: 0 .2em;
font-size: inherit
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor {
text-decoration: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link {
visibility: visible
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6):hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: " ";
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,")
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre {
background-color: #161b22
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre .code-block-inner,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre .code-block-inner,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre .code-block-inner {
font-size: 12px !important
}
:host([data-gpts-theme=dark]) .thinking-markdown pre code.hljs,
html[data-gpts-theme=dark] .thinking-markdown pre code.hljs,
.gpt-dark.gpt-dark .thinking-markdown pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
:host([data-gpts-theme=dark]) .thinking-markdown code.hljs,
html[data-gpts-theme=dark] .thinking-markdown code.hljs,
.gpt-dark.gpt-dark .thinking-markdown code.hljs {
padding: 3px 5px
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs,
html[data-gpts-theme=dark] .thinking-markdown .hljs,
.gpt-dark.gpt-dark .thinking-markdown .hljs {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-doctag,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-keyword,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-meta .hljs-keyword,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-template-tag,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-template-variable,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-type,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-variable.language_,
html[data-gpts-theme=dark] .thinking-markdown .hljs-doctag,
html[data-gpts-theme=dark] .thinking-markdown .hljs-keyword,
html[data-gpts-theme=dark] .thinking-markdown .hljs-meta .hljs-keyword,
html[data-gpts-theme=dark] .thinking-markdown .hljs-template-tag,
html[data-gpts-theme=dark] .thinking-markdown .hljs-template-variable,
html[data-gpts-theme=dark] .thinking-markdown .hljs-type,
html[data-gpts-theme=dark] .thinking-markdown .hljs-variable.language_,
.gpt-dark.gpt-dark .thinking-markdown .hljs-doctag,
.gpt-dark.gpt-dark .thinking-markdown .hljs-keyword,
.gpt-dark.gpt-dark .thinking-markdown .hljs-meta .hljs-keyword,
.gpt-dark.gpt-dark .thinking-markdown .hljs-template-tag,
.gpt-dark.gpt-dark .thinking-markdown .hljs-template-variable,
.gpt-dark.gpt-dark .thinking-markdown .hljs-type,
.gpt-dark.gpt-dark .thinking-markdown .hljs-variable.language_ {
color: #ff7b72
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-title,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-title.class_,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-title.class_.inherited__,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-title.function_,
html[data-gpts-theme=dark] .thinking-markdown .hljs-title,
html[data-gpts-theme=dark] .thinking-markdown .hljs-title.class_,
html[data-gpts-theme=dark] .thinking-markdown .hljs-title.class_.inherited__,
html[data-gpts-theme=dark] .thinking-markdown .hljs-title.function_,
.gpt-dark.gpt-dark .thinking-markdown .hljs-title,
.gpt-dark.gpt-dark .thinking-markdown .hljs-title.class_,
.gpt-dark.gpt-dark .thinking-markdown .hljs-title.class_.inherited__,
.gpt-dark.gpt-dark .thinking-markdown .hljs-title.function_ {
color: #d2a8ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-attr,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-attribute,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-literal,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-meta,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-number,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-operator,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-selector-attr,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-selector-class,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-selector-id,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-variable,
html[data-gpts-theme=dark] .thinking-markdown .hljs-attr,
html[data-gpts-theme=dark] .thinking-markdown .hljs-attribute,
html[data-gpts-theme=dark] .thinking-markdown .hljs-literal,
html[data-gpts-theme=dark] .thinking-markdown .hljs-meta,
html[data-gpts-theme=dark] .thinking-markdown .hljs-number,
html[data-gpts-theme=dark] .thinking-markdown .hljs-operator,
html[data-gpts-theme=dark] .thinking-markdown .hljs-selector-attr,
html[data-gpts-theme=dark] .thinking-markdown .hljs-selector-class,
html[data-gpts-theme=dark] .thinking-markdown .hljs-selector-id,
html[data-gpts-theme=dark] .thinking-markdown .hljs-variable,
.gpt-dark.gpt-dark .thinking-markdown .hljs-attr,
.gpt-dark.gpt-dark .thinking-markdown .hljs-attribute,
.gpt-dark.gpt-dark .thinking-markdown .hljs-literal,
.gpt-dark.gpt-dark .thinking-markdown .hljs-meta,
.gpt-dark.gpt-dark .thinking-markdown .hljs-number,
.gpt-dark.gpt-dark .thinking-markdown .hljs-operator,
.gpt-dark.gpt-dark .thinking-markdown .hljs-selector-attr,
.gpt-dark.gpt-dark .thinking-markdown .hljs-selector-class,
.gpt-dark.gpt-dark .thinking-markdown .hljs-selector-id,
.gpt-dark.gpt-dark .thinking-markdown .hljs-variable {
color: #79c0ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-meta .hljs-string,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-regexp,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-string,
html[data-gpts-theme=dark] .thinking-markdown .hljs-meta .hljs-string,
html[data-gpts-theme=dark] .thinking-markdown .hljs-regexp,
html[data-gpts-theme=dark] .thinking-markdown .hljs-string,
.gpt-dark.gpt-dark .thinking-markdown .hljs-meta .hljs-string,
.gpt-dark.gpt-dark .thinking-markdown .hljs-regexp,
.gpt-dark.gpt-dark .thinking-markdown .hljs-string {
color: #a5d6ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-built_in,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-symbol,
html[data-gpts-theme=dark] .thinking-markdown .hljs-built_in,
html[data-gpts-theme=dark] .thinking-markdown .hljs-symbol,
.gpt-dark.gpt-dark .thinking-markdown .hljs-built_in,
.gpt-dark.gpt-dark .thinking-markdown .hljs-symbol {
color: #ffa657
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-code,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-comment,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-formula,
html[data-gpts-theme=dark] .thinking-markdown .hljs-code,
html[data-gpts-theme=dark] .thinking-markdown .hljs-comment,
html[data-gpts-theme=dark] .thinking-markdown .hljs-formula,
.gpt-dark.gpt-dark .thinking-markdown .hljs-code,
.gpt-dark.gpt-dark .thinking-markdown .hljs-comment,
.gpt-dark.gpt-dark .thinking-markdown .hljs-formula {
color: #8b949e
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-name,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-quote,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-selector-pseudo,
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-selector-tag,
html[data-gpts-theme=dark] .thinking-markdown .hljs-name,
html[data-gpts-theme=dark] .thinking-markdown .hljs-quote,
html[data-gpts-theme=dark] .thinking-markdown .hljs-selector-pseudo,
html[data-gpts-theme=dark] .thinking-markdown .hljs-selector-tag,
.gpt-dark.gpt-dark .thinking-markdown .hljs-name,
.gpt-dark.gpt-dark .thinking-markdown .hljs-quote,
.gpt-dark.gpt-dark .thinking-markdown .hljs-selector-pseudo,
.gpt-dark.gpt-dark .thinking-markdown .hljs-selector-tag {
color: #7ee787
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-subst,
html[data-gpts-theme=dark] .thinking-markdown .hljs-subst,
.gpt-dark.gpt-dark .thinking-markdown .hljs-subst {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-section,
html[data-gpts-theme=dark] .thinking-markdown .hljs-section,
.gpt-dark.gpt-dark .thinking-markdown .hljs-section {
color: #1f6feb;
font-weight: 700
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-bullet,
html[data-gpts-theme=dark] .thinking-markdown .hljs-bullet,
.gpt-dark.gpt-dark .thinking-markdown .hljs-bullet {
color: #f2cc60
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-emphasis,
html[data-gpts-theme=dark] .thinking-markdown .hljs-emphasis,
.gpt-dark.gpt-dark .thinking-markdown .hljs-emphasis {
color: #c9d1d9;
font-style: italic
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-strong,
html[data-gpts-theme=dark] .thinking-markdown .hljs-strong,
.gpt-dark.gpt-dark .thinking-markdown .hljs-strong {
color: #c9d1d9;
font-weight: 700
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-addition,
html[data-gpts-theme=dark] .thinking-markdown .hljs-addition,
.gpt-dark.gpt-dark .thinking-markdown .hljs-addition {
color: #aff5b4;
background-color: #033a16
}
:host([data-gpts-theme=dark]) .thinking-markdown .hljs-deletion,
html[data-gpts-theme=dark] .thinking-markdown .hljs-deletion,
.gpt-dark.gpt-dark .thinking-markdown .hljs-deletion {
color: #ffdcd7;
background-color: #67060c
}
:host([data-gpts-theme=dark]) .thinking-markdown,
html[data-gpts-theme=dark] .thinking-markdown,
.gpt-dark.gpt-dark .thinking-markdown {
--table-border-color: var(--sds-color-table-border)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body {
color-scheme: dark
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [hidden],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [hidden],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [hidden] {
display: none !important
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body a,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body a,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body a {
background-color: transparent;
color: #58a6ff;
text-decoration: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body a:active,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body a:hover,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body a:active,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body a:hover,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body a:active,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body a:hover {
outline-width: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body abbr[title],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body abbr[title],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body b,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body strong,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body b,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body strong,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body b,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body strong {
font-weight: 600
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body dfn,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body dfn,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body dfn {
font-style: italic
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h1,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h1,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h1 {
margin: .67em 0;
font-weight: 600;
font-size: 1.5em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body mark,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body mark,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body mark {
background-color: #bb800926;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body small,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body small,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body small {
font-size: 90%
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body sub,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body sup,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body sub,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body sup,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body sub,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body sub,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body sub,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body sub {
bottom: -.25em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body sup,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body sup,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body sup {
top: -.3em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body img,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body img,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: #0d1117
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body code,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body kbd,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body samp,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body kbd,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body samp,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body kbd,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body samp {
font-family: monospace, monospace;
font-size: 1em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body figure,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body figure,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body figure {
margin: 1em 40px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body hr,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body hr,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid #21262d;
height: 1px;
padding: 0;
margin: 24px 0;
background-color: var(--sds-color-grey-line2-normal);
border: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body input,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body input,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=button],
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=reset],
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=submit],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=button],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=reset],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=submit],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=button],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=reset],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=submit] {
-webkit-appearance: button
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=button]::-moz-focus-inner,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=reset]::-moz-focus-inner,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=submit]::-moz-focus-inner,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=button]::-moz-focus-inner,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=reset]::-moz-focus-inner,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=submit]::-moz-focus-inner,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=button]::-moz-focus-inner,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=reset]::-moz-focus-inner,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=button]:-moz-focusring,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=reset]:-moz-focusring,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=submit]:-moz-focusring,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=button]:-moz-focusring,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=reset]:-moz-focusring,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=submit]:-moz-focusring,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=button]:-moz-focusring,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=reset]:-moz-focusring,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=checkbox],
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=radio],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=checkbox],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=radio],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=checkbox],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=radio] {
box-sizing: border-box;
padding: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=number]::-webkit-inner-spin-button,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=number]::-webkit-outer-spin-button,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=number]::-webkit-inner-spin-button,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=number]::-webkit-outer-spin-button,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=number]::-webkit-inner-spin-button,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=number]::-webkit-outer-spin-button {
height: auto
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=search],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=search],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=search]::-webkit-search-cancel-button,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [type=search]::-webkit-search-decoration,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=search]::-webkit-search-cancel-button,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [type=search]::-webkit-search-decoration,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=search]::-webkit-search-cancel-button,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ::-webkit-input-placeholder,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ::-webkit-input-placeholder,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ::-webkit-file-upload-button,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ::-webkit-file-upload-button,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body a:hover,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body a:hover,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body a:hover {
text-decoration: underline
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body hr:before,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body hr:before,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body hr:before {
display: table;
content: ""
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body hr:after,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body hr:after,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body hr:after {
display: table;
clear: both;
content: ""
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table {
border-spacing: 0;
border-collapse: separate;
border-spacing: 0px 0px;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
overflow: auto
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single th:first-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single th:first-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single th:first-child {
border-top-left-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single th:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single th:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single th:last-child {
border-top-right-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single tbody tr:last-child td:first-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single tbody tr:last-child td:first-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single tbody tr:last-child td:first-child {
border-bottom-left-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single tbody tr:last-child td:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single tbody tr:last-child td:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single tbody tr:last-child td:last-child {
border-bottom-right-radius: .375rem
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.preview tbody td:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.preview tbody td:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.preview tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.preview tr:last-child td,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.preview tr:last-child td,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.preview tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.preview th:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.preview th:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.preview th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single tbody td:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single tbody td:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single tbody td:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single tbody td:first-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single tbody td:first-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single tbody td:first-child {
border-left: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single th:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single th:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single tr:last-child td,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single tr:last-child td,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single tr:last-child td {
border-bottom: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single thead th:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single thead th:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single thead th:last-child {
border-right: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single thead th:first-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single thead th:first-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single thead th:first-child {
border-left: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single thead tr:first-child th,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single thead tr:first-child th,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single thead tr:first-child th {
border-top: 1px solid var(--table-border-color)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table.single thead th:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table.single thead th:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table.single thead th:last-child {
border-top-right-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body td,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body th,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body td,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body th,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body td,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body th {
padding: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body details summary,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body details summary,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body details summary {
cursor: pointer
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body details:not([open])>*:not(summary),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body details:not([open])>*:not(summary),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body details:not([open])>*:not(summary) {
display: none !important
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body kbd,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body kbd,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: #c9d1d9;
vertical-align: middle;
background-color: #161b22;
border: solid 1px rgba(110, 118, 129, .4);
border-bottom-color: #6e768166;
border-radius: 6px;
box-shadow: inset 0 -1px #6e768166
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h3:first-of-type,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h3:first-of-type,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h3:first-of-type {
margin-top: 12px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h2,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h2,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h2 {
font-weight: 600;
font-size: 1.35em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h3,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h3,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h3 {
font-weight: 600;
font-size: 1.125em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h4,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h4,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h4 {
font-weight: 600;
font-size: 1em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h5,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h5,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h5 {
font-weight: 600;
font-size: .875em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body h6,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body h6,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body h6 {
font-weight: 600;
font-size: .85em;
color: #8b949e
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body p,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body p,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body p {
margin-top: 0;
margin-bottom: 10px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body blockquote,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body blockquote,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: #8b949e;
border-left: .25em solid #30363d
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ol ol,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ul ol,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ol ol,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ul ol,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ol ol,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ul ol {
list-style-type: lower-roman
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body dd,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body dd,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body dd {
margin-left: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body tt,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body tt,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body tt,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre {
margin-top: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
margin-bottom: 8px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ::-moz-placeholder,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ::-moz-placeholder,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ::-moz-placeholder {
color: #484f58;
opacity: 1
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ::placeholder,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ::placeholder,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ::placeholder {
color: #484f58;
opacity: 1
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body input::-webkit-outer-spin-button,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body input::-webkit-inner-spin-button,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body input::-webkit-outer-spin-button,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body input::-webkit-inner-spin-button,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body input::-webkit-outer-spin-button,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-c,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-c,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-c {
color: #8b949e
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-c1,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-s .pl-v,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-c1,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-s .pl-v,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-c1,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-s .pl-v {
color: #79c0ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-e,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-en,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-e,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-en,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-e,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-en {
color: #d2a8ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-smi,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-s .pl-s1,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-smi,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-s .pl-s1,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-smi,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-s .pl-s1 {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-ent,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-ent,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-ent {
color: #7ee787
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-k,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-k,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-k {
color: #ff7b72
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-s,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-pds,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-s .pl-pse .pl-s1,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-sr,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-sr .pl-cce,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-sr .pl-sre,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-sr .pl-sra,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-s,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-pds,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-s .pl-pse .pl-s1,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-sr,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-sr .pl-sre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-sr .pl-sra,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-s,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-pds,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-s .pl-pse .pl-s1,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-sr,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-sr .pl-cce,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-sr .pl-sre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-sr .pl-sra {
color: #a5d6ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-v,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-smw,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-v,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-smw,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-v,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-smw {
color: #ffa657
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-bu,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-bu,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-bu {
color: #f85149
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-ii,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-ii,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-ii {
color: #f0f6fc;
background-color: #8e1519
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-c2,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-c2,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-c2 {
color: #f0f6fc;
background-color: #b62324
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-sr .pl-cce,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-sr .pl-cce,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-sr .pl-cce {
font-weight: 700;
color: #7ee787
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-ml,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-ml,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-ml {
color: #f2cc60
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mh,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mh .pl-en,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-ms,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mh,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mh .pl-en,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-ms,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mh,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mh .pl-en,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-ms {
font-weight: 700;
color: #1f6feb
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mi,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mi,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mi {
font-style: italic;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mb,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mb,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mb {
font-weight: 700;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-md,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-md,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-md {
color: #ffdcd7;
background-color: #67060c
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mi1,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mi1,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mi1 {
color: #aff5b4;
background-color: #033a16
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mc,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mc,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mc {
color: #ffdfb6;
background-color: #5a1e02
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mi2,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mi2,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mi2 {
color: #c9d1d9;
background-color: #1158c7
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-mdr,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-mdr,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-mdr {
font-weight: 700;
color: #d2a8ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-ba,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-ba,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-ba {
color: #8b949e
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-sg,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-sg,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-sg {
color: #484f58
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .pl-corl,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .pl-corl,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .pl-corl {
text-decoration: underline;
color: #a5d6ff
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body [data-catalyst],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body [data-catalyst],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body [data-catalyst] {
display: block
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body g-emoji,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body g-emoji,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body g-emoji {
font-family: "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
font-size: 1em;
font-style: normal !important;
font-weight: 400;
line-height: 1;
vertical-align: -.075em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body g-emoji img,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body g-emoji img,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body g-emoji img {
width: 1em;
height: 1em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body:before,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body:before,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body:before {
display: table;
content: ""
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body:after,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body:after,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body:after {
display: table;
clear: both;
content: ""
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body>*:first-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body>*:first-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body>*:first-child {
margin-top: 0 !important
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body>*:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body>*:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body>*:last-child {
margin-bottom: 0 !important
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body a:not([href]),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body a:not([href]),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body a:not([href]) {
color: inherit;
text-decoration: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .absent,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .absent,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .absent {
color: #f85149
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .anchor,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .anchor,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .anchor:focus,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .anchor:focus,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .anchor:focus {
outline: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body blockquote>:first-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body blockquote>:first-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body blockquote>:first-child {
margin-top: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body blockquote>:last-child,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body blockquote>:last-child,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body blockquote>:last-child {
margin-bottom: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body sup>a:before,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body sup>a:before,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body sup>a:before {
content: "["
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body sup>a:after,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body sup>a:after,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body sup>a:after {
content: "]"
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body :is(h1, h2, h3, h4, h5, h6) .octicon-link {
color: #c9d1d9;
vertical-align: middle;
visibility: hidden
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ul.no-list,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ol.no-list,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ul.no-list,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ol.no-list,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ul.no-list,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ol.no-list {
padding: 0;
list-style-type: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ol[type="1"],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ol[type="1"],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ol[type="1"] {
list-style-type: decimal
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ol[type=a],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ol[type=a],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ol[type=a] {
list-style-type: lower-alpha
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ol[type=i],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ol[type=i],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ol[type=i] {
list-style-type: lower-roman
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body div>ol:not([type]),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body div>ol:not([type]),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body div>ol:not([type]) {
list-style-type: decimal
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body li>p,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body li>p,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body li>p {
margin-top: 16px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body li+li,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body li+li,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body li+li {
margin-top: .25em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body dl,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body dl,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body dl {
padding: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body dl dt,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body dl dt,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body dl dd,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body dl dd,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table thead tr,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table thead tr,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table thead tr {
background-color: var(--sds-color-grey-fill2-hover)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table th,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table th,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table th {
font-weight: 600
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table th,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table td,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table th,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table td,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table th,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table td {
padding: 6px 13px;
max-width: 300px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table tr,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table tr,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table tr {
background-color: transparent
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table tr:nth-child(2n),
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table tr:nth-child(2n),
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table tr:nth-child(2n) {
background-color: var(--sds-color-grey-fill2-normal)
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body table img,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body table img,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body table img {
background-color: transparent
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body img[align=right],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body img[align=right],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body img[align=right] {
padding-left: 20px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body img[align=left],
html[data-gpts-theme=dark] .thinking-markdown .markdown-body img[align=left],
.gpt-dark.gpt-dark .thinking-markdown .markdown-body img[align=left] {
padding-right: 20px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .emoji,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .emoji,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.frame,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.frame,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.frame {
display: block;
overflow: hidden
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.frame>span,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.frame>span,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #30363d
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.frame span img,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.frame span img,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.frame span img {
display: block;
float: left
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.frame span span,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.frame span span,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.align-center,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.align-center,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.align-center>span,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.align-center>span,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.align-center span img,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.align-center span img,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.align-center span img {
margin: 0 auto;
text-align: center
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.align-right,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.align-right,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.align-right>span,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.align-right>span,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.align-right span img,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.align-right span img,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.align-right span img {
margin: 0;
text-align: right
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.float-left,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.float-left,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.float-left span,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.float-left span,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.float-left span {
margin: 13px 0 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.float-right,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.float-right,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body span.float-right>span,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body span.float-right>span,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body code,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body tt,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body tt,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body tt {
padding: .2em .4em;
margin: 0;
font-size: 85%;
background-color: #6e768166;
border-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body code br,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body tt br,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body code br,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body tt br,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body code br,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body tt br {
display: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body del code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body del code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body del code {
text-decoration: inherit
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre code {
font-size: 100%
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre>code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre>code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre>code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .highlight,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .highlight,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .highlight {
margin-bottom: 16px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .highlight pre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .highlight pre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .highlight pre,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .highlight pre,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .highlight pre,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre {
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre code,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body pre tt,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre code,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body pre tt,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre code,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body pre tt {
display: inline-block;
max-width: auto;
padding: 14px;
margin: 0;
overflow: auto;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .csv-data td,
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .csv-data th,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .csv-data td,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .csv-data th,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .csv-data td,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .csv-data .blob-num,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .csv-data .blob-num,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #0d1117;
border: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .csv-data tr,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .csv-data tr,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .csv-data tr {
border-top: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .csv-data th,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .csv-data th,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .csv-data th {
font-weight: 600;
background: #161b22;
border-top: 0
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .footnotes,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .footnotes,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .footnotes {
font-size: 12px;
color: #8b949e;
border-top: 1px solid #30363d
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .footnotes ol,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .footnotes ol,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .footnotes ol {
padding-left: 16px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .footnotes li,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .footnotes li,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .footnotes li {
position: relative
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .footnotes li:target:before,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .footnotes li:target:before,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .footnotes li:target:before {
position: absolute;
inset: -8px -8px -8px -24px;
pointer-events: none;
content: "";
border: 2px solid #1f6feb;
border-radius: 6px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .footnotes li:target,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .footnotes li:target,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .footnotes li:target {
color: #c9d1d9
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .footnotes .data-footnote-backref g-emoji,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .footnotes .data-footnote-backref g-emoji,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .task-list-item,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .task-list-item,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .task-list-item {
list-style-type: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .task-list-item label,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .task-list-item label,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .task-list-item label {
font-weight: 400
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .task-list-item.enabled label,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .task-list-item.enabled label,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .task-list-item.enabled label {
cursor: pointer
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .task-list-item+.task-list-item,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .task-list-item+.task-list-item,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .task-list-item+.task-list-item {
margin-top: 3px
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .task-list-item .handle,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .task-list-item .handle,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .task-list-item .handle {
display: none
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .task-list-item-checkbox,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .task-list-item-checkbox,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .task-list-item-checkbox {
margin: 0 .2em .25em -1.6em;
vertical-align: middle
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em
}
:host([data-gpts-theme=dark]) .thinking-markdown .markdown-body ::-webkit-calendar-picker-indicator,
html[data-gpts-theme=dark] .thinking-markdown .markdown-body ::-webkit-calendar-picker-indicator,
.gpt-dark.gpt-dark .thinking-markdown .markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%)
}
.message-skeleton .message-skeleton-item {
--from-color: var(--sds-color-grey-fill2-hover);
--to-color: var(--sds-color-grey-fill2-normal);
background: linear-gradient(90deg, var(--from-color) 25%, var(--to-color) 37%, var(--from-color) 63%);
background-size: 400% 100%;
animation-name: ant-skeleton-loading;
animation-duration: 1.4s;
animation-timing-function: ease;
animation-iteration-count: infinite
}
@keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
.sidebar-footer-link .no-active {
display: flex
}
.sidebar-footer-link .active,
.sidebar-footer-link:hover .no-active,
.sidebar-footer-link.active .no-active {
display: none
}
.sidebar-footer-link:hover .active,
.sidebar-footer-link.active .active {
display: flex
}
.switchbar-tab-item {
position: relative
}
.switchbar-tab-item .switchbar-tab-item-icon svg {
transition: transform .15s cubic-bezier(0, .4, .6, 1)
}
.switchbar-tab-item:hover .switchbar-tab-item-icon svg {
transform: scale(1.1) perspective(1px)
}
.sider-modal .ant-modal-content {
padding: 24px
}
.sider-modal .ant-modal-confirm-paragraph {
max-width: none
}
.query-chat-panel .chat-list .switch-bar {
overflow-anchor: none
}
.query-chat-panel .chat-list .messeage-item:last-child {
margin-bottom: 0
}
.query-chat-panel .wel-msg .arrow {
display: inline-block;
transition: all .2s ease
}
.query-chat-panel .wel-msg:hover .arrow {
transform: translate(3px)
}
.query-chat-panel .wel-msg:hover .arrow:where([dir=rtl], [dir=rtl] *) {
--tw-translate-x: -3px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.chat-dev-panel-inner .json-html {
font-size: 11px;
font-family: Melon, monospace
}
.chat-dev-panel-inner .json-html .w-rjv-object-key {
white-space: nowrap
}
.chat-dev-panel-inner .json-html * {
box-sizing: content-box !important
}
.chat-dev-panel-inner .json-html svg {
flex-shrink: 0
}
.chat-dev-panel-inner .json-html .string {
color: #dc362e
}
.chat-dev-panel-inner .json-html .number {
color: #0842a0
}
.chat-dev-panel-inner .json-html .brace,
.chat-dev-panel-inner .json-html .bracket,
.chat-dev-panel-inner .json-html .other {
color: hsl(var(--foreground))
}
.chat-dev-panel-inner .json-html .boolean {
color: #0842a0
}
.chat-dev-panel-inner .json-html .colon,
.chat-dev-panel-inner .json-html .comma {
margin-right: 8px
}
.chat-dev-panel-inner .json-html .key {
color: #929292
}
.w-rjv-ellipsis-array-wrapper {
padding: 0 2px
}
.w-rjv-ellipsis-wrapper {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis
}
.w-rjv-ellipsis-value .w-rjv-line {
padding-left: 0 !important;
display: inline
}
.w-rjv-ellipsis-value .w-rjv-colon {
display: none
}
.w-json-view-container {
width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.w-json-view-container>div {
overflow: hidden;
width: 100%
}
.w-json-view-container>div>svg {
flex-shrink: 0
}
.chat-input-box .chat-input-area,
.chat-input-box .chat-input-area .ant-input {
transition: all .2s ease
}
.chat-input-box.focus .chat-input-area {
box-shadow: 0 0 0 3px var(--sds-color-focus-gray-1)
}
.chat-input-box.focus .chat-input-area.deep-research-enable {
box-shadow: 0 0 0 3px var(--sds-color-brand-primary-focus)
}
.chat-input-box .file-quick-action-btn {
background-color: var(--sds-color-grey-fill2-normal);
transition: background ease .2s
}
.chat-input-box .file-quick-action-btn:hover {
background-color: var(--sds-color-grey-fill2-hover)
}
.ant-modal.quote-tip-modal .ant-modal-confirm-content {
max-width: 100% !important
}
.chatgpt-plugin-capsule.ant-dropdown-open,
.chatgpt-plugin-capsule .capsule-btn.ant-dropdown-open {
background: var(--gpts-sidebar-model-btn-hover-bg-color)
}
.chatgpt-plugins-content .content-box {
background-color: rgb(var(--gpts-bg-rgb));
background-image: linear-gradient(to right, #ffffff1f, #ffffff1f);
box-shadow: 0 2px 6px #00000029
}
.chatgpt-plugins-content .plugin-item:hover .inner {
background: var(--gpts-dropdown-item-hover-bg-color)
}
.chatgpt-plugins-content .plugin-item.selected .inner {
background: var(--gpts-dropdown-item-selected-color)
}
.chatgpt-plugins-content .plugin-item.selected:hover .inner {
background: var(--gpts-dropdown-item-selected-hover-bg-color)
}
.chatgpt-plugins-content .rounded-checkbox .ant-checkbox {
border-radius: 9999px
}
.chatgpt-plugins-content .rounded-checkbox .ant-checkbox:after {
border-radius: 9999px
}
.chatgpt-plugins-content .rounded-checkbox .ant-checkbox-inner {
border-radius: 9999px !important
}
.chatgpt-plugins-content .footer {
background: #0000000d;
color: rgba(var(--gpts-fg-rgb), .35)
}
.chatgpt-plugins-content .preview-box {
background-color: rgb(var(--gpts-bg-rgb));
background-image: linear-gradient(to right, #ffffff1f, #ffffff1f);
box-shadow: 0 2px 6px #00000029
}
.alert-container .ant-notification {
position: absolute !important;
inset: 12px auto auto 50% !important;
border-radius: 8px
}
.alert-container .ant-notification .ant-notification-notice-wrapper {
border-radius: 8px;
box-shadow: none;
margin-bottom: 8px
}
.ant-notification .ant-notification-notice.gpts-alert {
background-color: var(--sds-color-error-focus)
}
.ant-notification .ant-notification-notice.gpts-alert .ant-notification-notice-message {
padding-inline-end: 30px;
color: var(--sds-color-text-primary-1);
margin-bottom: 0;
font-size: 14px
}
.ant-notification .ant-notification-notice.gpts-alert .ant-notification-notice-close {
top: 10px;
inset-inline-end: 10px;
color: var(--sds-color-text-primary-2)
}
html[data-gpts-theme=dark] .alert-container .ant-notification .ant-notification-notice-wrapper,
:host([data-gpts-theme=dark]) .alert-container .ant-notification .ant-notification-notice-wrapper {
box-shadow: none
}
.custom-instruction-modal .ant-form-item-label {
padding: 0 0 4px !important
}
.custom-instruction-modal .ant-input-data-count {
font-size: 12px
}
.chat-quick-action-lang-dropdown .ant-dropdown-menu {
max-height: 300px;
overflow-y: auto
}
.open-tab-checkbox .ant-checkbox+span {
width: 100%
}
.confirm-distinguish-modal .ant-radio-wrapper {
display: flex;
margin: 0;
line-height: 1.5;
padding-top: 2px
}
.confirm-distinguish-modal .ant-radio-wrapper .ant-radio {
align-self: flex-start;
margin-top: 4px
}
.message-item-outer {
overflow-anchor: none
}
.message-item-outer.large-mode {
border-radius: 12px
}
.message-item-outer.large-mode .role-title {
font-size: 16px
}
.message-item-outer.large-mode .role-icon-box {
margin-right: 12px
}
.message-item-outer.large-mode .message-inner {
max-width: none;
font-size: 16px
}
.message-item-outer:hover .actions,
.message-item-outer:hover .message-inner .actions {
visibility: visible;
pointer-events: all
}
.message-item-outer.error {
margin: 0 0 16px
}
.message-item-outer.error .message-inner .error-msg:not(.error-with-upgrade):not(.error-with-info) *:not(.error-msg-actions *):not(a) {
color: var(--sds-color-error-normal) !important
}
.message-item-outer.temp {
background-color: var(--gpts-bg-darken1);
padding: 16px;
margin-bottom: 0
}
.message-item-outer.temp .message-inner .markdown-body {
max-height: 200px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis
}
.message-item-outer.system {
background-color: var(--gpts-bg-darken1);
padding: 0 16px 16px;
margin-bottom: 0
}
.message-item-outer.fade-in {
animation: fadeIn .3s ease-in-out
}
.message-item-outer .actions {
visibility: hidden;
pointer-events: none
}
.message-item-outer .message-item {
display: flex;
gap: 6px;
align-items: center
}
.message-item-outer .message-item:last-child {
margin-bottom: 0
}
.message-item-outer .message-item.self {
display: flex;
flex-direction: row-reverse
}
.message-item-outer .message-item.self .message-inner {
width: -moz-fit-content;
width: fit-content;
color: var(--sds-color-text-primary-1)
}
.message-item-outer .message-item.self .message-inner .markdown-body {
color: var(--sds-color-text-primary-1)
}
.message-item-outer .message-item.error .message-inner {
padding: 12px 16px;
border-radius: 12px;
background-color: var(--sds-color-error-bg)
}
.message-item-outer .message-item.error .message-inner .markdown-body {
color: var(--gpts-primary-content-text-color) !important
}
.message-item-outer .message-item {
flex-direction: row
}
.message-item-outer .message-item .message-inner {
border-radius: 2px 12px 12px;
width: 100%;
max-width: 100%;
line-height: 1.5
}
.message-item-outer .message-item .message-inner .markdown-body {
color: var(--sds-color-text-primary-1)
}
.message-item-outer .message-item .message-inner .markdown-body>*:last-child {
margin-bottom: 0 !important
}
.message-item-outer .message-item .message-inner .markdown-body>*:first-child {
margin-top: 0 !important
}
.message-item-outer .message-item .message-inner .ant-image-img-placeholder {
background-color: #00000014
}
.message-item-outer .message-item .message-inner .answer-markdown-box {
overflow-y: hidden
}
.message-item-outer .message-item .message-inner:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 20px;
top: 100%;
left: 0;
z-index: 0
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.toolbar-wrapper {
position: fixed;
bottom: 32px;
left: 50%;
padding: 0 24px;
color: #fff;
font-size: 20px;
background-color: #0000001a;
border-radius: 100px;
transform: translate(-50%)
}
.toolbar-wrapper .anticon {
padding: 12px;
cursor: pointer
}
.toolbar-wrapper .anticon[disabled] {
cursor: not-allowed;
opacity: .3
}
.toolbar-wrapper .anticon:hover {
opacity: .3
}
.compare-improve-dropdown.ant-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item {
font-size: 12px
}
.compare-improve-dropdown.ant-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled {
display: none
}
.compare-improve-dropdown.ant-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item.ant-dropdown-menu-item-selected {
color: inherit
}
@keyframes star-blink {
0% {
transform: scale(1.1)
}
to {
transform: scale(.8)
}
}
.star-blink {
animation-name: star-blink;
animation-duration: .8s;
animation-iteration-count: infinite;
animation-timing-function: ease
}
.l:after {
content: "";
position: absolute;
inset: 0 -50%;
pointer-events: none;
opacity: .55;
background: linear-gradient(133deg, transparent 25%, var(--sds-color-grey-fill2-click) 50%, transparent 75%);
animation: g 1.8s ease-in-out infinite
}
@keyframes g {
0% {
transform: translate(-100%)
}
to {
transform: translate(100%)
}
}
@media(prefers-reduced-motion:reduce) {
.l:after {
animation: none
}
}
.tiptap {
outline: none;
line-height: 1.5
}
.tiptap p {
margin: 0
}
.tiptap p.is-editor-empty:first-child:before {
color: var(--sds-color-text-primary-4);
content: attr(data-placeholder);
float: left;
height: 0;
pointer-events: none
}
.tiptap .ProseMirror-selectednode .tiptap-image-wrapper {
outline: 3px solid var(--sds-color-assistive-blue-disable)
}
.tiptap .ProseMirror-gapcursor:after {
border-color: currentColor
}
@keyframes claw-scroll-to-bottom-dot {
0%,
60%,
to {
opacity: .45;
transform: translateY(0)
}
30% {
opacity: 1;
transform: translateY(-2px)
}
}
.claw-scroll-to-bottom-dot {
animation: claw-scroll-to-bottom-dot .9s ease-in-out infinite
}
.claw-scroll-to-bottom-dot:nth-child(2) {
animation-delay: .12s
}
.claw-scroll-to-bottom-dot:nth-child(3) {
animation-delay: .24s
}
@media(prefers-reduced-motion:reduce) {
.claw-scroll-to-bottom-dot {
animation: none;
opacity: 1
}
}
.translate-panel .translate-result-text.writing:after {
content: "\25cf";
display: inline-flex;
font-size: 12px;
font-family: Noto Sans SC;
margin-inline-start: .25em;
vertical-align: baseline
}
.translate-panel .dict-result.writing div:not(.no-blink-cursor):last-child:after {
content: "\25cf";
display: inline-flex;
font-size: 12px;
font-family: Noto Sans SC;
margin-inline-start: .25em;
vertical-align: baseline
}
.chatgpt-quick-query-float {
position: fixed;
right: 0;
bottom: 30px;
z-index: 2147483645;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
visibility: visible !important;
pointer-events: none;
transform: translate3d(100%, 0, 0);
transition: all .3s ease .2s;
opacity: 0
}
.chatgpt-quick-query-float.show {
transform: translateZ(0);
opacity: 1
}
:host-context(.sider-quick-query-float-hidden) .chatgpt-quick-query-float {
transform: translate3d(100%, 0, 0) !important;
opacity: 0 !important
}
.chatgpt-quick-query-float.left {
left: 0;
right: auto;
transform: translate3d(-100%, 0, 0)
}
.chatgpt-quick-query-float.left.show {
transform: translateZ(0);
opacity: 1
}
.chatgpt-quick-query-float.left .float-btn {
border-radius: 0 999px 999px 0;
padding: 8px 10px
}
.chatgpt-quick-query-float.left .float-btn .close-btn {
left: auto;
right: -4px
}
.chatgpt-quick-query-float.left .float-btn:not(.dragging).highlight,
.chatgpt-quick-query-float.left .float-btn:not(.dragging).hover {
padding: 8px 14px
}
.chatgpt-quick-query-float .float-btn {
padding: 8px 10px;
border-radius: 999px 0 0 999px;
box-shadow: 0 0 1px 0 var(--sds-color-grey-line2-hover), 0 6px 24px #0c0d190f, 0 12px 48px #0c0d190f, 0 24px 96px #0c0d190f
}
.chatgpt-quick-query-float .float-btn:not(.dragging) {
transition: padding .3s
}
.chatgpt-quick-query-float .float-btn .close-btn {
position: absolute;
bottom: -4px;
left: -4px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0
}
.chatgpt-quick-query-float .float-btn.hover:not(.dragging) .close-btn {
opacity: 1
}
.chatgpt-quick-query-float .float-btn:not(.dragging).highlight,
.chatgpt-quick-query-float .float-btn:not(.dragging).hover {
padding: 8px 14px
}
.chatgpt-quick-query-float .float-btn.dragging {
border-radius: 999px;
padding: 8px;
cursor: move
}
.web-enhance-action-btn {
width: 100%;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 12px;
border: 0;
border-radius: 44px;
cursor: pointer;
color: #fff;
font-weight: 700;
background-image: linear-gradient(10deg, #8a57ea 50%, #32c5ff)
}
.web-enhance-action-btn:hover {
opacity: .9
}
.web-enhance-skeleton .ant-skeleton-paragraph {
margin: 0
}
.web-enhance-skeleton.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li {
border-radius: 4px
}
.web-enhance-skeleton.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li+li {
margin-block-start: 8px
}
.web-enhance-container a {
color: #69b1ff;
cursor: pointer
}
.web-enhance-container .ant-dropdown-menu-submenu {
z-index: 9999
}
.web-enhance-container .ant-dropdown-menu-submenu .ant-dropdown-menu-sub {
max-height: 256px;
overflow: auto
}
.web-enhance-container .error:not(:has(.error-summary-video)) {
margin: 16px;
border-radius: 8px;
border: 1px solid #e65a5a
}
.web-enhance-result {
scrollbar-gutter: stable
}
.web-enhance-result::-webkit-scrollbar {
width: 2px
}
.web-enhance-result p.writing:after {
content: "\25cf";
display: inline-flex;
font-size: 12px;
font-family: Noto Sans SC;
margin-inline-start: .25em;
vertical-align: baseline
}
.web-enhance-result .summary-list-item .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
padding-inline-start: 4px
}
.youtue-summary-btn-orphan:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
z-index: -1;
width: calc(100% + 2px);
height: calc(100% + 2px);
border-radius: 9999px;
background-image: linear-gradient(10deg, #8a57ea 50%, #32c5ff)
}
.youtube-summary-underline {
padding-bottom: 1px;
background-image: linear-gradient(to right, #94a3b8 30%, #fff0 0%);
background-position: bottom;
background-size: 5px 1px;
background-repeat: repeat-x;
display: inline
}
.c {
--small-size: ;
--large-size: initial;
--control-icon-size: 48px
}
@container (max-width: 920px) {
.c {
flex-direction: column;
--small-size: initial;
--large-size: ;
--control-icon-size: 36px
}
}
.x {
flex-direction: var(--small-size, column) var(--large-size, row)
}
.y {
min-width: var(--small-size, unset) var(--large-size, 620px);
flex-grow: var(--small-size, unset) var(--large-size, 1)
}
.i {
animation-name: i;
animation-iteration-count: infinite
}
@keyframes i {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
.f ytd-player {
display: block;
width: 100%;
height: 100%
}
.f ytd-player #container {
width: 100%;
height: 100%
}
.f ytd-player .html5-video-player {
pointer-events: none
}
.f ytd-player .html5-video-container {
width: 100%;
height: 100%;
pointer-events: none
}
.f ytd-player .html5-video-container :is(video) {
width: 100% !important;
height: 100% !important;
top: unset !important;
left: unset !important;
box-sizing: border-box;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
position: static
}
.f ytd-player .ytp-ad-persistent-progress-bar-container,
.f ytd-player .ytp-caption-window-container,
.f ytd-player .html5-endscreen,
.f ytd-player .ytp-player-content,
.f ytd-player .ytp-suggested-action {
display: none
}
.f .ytp-chrome-bottom,
.f .ytp-chrome-top,
.f .ytp-gradient-bottom,
.f .ytp-settings-menu {
display: none
}
.p {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
--track-background: var(--gpts-black-text-color4);
--track-hover-background: var(--gpts-black-text-color4);
--track-height: 3px;
--progress-background: var(--gpts-black-text-color1);
--thumb-height: 12px;
--thumb-width: 12px;
--thumb-radius: 6px;
--thumb-background: var(--progress-background);
--thumb-hover-background: var(--progress-background)
}
.p::-moz-range-track {
block-size: var(--track-height);
cursor: pointer;
background: var(--track-background);
border-radius: 25px;
overflow: hidden
}
.p::-moz-range-progress {
-moz-appearance: none;
appearance: none;
block-size: var(--track-height);
width: var(--track-height);
border-radius: 0;
background-color: var(--progress-background)
}
.p::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
cursor: pointer;
border: none;
block-size: var(--thumb-height);
inline-size: var(--thumb-width);
border-radius: var(--thumb-radius);
background-color: var(--thumb-background)
}
.p:hover::-moz-range-track {
background-color: var(--track-hover-background)
}
.p:hover::-moz-range-thumb {
background-color: var(--thumb-hover-background)
}
@supports (-webkit-appearance: none) {
.p {
position: relative;
isolation: isolate;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.p::-webkit-slider-runnable-track {
cursor: pointer;
border-radius: 0;
block-size: var(--track-height);
background-color: var(--track-background);
background-clip: content-box;
box-sizing: content-box;
border-block-width: calc((var(--thumb-height) - var(--track-height)) / 2);
border-inline-width: 0;
border-style: solid;
border-color: transparent
}
.p:before {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
content: "";
position: absolute;
inset-block: 0;
margin-block: auto;
pointer-events: none;
display: block;
inline-size: calc(var(--value) * 100% - var(--value) * var(--thumb-width));
background-color: var(--progress-background);
block-size: var(--track-height)
}
.p::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
block-size: var(--thumb-height);
inline-size: var(--thumb-width);
border-radius: var(--thumb-radius);
background-color: var(--thumb-background);
cursor: pointer;
border: none;
margin-block-start: calc(-1 * (var(--thumb-height) - var(--track-height)) / 2)
}
.p:hover::-webkit-slider-runnable-track {
background-color: var(--track-hover-background)
}
.p:hover::-webkit-slider-thumb {
background-color: var(--thumb-hover-background)
}
}
.sider-code-explain-button-wrapper-common {
position: relative;
min-width: 103px;
text-shadow: none
}
.sider-code-explain-button-wrapper-github {
height: 28px;
position: relative
}
.sider-code-explain-button {
height: 100%;
width: -moz-fit-content;
width: fit-content;
position: relative;
border-radius: 6px;
cursor: pointer;
display: flex;
gap: 1px;
border: 1px solid var(--sds-color-grey-line2-normal);
background: var(--gpts-bg-color3)
}
.sider-code-explain-button .button {
display: flex;
align-items: center;
color: var(--sds-color-text-primary-1)
}
.sider-code-explain-button .button:hover {
background: var(--sds-color-grey-fill1-hover)
}
.sider-code-explain-button .button:active {
background: var(--gpts-bg-darken3)
}
.sider-code-explain-button .explain-button {
gap: 7px;
padding-left: 7px;
padding-right: 9px;
font-size: 12px;
font-family: var(--gpts-font-family);
position: relative;
white-space: nowrap;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.sider-code-explain-button .dragging {
padding-left: 7px;
padding-right: 7px
}
.sider-code-explain-button .copy-button {
padding-left: 7px;
padding-right: 7px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.sider-code-explain-close {
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
color: var(--gpts-white-text-color1);
backdrop-filter: blur(1px);
right: -7px;
top: -7px;
display: none;
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
--frosted-color: #8f8f8f
}
.sider-code-explain-close:hover {
--frosted-color: #525252
}
.sider-code-explain-close:active {
--frosted-color: #141414
}
.vertical-divider {
position: absolute;
width: 1px;
height: 12px;
background: var(--sds-color-grey-line2-normal);
top: 6px;
right: 26px
}
@font-face {
font-family: 'D-DINExp';
font-style: normal;
font-weight: 400;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/D-DINExp.woff2') format('woff2');
unicode-range: U+0030-0039;
/* 范围包括数字 0-9 */
}
@font-face {
font-family: 'D-DINExp';
font-style: normal;
font-weight: 600;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/D-DINExp-Bold.woff2') format('woff2');
unicode-range: U+0030-0039;
/* 范围包括数字 0-9 */
}
@font-face {
font-family: 'D-DINExp';
font-style: normal;
font-weight: 700;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/D-DINExp-Bold.woff2') format('woff2');
unicode-range: U+0030-0039;
/* 范围包括数字 0-9 */
}
/* Keep the percent glyph in the same face as the digits without changing the base font. */
@font-face {
font-family: 'D-DINExpFull';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/D-DINExp.woff2') format('woff2');
}
@font-face {
font-family: 'D-DINExpFull';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/D-DINExp-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/Poppins-400.woff2') format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/Poppins-600.woff2') format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/Poppins-700.woff2') format('woff2');
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/Noto-Sans-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/Noto-Sans-600.woff2') format('woff2');
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/DM-Sans-regular.woff2') format('woff2');
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/DM-Sans-600.woff2') format('woff2');
}
@font-face {
font-family: 'DM Sans';
font-style: bold;
font-weight: 800;
font-display: swap;
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/DM-Sans-800.woff2') format('woff2');
}
@font-face {
font-family: 'Noto Sans SC';
src: url('chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/Noto-Sans-SC.woff2') format('woff2');
}
/* stylelint-disable font-family-no-missing-generic-family-keyword */
@font-face {
font-family: 'KaTeX_AMS';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_AMS-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Caligraphic';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Caligraphic-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Caligraphic';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Caligraphic-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Fraktur';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Fraktur-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Fraktur';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Fraktur-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Main-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Main-BoldItalic.woff2) format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Main-Italic.woff2) format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Main-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Math';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Math-BoldItalic.woff2) format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_Math';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Math-Italic.woff2) format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_SansSerif';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_SansSerif-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_SansSerif';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_SansSerif-Italic.woff2) format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_SansSerif';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_SansSerif-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Script';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Script-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size1';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Size1-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size2';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Size2-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size3';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Size3-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size4';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Size4-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Typewriter';
src: url(chrome-extension://difoiogjjojoaoomphldepapgpbgkhkb/fonts/katex/KaTeX_Typewriter-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}