/* line 1, app/assets/stylesheets/dboard_form.scss */
[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
}
/* line 17, app/assets/stylesheets/dboard_form.scss */
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
border-color: #2563eb;
}
/* line 30, app/assets/stylesheets/dboard_form.scss */
input::-moz-placeholder, textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
/* line 35, app/assets/stylesheets/dboard_form.scss */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #6b7280;
opacity: 1;
}
/* line 40, app/assets/stylesheets/dboard_form.scss */
input::placeholder, textarea::placeholder {
color: #6b7280;
opacity: 1;
}
/* line 45, app/assets/stylesheets/dboard_form.scss */
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
/* line 49, app/assets/stylesheets/dboard_form.scss */
::-webkit-date-and-time-value {
min-height: 1.5em;
}
/* line 53, app/assets/stylesheets/dboard_form.scss */
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
/* line 63, app/assets/stylesheets/dboard_form.scss */
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
color-adjust: unset;
}
/* line 73, app/assets/stylesheets/dboard_form.scss */
[type='checkbox'], [type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
margin-left: 5px;
}
/* line 97, app/assets/stylesheets/dboard_form.scss */
[type='checkbox'] {
border-radius: 0px;
}
/* line 101, app/assets/stylesheets/dboard_form.scss */
[type='radio'] {
border-radius: 100%;
}
/* line 105, app/assets/stylesheets/dboard_form.scss */
[type='checkbox']:focus, [type='radio']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
/* line 117, app/assets/stylesheets/dboard_form.scss */
[type='checkbox']:checked, [type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
/* line 125, app/assets/stylesheets/dboard_form.scss */
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
/* line 129, app/assets/stylesheets/dboard_form.scss */
[type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
/* line 133, app/assets/stylesheets/dboard_form.scss */
[type='checkbox']:checked:hover, [type='checkbox']:checked:focus, [type='radio']:checked:hover, [type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
}
/* line 138, app/assets/stylesheets/dboard_form.scss */
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
/* line 147, app/assets/stylesheets/dboard_form.scss */
[type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
/* line 152, app/assets/stylesheets/dboard_form.scss */
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
/* line 162, app/assets/stylesheets/dboard_form.scss */
[type='file']:focus {
outline: 1px auto -webkit-focus-ring-color;
}
@font-face {
font-family: octicons-link;
src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff");
}
/* line 5, app/assets/stylesheets/markdown.scss */
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.5;
color: #24292e;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.5;
word-wrap: break-word;
}
/* line 15, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-c {
color: #6a737d;
}
/* line 18, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
color: #005cc5;
}
/* line 22, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-e,
.markdown-body .pl-en {
color: #6f42c1;
}
/* line 26, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
color: #24292e;
}
/* line 30, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-ent {
color: #22863a;
}
/* line 33, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-k {
color: #d73a49;
}
/* line 36, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
color: #032f62;
}
/* line 45, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-v,
.markdown-body .pl-smw {
color: #e36209;
}
/* line 49, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-bu {
color: #b31d28;
}
/* line 52, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-ii {
color: #fafbfc;
background-color: #b31d28;
}
/* line 56, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-c2 {
color: #fafbfc;
background-color: #d73a49;
}
/* line 60, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-c2::before {
content: "^M";
}
/* line 63, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: #22863a;
}
/* line 67, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-ml {
color: #735c0f;
}
/* line 70, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
font-weight: bold;
color: #005cc5;
}
/* line 76, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mi {
font-style: italic;
color: #24292e;
}
/* line 80, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mb {
font-weight: bold;
color: #24292e;
}
/* line 84, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-md {
color: #b31d28;
background-color: #ffeef0;
}
/* line 88, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mi1 {
color: #22863a;
background-color: #f0fff4;
}
/* line 92, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mc {
color: #e36209;
background-color: #ffebda;
}
/* line 96, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mi2 {
color: #f6f8fa;
background-color: #005cc5;
}
/* line 100, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-mdr {
font-weight: bold;
color: #6f42c1;
}
/* line 104, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-ba {
color: #586069;
}
/* line 107, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-sg {
color: #959da5;
}
/* line 110, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-corl {
text-decoration: underline;
color: #032f62;
}
/* line 114, app/assets/stylesheets/markdown.scss */
.markdown-body .octicon {
display: inline-block;
vertical-align: text-top;
fill: currentColor;
}
/* line 119, app/assets/stylesheets/markdown.scss */
.markdown-body a {
background-color: transparent;
color: #3b82f6;
}
/* line 123, app/assets/stylesheets/markdown.scss */
.markdown-body a:active,
.markdown-body a:hover {
outline-width: 0;
}
/* line 127, app/assets/stylesheets/markdown.scss */
.markdown-body strong {
font-weight: inherit;
}
/* line 130, app/assets/stylesheets/markdown.scss */
.markdown-body strong {
font-weight: bolder;
}
/* line 133, app/assets/stylesheets/markdown.scss */
.markdown-body h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* line 137, app/assets/stylesheets/markdown.scss */
.markdown-body img {
border-style: none;
}
/* line 140, app/assets/stylesheets/markdown.scss */
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* line 146, app/assets/stylesheets/markdown.scss */
.markdown-body hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/* line 151, app/assets/stylesheets/markdown.scss */
.markdown-body input {
font: inherit;
margin: 0;
}
/* line 155, app/assets/stylesheets/markdown.scss */
.markdown-body input {
overflow: visible;
}
/* line 158, app/assets/stylesheets/markdown.scss */
.markdown-body [type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
/* line 162, app/assets/stylesheets/markdown.scss */
.markdown-body * {
box-sizing: border-box;
}
/* line 165, app/assets/stylesheets/markdown.scss */
.markdown-body input {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/* line 170, app/assets/stylesheets/markdown.scss */
.markdown-body a {
color: #635bff;
text-decoration: none;
}
/* line 174, app/assets/stylesheets/markdown.scss */
.markdown-body a:hover {
text-decoration: underline;
}
/* line 177, app/assets/stylesheets/markdown.scss */
.markdown-body strong {
font-weight: 600;
}
/* line 180, app/assets/stylesheets/markdown.scss */
.markdown-body hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #dfe2e5;
}
/* line 188, app/assets/stylesheets/markdown.scss */
.markdown-body hr::before {
display: table;
content: "";
}
/* line 192, app/assets/stylesheets/markdown.scss */
.markdown-body hr::after {
display: table;
clear: both;
content: "";
}
/* line 197, app/assets/stylesheets/markdown.scss */
.markdown-body table {
border-spacing: 0;
border-collapse: collapse;
}
/* line 201, app/assets/stylesheets/markdown.scss */
.markdown-body td,
.markdown-body th {
padding: 0;
}
/* line 205, app/assets/stylesheets/markdown.scss */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 0;
margin-bottom: 0;
}
/* line 214, app/assets/stylesheets/markdown.scss */
.markdown-body h1 {
font-size: 32px;
font-weight: 600;
}
/* line 218, app/assets/stylesheets/markdown.scss */
.markdown-body h2 {
font-size: 24px;
font-weight: 600;
}
/* line 222, app/assets/stylesheets/markdown.scss */
.markdown-body h3 {
font-size: 20px;
font-weight: 600;
}
/* line 226, app/assets/stylesheets/markdown.scss */
.markdown-body h4 {
font-size: 16px;
font-weight: 600;
}
/* line 230, app/assets/stylesheets/markdown.scss */
.markdown-body h5 {
font-size: 14px;
font-weight: 600;
}
/* line 234, app/assets/stylesheets/markdown.scss */
.markdown-body h6 {
font-size: 12px;
font-weight: 600;
}
/* line 238, app/assets/stylesheets/markdown.scss */
.markdown-body p {
margin-top: 0;
margin-bottom: 10px;
}
/* line 242, app/assets/stylesheets/markdown.scss */
.markdown-body blockquote {
margin: 0;
}
/* line 245, app/assets/stylesheets/markdown.scss */
.markdown-body ul,
.markdown-body ol {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
/* line 251, app/assets/stylesheets/markdown.scss */
.markdown-body ol ol,
.markdown-body ul ol {
list-style-type: lower-roman;
}
/* line 255, app/assets/stylesheets/markdown.scss */
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
list-style-type: lower-alpha;
}
/* line 261, app/assets/stylesheets/markdown.scss */
.markdown-body dd {
margin-left: 0;
}
/* line 264, app/assets/stylesheets/markdown.scss */
.markdown-body code {
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
}
/* line 268, app/assets/stylesheets/markdown.scss */
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
}
/* line 274, app/assets/stylesheets/markdown.scss */
.markdown-body .octicon {
vertical-align: text-bottom;
}
/* line 277, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-0 {
padding-left: 0 !important;
}
/* line 280, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-1 {
padding-left: 4px !important;
}
/* line 283, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-2 {
padding-left: 8px !important;
}
/* line 286, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-3 {
padding-left: 16px !important;
}
/* line 289, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-4 {
padding-left: 24px !important;
}
/* line 292, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-5 {
padding-left: 32px !important;
}
/* line 295, app/assets/stylesheets/markdown.scss */
.markdown-body .pl-6 {
padding-left: 40px !important;
}
/* line 298, app/assets/stylesheets/markdown.scss */
.markdown-body::before {
display: table;
content: "";
}
/* line 302, app/assets/stylesheets/markdown.scss */
.markdown-body::after {
display: table;
clear: both;
content: "";
}
/* line 307, app/assets/stylesheets/markdown.scss */
.markdown-body > *:first-child {
margin-top: 0 !important;
}
/* line 310, app/assets/stylesheets/markdown.scss */
.markdown-body > *:last-child {
margin-bottom: 0 !important;
}
/* line 313, app/assets/stylesheets/markdown.scss */
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none;
}
/* line 317, app/assets/stylesheets/markdown.scss */
.markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
/* line 323, app/assets/stylesheets/markdown.scss */
.markdown-body .anchor:focus {
outline: none;
}
/* line 326, app/assets/stylesheets/markdown.scss */
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
margin-top: 0;
margin-bottom: 16px;
}
/* line 336, app/assets/stylesheets/markdown.scss */
.markdown-body hr {
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: #e1e4e8;
border: 0;
}
/* line 343, app/assets/stylesheets/markdown.scss */
.markdown-body blockquote {
padding: 0 1em;
color: #6a737d;
border-left: 0.25em solid #dfe2e5;
}
/* line 348, app/assets/stylesheets/markdown.scss */
.markdown-body blockquote > :first-child {
margin-top: 0;
}
/* line 351, app/assets/stylesheets/markdown.scss */
.markdown-body blockquote > :last-child {
margin-bottom: 0;
}
/* line 354, app/assets/stylesheets/markdown.scss */
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #c6cbd1;
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5;
}
/* line 367, app/assets/stylesheets/markdown.scss */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
}
/* line 378, app/assets/stylesheets/markdown.scss */
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #1b1f23;
vertical-align: middle;
visibility: hidden;
}
/* line 388, app/assets/stylesheets/markdown.scss */
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
text-decoration: none;
}
/* line 396, app/assets/stylesheets/markdown.scss */
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
visibility: visible;
}
/* line 404, app/assets/stylesheets/markdown.scss */
.markdown-body h1 {
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid #eaecef;
}
/* line 409, app/assets/stylesheets/markdown.scss */
.markdown-body h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid #eaecef;
}
/* line 414, app/assets/stylesheets/markdown.scss */
.markdown-body h3 {
font-size: 1.25em;
}
/* line 417, app/assets/stylesheets/markdown.scss */
.markdown-body h4 {
font-size: 1em;
}
/* line 420, app/assets/stylesheets/markdown.scss */
.markdown-body h5 {
font-size: 0.875em;
}
/* line 423, app/assets/stylesheets/markdown.scss */
.markdown-body h6 {
font-size: 0.85em;
color: #6a737d;
}
/* line 427, app/assets/stylesheets/markdown.scss */
.markdown-body ul,
.markdown-body ol {
padding-left: 2em;
}
/* line 431, app/assets/stylesheets/markdown.scss */
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
/* line 438, app/assets/stylesheets/markdown.scss */
.markdown-body li {
word-wrap: break-all;
}
/* line 441, app/assets/stylesheets/markdown.scss */
.markdown-body li > p {
margin-top: 16px;
}
/* line 444, app/assets/stylesheets/markdown.scss */
.markdown-body li + li {
margin-top: 0.25em;
}
/* line 447, app/assets/stylesheets/markdown.scss */
.markdown-body dl {
padding: 0;
}
/* line 450, app/assets/stylesheets/markdown.scss */
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600;
}
/* line 457, app/assets/stylesheets/markdown.scss */
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
/* line 461, app/assets/stylesheets/markdown.scss */
.markdown-body table {
display: block;
width: 100%;
overflow: auto;
}
/* line 466, app/assets/stylesheets/markdown.scss */
.markdown-body table th {
font-weight: 600;
}
/* line 469, app/assets/stylesheets/markdown.scss */
.markdown-body table th,
.markdown-body table td {
padding: 6px 13px;
border: 1px solid #dfe2e5;
}
/* line 474, app/assets/stylesheets/markdown.scss */
.markdown-body table tr {
background-color: #fff;
border-top: 1px solid #c6cbd1;
}
/* line 478, app/assets/stylesheets/markdown.scss */
.markdown-body table tr:nth-child(2n) {
background-color: #f6f8fa;
}
/* line 481, app/assets/stylesheets/markdown.scss */
.markdown-body img {
max-width: 100%;
box-sizing: content-box;
background-color: #fff;
}
/* line 486, app/assets/stylesheets/markdown.scss */
.markdown-body img[align=right] {
padding-left: 20px;
}
/* line 489, app/assets/stylesheets/markdown.scss */
.markdown-body img[align=left] {
padding-right: 20px;
}
/* line 492, app/assets/stylesheets/markdown.scss */
.markdown-body code {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(27, 31, 35, 0.05);
border-radius: 3px;
}
/* line 499, app/assets/stylesheets/markdown.scss */
.markdown-body pre {
word-wrap: normal;
}
/* line 502, app/assets/stylesheets/markdown.scss */
.markdown-body pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
/* line 511, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight {
margin-bottom: 16px;
}
/* line 514, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
/* line 518, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
border-radius: 3px;
}
/* line 527, app/assets/stylesheets/markdown.scss */
.markdown-body pre code {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
/* line 538, app/assets/stylesheets/markdown.scss */
.markdown-body .full-commit .btn-outline:not(:disabled):hover {
color: #005cc5;
border-color: #005cc5;
}
/* line 542, app/assets/stylesheets/markdown.scss */
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #d1d5da;
border-bottom-color: #c6cbd1;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #c6cbd1;
}
/* line 555, app/assets/stylesheets/markdown.scss */
.markdown-body :checked + .radio-label {
position: relative;
z-index: 1;
border-color: #0366d6;
}
/* line 560, app/assets/stylesheets/markdown.scss */
.markdown-body .task-list-item {
list-style-type: none;
}
/* line 563, app/assets/stylesheets/markdown.scss */
.markdown-body .task-list-item + .task-list-item {
margin-top: 3px;
}
/* line 566, app/assets/stylesheets/markdown.scss */
.markdown-body .task-list-item input {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
/* line 570, app/assets/stylesheets/markdown.scss */
.markdown-body hr {
border-bottom-color: #eee;
}
/* line 574, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight table td {
padding: 5px;
}
/* line 575, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight table pre {
margin: 0;
}
/* line 576, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .cm {
color: #999988;
font-style: italic;
}
/* line 580, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .cp {
color: #999999;
font-weight: bold;
}
/* line 584, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .c1 {
color: #999988;
font-style: italic;
}
/* line 588, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .cs {
color: #999999;
font-weight: bold;
font-style: italic;
}
/* line 593, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .c, .markdown-body .highlight .cd {
color: #999988;
font-style: italic;
}
/* line 597, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .err {
color: #a61717;
background-color: #e3d2d2;
}
/* line 601, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gd {
color: #000000;
background-color: #ffdddd;
}
/* line 605, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .ge {
color: #000000;
font-style: italic;
}
/* line 609, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gr {
color: #aa0000;
}
/* line 612, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gh {
color: #999999;
}
/* line 615, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gi {
color: #000000;
background-color: #ddffdd;
}
/* line 619, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .go {
color: #888888;
}
/* line 622, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gp {
color: #555555;
}
/* line 625, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gs {
font-weight: bold;
}
/* line 628, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gu {
color: #aaaaaa;
}
/* line 631, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .gt {
color: #aa0000;
}
/* line 634, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .kc {
color: #000000;
font-weight: bold;
}
/* line 638, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .kd {
color: #000000;
font-weight: bold;
}
/* line 642, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .kn {
color: #000000;
font-weight: bold;
}
/* line 646, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .kp {
color: #000000;
font-weight: bold;
}
/* line 650, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .kr {
color: #000000;
font-weight: bold;
}
/* line 654, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .kt {
color: #445588;
font-weight: bold;
}
/* line 658, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .k, .markdown-body .highlight .kv {
color: #000000;
font-weight: bold;
}
/* line 662, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .mf {
color: #009999;
}
/* line 665, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .mh {
color: #009999;
}
/* line 668, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .il {
color: #009999;
}
/* line 671, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .mi {
color: #009999;
}
/* line 674, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .mo {
color: #009999;
}
/* line 677, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .m, .markdown-body .highlight .mb, .markdown-body .highlight .mx {
color: #009999;
}
/* line 680, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .sb {
color: #d14;
}
/* line 683, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .sc {
color: #d14;
}
/* line 686, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .sd {
color: #d14;
}
/* line 689, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .s2 {
color: #d14;
}
/* line 692, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .se {
color: #d14;
}
/* line 695, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .sh {
color: #d14;
}
/* line 698, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .si {
color: #d14;
}
/* line 701, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .sx {
color: #d14;
}
/* line 704, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .sr {
color: #009926;
}
/* line 707, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .s1 {
color: #d14;
}
/* line 710, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .ss {
color: #990073;
}
/* line 713, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .s {
color: #d14;
}
/* line 716, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .na {
color: #008080;
}
/* line 719, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .bp {
color: #999999;
}
/* line 722, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nb {
color: #0086B3;
}
/* line 725, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nc {
color: #445588;
font-weight: bold;
}
/* line 729, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .no {
color: #008080;
}
/* line 732, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nd {
color: #3c5d5d;
font-weight: bold;
}
/* line 736, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .ni {
color: #800080;
}
/* line 739, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .ne {
color: #990000;
font-weight: bold;
}
/* line 743, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nf {
color: #990000;
font-weight: bold;
}
/* line 747, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nl {
color: #990000;
font-weight: bold;
}
/* line 751, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nn {
color: #555555;
}
/* line 754, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nt {
color: #000080;
}
/* line 757, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .vc {
color: #008080;
}
/* line 760, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .vg {
color: #008080;
}
/* line 763, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .vi {
color: #008080;
}
/* line 766, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .nv {
color: #008080;
}
/* line 769, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .ow {
color: #000000;
font-weight: bold;
}
/* line 773, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .o {
color: #000000;
font-weight: bold;
}
/* line 777, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight .w {
color: #bbbbbb;
}
/* line 780, app/assets/stylesheets/markdown.scss */
.markdown-body .highlight {
background-color: #f8f8f8;
}
/* Tom Select locally bundled - Unrolled for Tailwind v4 @apply compatibility */
select[multiple][data-controller="select"] {
@apply invisible;
}
.dropdown-input {
@apply !border-neutral-300 !bg-white !px-3 !py-2.5 text-sm;
&:is(.dark *) {
@apply !border-neutral-600 !bg-neutral-700;
}
&::placeholder {
@apply !text-neutral-500;
}
}
:is(.dark *) .dropdown-input::placeholder {
@apply !text-neutral-300;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
@apply !border-none;
}
.ts-dropdown-content {
@apply py-1.5;
max-height: 240px;
}
.ts-dropdown-content {
scrollbar-width: thin;
scrollbar-color: #a2a2a270 #7878780b;
}
.ts-dropdown-content::-webkit-scrollbar {
width: 6px;
}
.ts-dropdown-content::-webkit-scrollbar-track {
background: #78787879;
}
.ts-dropdown-content::-webkit-scrollbar-thumb {
background-color: #a2a2a270;
border-radius: 3px;
}
.ts-control {
@apply flex min-h-[40px] w-full px-3 py-2 cursor-default rounded-lg border-0 text-base leading-6 text-neutral-900 shadow-sm ring-1 ring-neutral-300 outline-hidden ring-inset;
&:focus {
@apply ring-neutral-600;
}
&:is(.dark *) {
@apply bg-neutral-700 text-white ring-neutral-600;
&:focus {
@apply ring-neutral-500;
}
}
&::placeholder {
@apply text-neutral-500;
}
}
:is(.dark *) .ts-control::placeholder {
@apply text-neutral-300;
}
.ts-control[disabled] {
@apply cursor-not-allowed bg-neutral-100;
&:is(.dark *) {
@apply bg-neutral-600;
}
}
.ts-control.error {
@apply border-red-400 outline-red-300;
&:focus {
@apply outline-red-500;
}
&:is(.dark *) {
@apply border-red-600 outline-red-500;
}
}
.ts-wrapper .ts-control {
padding: 0.5rem 0rem 0.5rem 0.75rem;
font-size: .75rem;
line-height: 1rem;
display: flex;
flex-wrap: nowrap;
min-width: 6rem;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
}
.ts-wrapper .ts-control>input {
flex-grow: 1;
min-width: 2rem;
}
.ts-wrapper .ts-control>div.item {
text-wrap: nowrap;
}
.ts-wrapper.input-hidden .ts-control>input {
min-width: 2rem;
position: relative;
}
.plugin-dropdown_input .dropdown-input {
@apply outline-hidden;
}
/* Ensure items-placeholder is visible when no items are selected */
.plugin-dropdown_input .items-placeholder {
display: block !important;
}
/* Only hide items-placeholder when items are actually selected */
.plugin-dropdown_input.has-items .items-placeholder {
display: none !important;
}
/* Override the dropdown-active rule to keep placeholder visible when no items selected */
.plugin-dropdown_input.dropdown-active:not(.has-items) .items-placeholder {
display: block !important;
}
.ts-dropdown .active.create {
@apply cursor-pointer bg-neutral-100 text-neutral-900;
&:is(.dark *) {
@apply bg-neutral-600 text-white;
}
}
.loading-more-results {
@apply !cursor-default;
}
.disabled .ts-control {
cursor: not-allowed !important;
}
@media (min-width: 640px) {
.ts-control {
font-size: 0.875rem;
/* text-sm equivalent (14px) for larger screens */
}
}
.full .ts-control {
&:is(.dark *) {
@apply bg-neutral-700;
}
}
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input,
.ts-control,
.ts-wrapper.single.input-active .ts-control {
@apply cursor-text;
}
.ts-dropdown [data-selectable] .highlight {
@apply bg-orange-500/20;
&:is(.dark *) {
@apply bg-yellow-500/20;
}
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
@apply bg-white;
&:is(.dark *) {
@apply bg-neutral-700;
}
}
.input-active {
@apply shadow rounded-lg ring-2 ring-inset ring-neutral-600;
&:is(.dark *) {
@apply ring-neutral-500;
}
}
.ts-wrapper {
@apply bg-white rounded-lg;
&:is(.dark *) {
@apply bg-neutral-700;
}
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
@apply bg-transparent;
&:is(.dark *) {
@apply bg-transparent;
}
}
.ts-control input {
@apply !m-0 bg-white text-base;
&:read-only {
@apply !cursor-pointer;
}
&:is(.dark *) {
@apply bg-neutral-800 text-white;
}
&::placeholder {
@apply text-neutral-500;
}
}
:is(.dark *) .ts-control input::placeholder {
@apply text-neutral-300;
}
@media (min-width: 640px) {
.ts-control input {
font-size: 0.875rem;
/* text-sm equivalent (14px) for larger screens */
}
}
.ts-wrapper:not(trix-toolbar .trix-input--dialog):not(.form-select).single .ts-control {
@apply !pr-8;
}
.ts-wrapper.plugin-remove_button .item {
@apply rounded-md;
}
.ts-wrapper.plugin-remove_button .item .remove {
@apply rounded-r-lg border-none py-1 text-lg leading-none;
}
.ts-wrapper.plugin-remove_button .item .remove::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Exmark%3C/title%3E%3Cg fill='%236B7280'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
@apply block size-4 bg-center bg-no-repeat;
}
/* Add separate dark mode version */
.dark {
.ts-wrapper.plugin-remove_button .item .remove::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Exmark%3C/title%3E%3Cg fill='%23A1A1A1'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
}
.ts-wrapper.plugin-remove_button .item .remove {
font-size: 0 !important;
@apply my-0.5 mr-1 !ml-0.5 flex size-[18px] items-center justify-center rounded !border-0 !p-1 !leading-none text-neutral-500;
&:hover {
@apply text-neutral-700;
}
&:is(.dark *) {
@apply text-neutral-400;
&:hover {
@apply bg-neutral-700 text-neutral-200;
}
}
}
.ts-dropdown {
@apply z-40 m-0 overflow-hidden rounded-lg border border-t border-solid border-neutral-300 shadow-sm;
&:is(.dark *) {
@apply border-neutral-600 bg-neutral-800 text-white;
}
}
.ts-dropdown .create {
@apply mx-1.5 cursor-default rounded-md px-2.5 py-2 text-sm;
&:is(.dark *) {
@apply text-neutral-400;
}
}
.ts-dropdown [data-selectable].option,
.ts-dropdown .no-results {
@apply mx-1.5 cursor-default rounded-md px-2.5 py-2 text-sm;
}
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
@apply mx-1.5 cursor-not-allowed rounded-md px-2.5 py-2 text-sm;
}
.ts-dropdown [data-selectable].option,
.ts-dropdown .ts-dropdown .create {
@apply cursor-pointer;
}
.ts-dropdown .active {
@apply bg-neutral-100 text-neutral-900;
&:is(.dark *) {
@apply bg-neutral-600 text-white;
}
}
.ts-dropdown .spinner {
@apply h-auto w-auto;
}
.ts-dropdown .spinner:after {
@apply mt-1 mb-0 inline-block size-4 border-2 p-0;
}
.ts-dropdown {
/* 不加 !important:让 select 控制器的 floating-ui(flip/shift)用 inline top 定位,
空间不足时自动上翻;这里的 30px 仅作 floating-ui 计算前的回退初值。 */
top: 30px;
}
.ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
print-color-adjust: exact;
}
/* Dark mode arrow for single select */
.dark {
.ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23A1A1AA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}
}
/* Add dropdown arrow to multiselect elements */
.ts-wrapper:not(.form-control):not(.form-select).multi .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6l4-4 4 4M6 14l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.6rem center;
background-repeat: no-repeat;
background-size: 1.25em 1.25em;
print-color-adjust: exact;
padding-right: 2rem !important;
}
/* Dark mode arrow for multiselect */
.dark {
.ts-wrapper:not(.form-control):not(.form-select).multi .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23A1A1AA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6l4-4 4 4M6 14l4 4 4-4'/%3e%3c/svg%3e");
}
}
.ts-wrapper.multi .ts-control>div {
@apply mr-1 inline-flex items-center justify-center rounded-md bg-neutral-100 px-2 text-xs leading-none font-medium text-neutral-900;
&:is(.dark *) {
@apply bg-neutral-900 text-neutral-100;
}
}
/* Ensure items don't overlap with the dropdown arrow */
.ts-wrapper.multi.has-items .ts-control {
@apply !pt-[7px] !pr-8 !pb-[4px];
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
@apply cursor-grab;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
@apply !-ml-0.5 cursor-pointer border-none;
}
.ts-wrapper.plugin-remove_button .item .remove {
@apply my-0.5 mr-1 !ml-0.5 flex size-[18px] items-center justify-center rounded border-0 text-lg leading-none text-neutral-900/60;
&:hover {
@apply text-neutral-900;
}
&:is(.dark *) {
@apply text-neutral-100/60;
&:hover {
@apply bg-neutral-700 text-neutral-100;
}
}
}
.ts-dropdown .optgroup-header {
@apply border-t border-neutral-300 bg-white font-semibold text-neutral-900;
&:is(.dark *) {
@apply border-neutral-600 bg-neutral-800 text-neutral-100;
}
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
height: fit-content;
@apply !mt-0;
}
.optgroup {
@apply mt-1.5 first:mt-0;
}
.dark .ts-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #525252;
}
.ts-wrapper.multi.has-items .ts-control>input {
@apply !mb-[3px];
}
.tomselect-checkbox {
@apply !mr-0;
}
.input-hidden.focus {
@apply !rounded-lg border border-neutral-300;
&:is(.dark *) {
@apply border-neutral-600;
}
}
/* Replace the previous attempt with this updated selector */
select[data-select-disable-typing-value="true"]+.ts-wrapper .ts-control,
select[data-select-disable-typing-value="true"]+.ts-wrapper.single .ts-control,
select[data-select-disable-typing-value="true"]+.ts-wrapper.single .ts-control input,
select[data-select-disable-typing-value="true"]+.ts-wrapper.single.input-active .ts-control {
@apply cursor-default;
}
.ts-dropdown-content.is-loading-more .option {
pointer-events: none !important;
}
/* Count display for multi-select */
.ts-count-display {
@apply mr-auto !my-0.5 !bg-transparent !px-0 !text-sm !font-normal pointer-events-none;
display: none;
}
/* Hide count display when not active (explicit rule) */
.ts-control:not(.count-active) .ts-count-display {
display: none !important;
}
/* Hide items and input when count is active */
.ts-control.count-active .item {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Keep input technically visible for keyboard navigation but make it invisible */
.ts-control.count-active input {
position: absolute !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* Ensure proper spacing when count is displayed */
.ts-wrapper.multi.has-items .ts-control:has(.ts-count-display) {
@apply !py-[5px];
}
/* line 1, app/assets/stylesheets/dboard_readmore.scss */
.readmore-content {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--read-more-line-clamp, 2);
}
/* line 8, app/assets/stylesheets/dboard_readmore.scss */
.simple-form-errors-content {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--read-more-line-clamp, 1);
}
@charset "UTF-8";
/*
*/
@media (max-width: 767px) {
/* line 9, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] {
width: 100%;
}
/* line 13, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] .wrapper {
display: flex;
flex-direction: row;
align-items: stretch;
position: relative;
}
/* line 20, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] .wrapper .left-sidebar {
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 16rem;
z-index: 10;
--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;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-translate-x: -16rem;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: .3s;
}
/* line 43, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] .wrapper .main {
display: flex;
flex-direction: column;
width: 100%;
z-index: 0;
}
/* line 50, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1][data-collapsed=true] .left-sidebar {
--tw-translate-x: 0px
;
}
}
/* line 55, app/assets/stylesheets/dboard.scss */
.w-128 {
width: 32rem;
}
/* line 59, app/assets/stylesheets/dboard.scss */
.select2 {
width: 100% !important;
}
@media (min-width: 768px) {
/* line 64, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] {
width: 100%;
}
/* line 68, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] .wrapper {
display: flex;
flex-direction: row;
align-items: stretch;
}
/* line 74, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] .wrapper .left-sidebar {
width: 100%;
max-width: calc(.25rem * 64);
transition: max-width .25s ease-in-out;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
flex-shrink: 0;
}
/* line 85, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1] .wrapper .main {
min-width: calc(100% -(.25rem * 64));
display: flex;
flex-direction: column;
}
/* line 91, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1][data-collapsed=false] .left-sidebar {
max-width: calc(.25rem * 64);
}
/* line 95, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1][data-collapsed=true] .left-sidebar {
max-width: calc(.25rem * 16);
}
/* line 99, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1][data-scrollable="true"] .left-sidebar {
position: relative;
height: auto;
min-height: 100vh;
align-self: stretch;
overflow-y: visible;
}
/* line 119, app/assets/stylesheets/dboard.scss */
[data-layout=layout-1][data-collapsed=true]:not([data-scrollable="true"]) .wrapper .left-sidebar {
overflow-y: visible;
z-index: 30;
}
}
/* line 125, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=light] .left-sidebar {
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}
/* line 134, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=dark] .left-sidebar {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
background: #1d2432;
border-color: #292f3d;
}
/* line 143, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=dark] .logo {
background-color: #1d2432;
}
/* line 150, app/assets/stylesheets/dboard.scss */
[data-background=dark] .prose {
--tw-prose-body: #d1d5db;
--tw-prose-headings: #f3f4f6;
--tw-prose-lead: #d1d5db;
--tw-prose-bold: #f3f4f6;
--tw-prose-links: #60a5fa;
--tw-prose-quotes: #e5e7eb;
--tw-prose-quote-borders: #374151;
--tw-prose-hr: #374151;
--tw-prose-bullets: #6b7280;
--tw-prose-counters: #9ca3af;
--tw-prose-captions: #9ca3af;
}
/* line 166, app/assets/stylesheets/dboard.scss */
[data-background=dark] .prose td {
color: #e5e7eb;
}
/* line 169, app/assets/stylesheets/dboard.scss */
[data-background=dark] .prose td,
[data-background=dark] .prose th {
border-color: rgba(255, 255, 255, 0.12);
}
@media (min-width: 768px) {
/* line 175, app/assets/stylesheets/dboard.scss */
.arrow {
transform: rotate(90deg);
transition: transform .15s ease-in-out;
}
/* line 180, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] .hidden-sibling + ul,
[data-collapsed=true] .arrow {
display: none;
}
/* line 185, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] .hidden-sibling.left-sidebar-item .arrow {
transform: rotate(-90deg) !important;
}
/* line 189, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .hidden-sibling + ul {
display: block;
}
/* line 193, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 .logo {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-weight: 700;
height: 4rem;
font-size: 1rem;
line-height: 1.5rem;
padding-left: 1rem;
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
width: 100%;
max-width: calc(.25rem * 64);
--tw-text-opacity: 1;
color: rgba(99, 91, 255, var(--tw-text-opacity));
}
/* line 212, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 .logo span {
transition: all .15s ease-in-out;
}
/* line 216, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] .left-sidebar-1 .logo span {
opacity: 1;
visibility: visible;
}
/* line 221, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 .logo {
max-width: calc(.25rem * 16);
}
/* line 225, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 .logo span {
opacity: 0;
visibility: hidden;
}
/* line 230, app/assets/stylesheets/dboard.scss */
.left-sidebar-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: 2.5rem;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
min-width: calc(.25rem * 16);
max-width: calc(.25rem * 64);
width: calc(.25rem * 64);
}
/* line 246, app/assets/stylesheets/dboard.scss */
.left-sidebar-item > svg,
[data-collapsed=true] .left-sidebar-item {
width: calc(.25rem * 16);
}
/* line 251, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-item > .title {
width: 0;
}
/* line 255, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling {
--tw-text-opacity: 1;
color: rgba(99, 91, 255, var(--tw-text-opacity));
}
/* line 260, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling:after {
display: block;
}
/* line 264, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling:after,
.left-sidebar-item:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
--tw-bg-opacity: 1;
background-color: rgba(99, 91, 255, var(--tw-bg-opacity));
}
/* line 276, app/assets/stylesheets/dboard.scss */
.left-sidebar-item:after {
display: none;
}
/* line 280, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.active,
.left-sidebar-item:hover {
--tw-text-opacity: 1;
color: rgba(99, 91, 255, var(--tw-text-opacity));
}
/* line 286, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.active:after,
.left-sidebar-item:hover:after {
display: block;
}
/* line 291, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] .l0 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 297, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] .l0 > .left-sidebar-item > .title {
opacity: 1;
visibility: visible;
}
/* line 302, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .l0 > .left-sidebar-item > .title {
opacity: 0;
visibility: hidden;
}
/* line 307, app/assets/stylesheets/dboard.scss */
.left-sidebar-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-weight: 400;
height: 4rem;
font-size: .75rem;
line-height: 1rem;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
text-transform: uppercase;
letter-spacing: .05em;
width: 100%;
}
/* line 324, app/assets/stylesheets/dboard.scss */
.left-sidebar-title:before {
transition: opacity .2s ease-in-out;
display: block;
opacity: 0;
content: "";
position: absolute;
z-index: 1;
top: calc((.25rem * 8) - 2px);
left: 0;
right: 0;
height: 1px;
width: 100%;
}
/* line 338, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=light] .left-sidebar-title:before {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
/* line 343, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=dark] .left-sidebar-title:before {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
/* line 348, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-title:before {
opacity: 1;
}
/* line 352, app/assets/stylesheets/dboard.scss */
.left-sidebar-title span {
transition: opacity .15s ease-in-out;
}
/* line 356, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] .left-sidebar-title span {
opacity: 1;
visibility: visible;
}
/* line 361, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-title span {
opacity: 0;
visibility: hidden;
}
/* line 366, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul .left-sidebar-item {
padding-left: calc(.25rem * 16);
}
/* 二级菜单项图标:绝对定位嵌入左侧缩进区,不挤占 .title(title 仍 padding-left 4rem 对齐父级);
仅作用于「带 svg 的二级项」,未加图标的二级项不受影响。 */
/* line 372, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul .left-sidebar-item > svg {
position: absolute;
left: calc(.25rem * 9);
top: 50%;
transform: translateY(-50%);
width: 1.05rem;
height: 1.05rem;
}
/* 二级菜单 hover / 当前项:整行浅色高亮(直角,贴合 light/sharp 风格)。
缩进项不显示最左竖条(离文字太远、脱节),改用背景高亮 + 主色文字/图标
(文字/图标的紫色由全局 .left-sidebar-item.active/:hover{color} + svg currentColor 提供)。 */
/* line 384, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul .left-sidebar-item:hover {
background-color: rgba(99, 91, 255, 0.06);
}
/* line 388, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul .left-sidebar-item.active {
background-color: rgba(99, 91, 255, 0.1);
font-weight: 500;
}
/* line 393, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul .left-sidebar-item.active:after,
[data-collapsed=false] ul ul .left-sidebar-item:hover:after {
display: none;
}
/* 展开的折叠分组头(主菜单项)不显示「当前」高亮:去掉紫字 + 左竖条;
当前位置的高亮只体现在选中的二级项上(避免分组头与二级项重复高亮)。
hover 时的交互反馈保留。 */
/* line 401, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling {
color: inherit;
}
/* line 405, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling:after {
display: none;
}
/* 但「当前所在分组」(其下含 .active 二级项)的分组头仍要显示当前效果(紫字 + 左竖条),
以区别于用户手动展开的其它分组(同为 open-sibling 但内部没有 active 子项)。
:has 特异性高于上面的 .open-sibling,故当前分组头会覆盖回高亮。 */
/* line 412, app/assets/stylesheets/dboard.scss */
.l0:has(ul .left-sidebar-item.active) > .left-sidebar-item {
color: #635bff;
}
/* line 416, app/assets/stylesheets/dboard.scss */
.l0:has(ul .left-sidebar-item.active) > .left-sidebar-item:after {
display: block;
}
/* line 420, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul ul .left-sidebar-item {
padding-left: calc(.25rem * 20);
}
/* line 424, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul ul ul .left-sidebar-item {
padding-left: calc(.25rem * 24);
}
/* line 428, app/assets/stylesheets/dboard.scss */
[data-collapsed=false] ul ul ul ul ul .left-sidebar-item {
padding-left: calc(.25rem * 28);
}
/* line 432, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 {
font-size: .825rem;
line-height: 1.25rem;
}
/* line 437, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=light] .left-sidebar-1 {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
border-right-width: 1px;
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
}
/* line 447, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=dark] .left-sidebar-1 {
border-right-width: 1px;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
background: #1d2432;
border-color: #292f3d;
}
/* line 455, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 .badge {
display: none !important;
}
/* line 459, app/assets/stylesheets/dboard.scss */
[data-collapsed=true][data-left-sidebar=light] .left-sidebar-1 ul > li:not(.l0),
[data-collapsed=true][data-left-sidebar=light] .left-sidebar-1 ul > li > ul {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
/* line 465, app/assets/stylesheets/dboard.scss */
[data-collapsed=true][data-left-sidebar=dark] .left-sidebar-1 ul > li:not(.l0),
[data-collapsed=true][data-left-sidebar=dark] .left-sidebar-1 ul > li > ul {
background: #1d2432;
}
/* line 470, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 ul > li {
position: relative;
}
/* line 474, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 ul > li:not(.l0) {
width: 12rem;
}
/* line 478, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 ul > li:not(.l0) > .left-sidebar-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: 2.5rem;
padding-left: .75rem;
padding-right: .75rem;
position: relative;
width: 12rem;
}
/* line 490, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 ul > li > ul {
cursor: none;
opacity: 0;
position: absolute;
top: 0;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
visibility: hidden;
width: 12rem;
z-index: 10;
left: 100%;
}
/* line 503, app/assets/stylesheets/dboard.scss */
[data-collapsed=true] .left-sidebar-1 ul > li:hover > ul {
cursor: auto;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 767px) {
/* line 511, app/assets/stylesheets/dboard.scss */
.arrow {
transform: rotate(90deg);
transition: transform .15s ease-in-out;
}
/* line 516, app/assets/stylesheets/dboard.scss */
.hidden-sibling + ul {
display: none;
}
/* line 520, app/assets/stylesheets/dboard.scss */
.hidden-sibling.left-sidebar-item .arrow {
transform: rotate(-90deg) !important;
}
/* line 524, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 .logo {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-weight: 700;
height: 4rem;
font-size: 1rem;
line-height: 1.5rem;
padding-left: 1rem;
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
width: 100%;
max-width: calc(.25rem * 64);
--tw-text-opacity: 1;
color: rgba(59, 130, 246, var(--tw-text-opacity));
}
/* line 543, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 .logo span {
display: block;
}
/* line 547, app/assets/stylesheets/dboard.scss */
.left-sidebar-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: 2.5rem;
position: relative;
white-space: nowrap;
min-width: calc(.25rem * 16);
max-width: calc(.25rem * 64);
width: calc(.25rem * 64);
}
/* line 560, app/assets/stylesheets/dboard.scss */
.left-sidebar-item > svg {
width: calc(.25rem * 16);
}
/* line 564, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling {
--tw-text-opacity: 1;
color: rgba(59, 130, 246, var(--tw-text-opacity));
}
/* line 569, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling:after {
display: block;
}
/* line 573, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling:after,
.left-sidebar-item:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
--tw-bg-opacity: 1;
background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}
/* line 585, app/assets/stylesheets/dboard.scss */
.left-sidebar-item:after {
display: none;
}
/* line 589, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.active,
.left-sidebar-item:hover {
--tw-text-opacity: 1;
color: rgba(59, 130, 246, var(--tw-text-opacity));
}
/* line 595, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.active:after,
.left-sidebar-item:hover:after {
display: block;
}
/* line 600, app/assets/stylesheets/dboard.scss */
.l0 > .left-sidebar-item > .title,
.left-sidebar-title {
opacity: 1;
visibility: visible;
}
/* line 606, app/assets/stylesheets/dboard.scss */
.left-sidebar-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-weight: 400;
height: 4rem;
font-size: .75rem;
line-height: 1rem;
padding-left: 1rem;
padding-right: 1rem;
text-transform: uppercase;
letter-spacing: .05em;
width: 100%;
}
/* line 622, app/assets/stylesheets/dboard.scss */
ul ul .left-sidebar-item {
padding-left: calc(.25rem * 16);
}
/* 手机版二级菜单(与桌面对齐):图标绝对定位嵌入缩进区,title 仍 padding-left 4rem 对齐父级;
hover/当前项整行浅色高亮;展开分组头默认不高亮,仅「含 active 二级项的当前分组」高亮。
颜色沿用手机段主色(蓝)。 */
/* line 629, app/assets/stylesheets/dboard.scss */
ul ul .left-sidebar-item > svg {
position: absolute;
left: calc(.25rem * 9);
top: 50%;
transform: translateY(-50%);
width: 1.05rem;
height: 1.05rem;
}
/* line 638, app/assets/stylesheets/dboard.scss */
ul ul .left-sidebar-item:hover {
background-color: rgba(59, 130, 246, 0.06);
}
/* line 642, app/assets/stylesheets/dboard.scss */
ul ul .left-sidebar-item.active {
background-color: rgba(59, 130, 246, 0.1);
font-weight: 500;
}
/* line 647, app/assets/stylesheets/dboard.scss */
ul ul .left-sidebar-item.active:after,
ul ul .left-sidebar-item:hover:after {
display: none;
}
/* line 652, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling {
color: inherit;
}
/* line 656, app/assets/stylesheets/dboard.scss */
.left-sidebar-item.open-sibling:after {
display: none;
}
/* line 660, app/assets/stylesheets/dboard.scss */
.l0:has(ul .left-sidebar-item.active) > .left-sidebar-item {
color: #3b82f6;
}
/* line 664, app/assets/stylesheets/dboard.scss */
.l0:has(ul .left-sidebar-item.active) > .left-sidebar-item:after {
display: block;
}
/* line 668, app/assets/stylesheets/dboard.scss */
ul ul ul .left-sidebar-item {
padding-left: calc(.25rem * 20);
}
/* line 672, app/assets/stylesheets/dboard.scss */
ul ul ul ul .left-sidebar-item {
padding-left: calc(.25rem * 24);
}
/* line 676, app/assets/stylesheets/dboard.scss */
ul ul ul ul ul .left-sidebar-item {
padding-left: calc(.25rem * 28);
}
/* line 680, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 {
font-size: .825rem;
line-height: 1.25rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}
/* line 687, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=light] .left-sidebar-1 {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
border-right-width: 1px;
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
}
/* line 697, app/assets/stylesheets/dboard.scss */
[data-left-sidebar=dark] .left-sidebar-1 {
border-right-width: 1px;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
background: #1d2432;
border-color: #292f3d;
}
/* line 705, app/assets/stylesheets/dboard.scss */
.left-sidebar-1 .badge {
display: none !important;
}
}
/* line 711, app/assets/stylesheets/dboard.scss */
.right-sidebar.right-sidebar-1 {
height: 100%;
font-size: .825rem;
line-height: 1.25rem;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
width: 16rem;
z-index: 10;
--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;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-translate-x: 16rem;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: .3s;
}
/* line 739, app/assets/stylesheets/dboard.scss */
.right-sidebar.right-sidebar-1.open {
--tw-translate-x: 0px
;
}
/* line 743, app/assets/stylesheets/dboard.scss */
.right-sidebar.right-sidebar-1 > div {
height: 100%;
overflow: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
/* line 753, app/assets/stylesheets/dboard.scss */
[data-background=light] .main {
background-color: #f9fafb;
color: #111827;
}
/* line 758, app/assets/stylesheets/dboard.scss */
[data-background=dark] .main {
background-color: #111827;
color: white;
}
/* line 769, app/assets/stylesheets/dboard.scss */
[data-background=dark] .highcharts-background {
fill: transparent;
}
/* line 771, app/assets/stylesheets/dboard.scss */
[data-background=dark] .highcharts-axis-labels text,
[data-background=dark] .highcharts-axis-title,
[data-background=dark] .highcharts-legend-item text {
fill: rgba(229, 231, 235, 0.75) !important;
}
/* line 777, app/assets/stylesheets/dboard.scss */
[data-background=dark] .highcharts-grid-line {
stroke: rgba(255, 255, 255, 0.08);
}
/* line 778, app/assets/stylesheets/dboard.scss */
[data-background=dark] .highcharts-axis-line,
[data-background=dark] .highcharts-tick {
stroke: rgba(255, 255, 255, 0.25);
}
/* line 780, app/assets/stylesheets/dboard.scss */
[data-background=dark] .highcharts-plot-border {
stroke: rgba(255, 255, 255, 0.12);
}
/* line 783, app/assets/stylesheets/dboard.scss */
.right-sidebar.right-sidebar-1 > div > div {
height: 100%;
width: 16rem;
}
/* line 788, app/assets/stylesheets/dboard.scss */
[data-right-sidebar=light] .right-sidebar {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
}
/* line 795, app/assets/stylesheets/dboard.scss */
[data-right-sidebar=dark] .right-sidebar {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* line 805, app/assets/stylesheets/dboard.scss */
[data-background=dark] .right-sidebar {
background-color: #1f2937;
color: white;
}
/* line 810, app/assets/stylesheets/dboard.scss */
[data-background=dark] .right-sidebar .text-gray-500 {
color: #d1d5db;
}
/* line 815, app/assets/stylesheets/dboard.scss */
.dropdown,
[data-popper-placement] {
z-index: 50;
}
/* line 820, app/assets/stylesheets/dboard.scss */
.dropdown {
display: none;
}
/* line 824, app/assets/stylesheets/dboard.scss */
.dropdown .dropdown-title {
font-family: Poppins, ui-sans-serif, system-ui, -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-weight: 700;
font-size: .825rem;
line-height: 1.25rem;
padding: .5rem .75rem;
text-transform: uppercase;
}
/* line 833, app/assets/stylesheets/dboard.scss */
.dropdown .dropdown-content {
border-radius: .375rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}
/* line 839, app/assets/stylesheets/dboard.scss */
.dropdown.open {
display: block;
}
/* line 843, app/assets/stylesheets/dboard.scss */
.dropdown.open .dropdown-content {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
-webkit-animation-duration: .2s;
animation-duration: .2s;
}
/* line 852, app/assets/stylesheets/dboard.scss */
.dropdown.open .dropdown-content.bottom,
.dropdown.open .dropdown-content.bottom-center,
.dropdown.open .dropdown-content.bottom-end,
.dropdown.open .dropdown-content.bottom-start {
margin-top: .25rem;
-webkit-animation-name: fromBottom;
animation-name: fromBottom;
}
/* line 861, app/assets/stylesheets/dboard.scss */
.dropdown.open .dropdown-content.left,
.dropdown.open .dropdown-content.left-center,
.dropdown.open .dropdown-content.left-end,
.dropdown.open .dropdown-content.left-start {
margin-right: .25rem;
-webkit-animation-name: fromLeft;
animation-name: fromLeft;
}
/* line 870, app/assets/stylesheets/dboard.scss */
.dropdown.open .dropdown-content.right,
.dropdown.open .dropdown-content.right-center,
.dropdown.open .dropdown-content.right-end,
.dropdown.open .dropdown-content.right-start {
margin-left: .25rem;
-webkit-animation-name: fromRight;
animation-name: fromRight;
}
/* line 881, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown {
background-color: #1f2937;
color: white;
border: 1px solid #374151;
border-radius: .375rem;
}
/* line 888, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-item:hover {
background-color: rgba(55, 65, 81, 0.6);
}
/* line 894, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-content {
background-color: #1f2937;
border-width: 0;
}
/* line 900, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-content .text-gray-700 {
color: #e5e7eb;
}
/* line 901, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-content .text-blue-600 {
color: #60a5fa;
}
/* line 904, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-content a:hover,
[data-background=dark] .dropdown .dropdown-content button:hover,
[data-background=dark] .dropdown .dropdown-content li:hover,
[data-background=dark] .dropdown .dropdown-content .dropdown-item:hover {
background-color: rgba(255, 255, 255, 0.06);
}
/* line 910, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-content a:hover {
color: #ffffff;
}
/* line 912, app/assets/stylesheets/dboard.scss */
[data-background=dark] .dropdown .dropdown-content li,
[data-background=dark] .dropdown .dropdown-content .dropdown-item,
[data-background=dark] .dropdown .dropdown-content a:not([class*="border-purple"]):not([class*="border-blue"]):not([class*="border-green"]) {
border-color: rgba(255, 255, 255, 0.08);
}
/* line 920, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar a:hover,
[data-navbar=dark] .navbar button:hover {
background-color: rgba(255, 255, 255, 0.08);
}
/* line 928, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown,
[data-navbar=dark] .navbar .dropdown .dropdown-content {
background-color: #1f2937;
color: #fff;
}
/* line 933, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown {
border: 1px solid #374151;
border-radius: .375rem;
}
/* line 937, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown .dropdown-content {
border-width: 0;
}
/* line 938, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown .dropdown-content .text-gray-700 {
color: #e5e7eb;
}
/* line 939, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown .dropdown-content .text-blue-600 {
color: #60a5fa;
}
/* line 940, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown .dropdown-item:hover,
[data-navbar=dark] .navbar .dropdown .dropdown-content a:hover,
[data-navbar=dark] .navbar .dropdown .dropdown-content button:hover,
[data-navbar=dark] .navbar .dropdown .dropdown-content li:hover {
background-color: rgba(255, 255, 255, 0.06);
}
/* line 946, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .dropdown .dropdown-content li,
[data-navbar=dark] .navbar .dropdown .dropdown-content .dropdown-item,
[data-navbar=dark] .navbar .dropdown .dropdown-content a:not([class*="border-purple"]):not([class*="border-blue"]):not([class*="border-green"]) {
border-color: rgba(255, 255, 255, 0.08);
}
/* line 952, app/assets/stylesheets/dboard.scss */
[data-navbar=light] .navbar .dropdown,
[data-navbar=light] .navbar .dropdown .dropdown-content {
background-color: #ffffff;
color: #111827;
}
/* line 961, app/assets/stylesheets/dboard.scss */
[data-background=light] .dropdown,
[data-background=light] .dropdown .dropdown-content,
[data-navbar=light] .navbar .dropdown,
[data-navbar=light] .navbar .dropdown .dropdown-content {
border-width: 0;
}
/* line 967, app/assets/stylesheets/dboard.scss */
[data-background=light] .dropdown .dropdown-content,
[data-navbar=light] .navbar .dropdown .dropdown-content {
border-radius: .375rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* line 978, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-wrapper,
[data-background=dark] .ts-control,
[data-background=dark] .ts-wrapper.single.input-active .ts-control {
background-color: #1f2937;
color: #fff;
border-color: #374151;
}
/* line 985, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-control input {
color: #fff;
}
/* line 986, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-control input::placeholder {
color: #9ca3af;
}
/* line 987, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-control > .item {
color: #fff;
}
/* line 989, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-dropdown {
background-color: #1f2937;
color: #fff;
border-color: #374151;
}
/* line 994, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-dropdown .option:hover,
[data-background=dark] .ts-dropdown .option.active,
[data-background=dark] .ts-dropdown .active {
background-color: #374151;
color: #fff;
}
/* line 1000, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-dropdown .optgroup-header {
background-color: #1f2937;
color: #cbd5e1;
border-color: #374151;
}
/* line 1005, app/assets/stylesheets/dboard.scss */
[data-background=dark] .ts-wrapper.multi .ts-control > div {
background-color: #111827;
color: #e5e7eb;
}
/* line 1016, app/assets/stylesheets/dboard.scss */
.popover-content[data-background=dark] {
color: rgba(229, 231, 235, 0.9);
}
/* line 1019, app/assets/stylesheets/dboard.scss */
.popover-content[data-background=dark] .text-gray-800,
.popover-content[data-background=dark] .text-gray-700,
.popover-content[data-background=dark] .text-gray-600,
.popover-content[data-background=dark] .text-gray-500,
.popover-content[data-background=dark] .text-gray-400 {
color: rgba(229, 231, 235, 0.85);
}
/* line 1025, app/assets/stylesheets/dboard.scss */
.popover-content[data-background=dark] .border-gray-100,
.popover-content[data-background=dark] .border-gray-200 {
border-color: rgba(255, 255, 255, 0.1);
}
/* line 1033, app/assets/stylesheets/dboard.scss */
.air-datepicker--pointer {
display: none;
}
/* line 1038, app/assets/stylesheets/dboard.scss */
.air-datepicker[data-background=dark] {
--adp-background-color: #1f2937;
--adp-background-color-hover: #374151;
--adp-background-color-active: #4b5563;
--adp-background-color-in-range: rgba(59, 130, 246, 0.18);
--adp-background-color-in-range-focused: rgba(59, 130, 246, 0.30);
--adp-color: #e5e7eb;
--adp-color-secondary: #9ca3af;
--adp-color-current-date: #93c5fd;
--adp-color-other-month: #6b7280;
--adp-color-other-month-hover: #9ca3af;
--adp-color-disabled: #4b5563;
--adp-color-disabled-in-range: #6b7280;
--adp-border-color: #374151;
--adp-border-color-inner: #374151;
--adp-border-color-inline: #374151;
--adp-nav-color-secondary: #9ca3af;
--adp-nav-arrow-color: #9ca3af;
--adp-cell-background-color-hover: #374151;
--adp-cell-background-color-in-range: rgba(59, 130, 246, 0.18);
--adp-cell-background-color-in-range-hover: rgba(59, 130, 246, 0.28);
--adp-btn-color: #e5e7eb;
--adp-btn-color-hover: #ffffff;
--adp-btn-background-color-hover: #374151;
--adp-btn-background-color-active: #4b5563;
--adp-time-track-color: #4b5563;
--adp-time-track-color-hover: #6b7280;
}
/* line 1069, app/assets/stylesheets/dboard.scss */
a,
button,
input[type=submit] {
cursor: pointer;
}
/* line 1075, app/assets/stylesheets/dboard.scss */
a,
a:active,
a:focus,
a:hover,
button,
button:active,
button:focus,
button:hover,
input[type=submit],
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
outline: 2px solid transparent;
outline-offset: 2px;
}
/* line 1091, app/assets/stylesheets/dboard.scss */
.btn {
font-weight: 700;
text-transform: uppercase;
}
/* line 1096, app/assets/stylesheets/dboard.scss */
.btn:disabled {
cursor: not-allowed;
opacity: .5;
}
/* line 1101, app/assets/stylesheets/dboard.scss */
.btn.btn-sm {
padding: .25rem .5rem;
}
/* line 1105, app/assets/stylesheets/dboard.scss */
.btn.btn-default,
.btn.btn-sm {
font-size: .75rem;
line-height: 1rem;
}
/* line 1111, app/assets/stylesheets/dboard.scss */
.btn.btn-default {
padding: .5rem 1rem;
}
/* line 1115, app/assets/stylesheets/dboard.scss */
.btn.btn-lg {
font-size: 1rem;
line-height: 1.5rem;
padding: .75rem 1.5rem;
}
/* line 1121, app/assets/stylesheets/dboard.scss */
.btn.btn-rounded {
border-radius: .5rem;
}
/* line 1125, app/assets/stylesheets/dboard.scss */
.btn.btn-outlined {
border-width: 1px;
}
/* line 1129, app/assets/stylesheets/dboard.scss */
.btn.btn-raised {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}
/* line 1134, app/assets/stylesheets/dboard.scss */
.btn.btn-icon {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
/* 图标按钮(悬停展开文字):默认只显图标,hover / focus 时文字向右滑出展开(参照 .dt-act-quick 的 max-width 过渡)。
用法:icon文字
注意:不要再叠 btn-icon / space-x-*,布局与间距由 btn-x 自己管。 */
/* line 1144, app/assets/stylesheets/dboard.scss */
.btn.btn-x {
display: inline-flex;
align-items: center;
padding-left: .625rem;
padding-right: .625rem;
}
/* line 1150, app/assets/stylesheets/dboard.scss */
.btn.btn-x .btn-x-label {
display: inline-block;
max-width: 0;
margin-left: 0;
opacity: 0;
overflow: hidden;
white-space: nowrap;
transition: max-width 0.24s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s ease, margin-left 0.24s cubic-bezier(0.4, 0, 0.2, 1);
}
/* line 1161, app/assets/stylesheets/dboard.scss */
.btn.btn-x:hover .btn-x-label,
.btn.btn-x:focus-within .btn-x-label {
max-width: 16rem;
margin-left: .375rem;
opacity: 1;
}
/* 触屏无 hover:文字常驻展开(否则永远看不到),与 .dt-act-quick 手机段一致 */
@media (max-width: 767px) {
/* line 1169, app/assets/stylesheets/dboard.scss */
.btn.btn-x .btn-x-label {
max-width: 16rem;
margin-left: .375rem;
opacity: 1;
}
}
/* line 1176, app/assets/stylesheets/dboard.scss */
.btn.btn-block {
width: 100%;
}
/* line 1180, app/assets/stylesheets/dboard.scss */
.btn.btn-circle {
border-radius: 9999px;
height: 2rem;
width: 2rem;
padding: 0 !important;
}
/* line 1187, app/assets/stylesheets/dboard.scss */
.btn.btn-circle,
.btn.btn-circle.btn-circle-sm {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: .75rem;
line-height: 1rem;
}
/* line 1196, app/assets/stylesheets/dboard.scss */
.btn.btn-circle.btn-circle-sm {
height: 1.5rem;
width: 1.5rem;
}
/* line 1201, app/assets/stylesheets/dboard.scss */
.btn.btn-circle.btn-circle-lg {
display: inline-flex;
align-items: center;
justify-content: center;
height: 3rem;
font-size: 1rem;
line-height: 1.5rem;
width: 3rem;
}
/* line 1211, app/assets/stylesheets/dboard.scss */
.btn-group > .btn:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-right-width: 0;
}
/* line 1217, app/assets/stylesheets/dboard.scss */
.btn-group > .btn:last-child {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-left-width: 0;
}
/* line 1224, app/assets/stylesheets/dboard.scss */
.table {
table-layout: auto;
width: 100%;
}
/* line 1229, app/assets/stylesheets/dboard.scss */
.table.no-border tbody tr td,
.table.no-border thead tr th,
.table.no-border tfoot tr td {
border-style: none;
border-width: 0;
}
/* line 1236, app/assets/stylesheets/dboard.scss */
.table thead tr th,
.table tfoot tr td {
font-weight: 500;
font-size: .75rem;
line-height: 1rem;
text-transform: uppercase;
letter-spacing: .05em;
}
/* line 1245, app/assets/stylesheets/dboard.scss */
.table tbody tr td,
.table thead tr th,
.table tfoot tr td {
border-bottom-width: 1px;
padding: .5rem .75rem;
}
/* line 1252, app/assets/stylesheets/dboard.scss */
.table.table-sm tbody tr td,
.table.table-sm thead tr th,
.table.table-sm tfoot tr td {
padding: 0 .25rem;
}
/* line 1258, app/assets/stylesheets/dboard.scss */
.table.table-lg tbody tr td,
.table.table-lg thead tr th,
.table.table-lg tfoot tr td {
padding: .75rem 1.5rem;
}
/* line 1264, app/assets/stylesheets/dboard.scss */
.table,
.table tbody tr td,
.table thead tr th,
.table tfoot tr td {
text-align: left;
}
/* line 1271, app/assets/stylesheets/dboard.scss */
[data-background=light] .table thead tr th {
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(107, 114, 128, var(--tw-text-opacity));
}
/* line 1278, app/assets/stylesheets/dboard.scss */
[data-background=light] .table tbody tr td {
border-color: #f0f0f0;
}
/* line 1282, app/assets/stylesheets/dboard.scss */
[data-background=light] .table.striped tbody tr:nth-child(odd) td {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
/* line 1287, app/assets/stylesheets/dboard.scss */
[data-background=light] .table.striped tbody tr:nth-child(2n) td {
background: #f7f7f7;
}
@media (max-width: 767px) {
/* line 1296, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile {
display: block;
/* 不做 table 自动撑宽:否则宽内容(如冻结列/识别码)会把 撑到超出容器、卡片溢出外框 */
width: 100%;
}
/* line 1300, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile thead {
display: none;
}
/* line 1301, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody {
display: block;
}
/* line 1302, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody tr {
display: block;
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
padding: 0.625rem 0.875rem;
margin-bottom: 0.625rem;
background: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
/* line 1311, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile.striped tbody tr:nth-child(2n) td {
background: transparent;
}
/* line 1312, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody tr td {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 0.25rem 0;
border: none !important;
white-space: normal;
text-align: right;
width: auto;
min-height: 1.75rem;
}
/* line 1325, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody tr td[data-label]::before {
content: attr(data-label);
font-weight: 500;
color: #6b7280;
font-size: 0.75rem;
text-align: left;
flex: 0 0 auto;
}
/* line 1333, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody tr td:not([data-label]),
.table.table-card-mobile tbody tr td[data-label=""] {
justify-content: flex-end;
padding-top: 0.5rem;
margin-top: 0.25rem;
border-top: 1px dashed #f3f4f6 !important;
}
/* line 1340, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody tr td:empty {
display: none;
}
/* line 1342, app/assets/stylesheets/dboard.scss */
.table.table-card-mobile tbody tr td.mobile-hide,
.table.table-card-mobile thead tr th.mobile-hide {
display: none !important;
}
/* line 1347, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table.table-card-mobile tbody tr {
background: #1f2937;
border-color: #374151;
}
/* line 1351, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table.table-card-mobile tbody tr td[data-label]::before {
color: #9ca3af;
}
/* line 1354, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table.table-card-mobile tbody tr td:not([data-label]),
[data-background=dark] .table.table-card-mobile tbody tr td[data-label=""] {
border-top-color: rgba(255, 255, 255, 0.12);
}
/* line 1363, app/assets/stylesheets/dboard.scss */
[style*="height:305px"],
[style*="height:320px"],
[style*="height:480px"] {
height: auto !important;
min-height: 0 !important;
}
/* line 1376, app/assets/stylesheets/dboard.scss */
.flex.flex-row:has(.search-form-bar) {
flex-wrap: wrap;
}
/* line 1377, app/assets/stylesheets/dboard.scss */
.flex.flex-row:has(.search-form-bar) > .flex-shrink-0 {
width: 100%;
margin-top: 0.75rem;
}
/* line 1382, app/assets/stylesheets/dboard.scss */
.search-form-bar {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
width: 100%;
}
/* line 1388, app/assets/stylesheets/dboard.scss */
.search-form-bar > .form-element-inline {
width: 100% !important;
min-width: 0;
margin-bottom: 0 !important;
}
/* line 1394, app/assets/stylesheets/dboard.scss */
.search-form-bar > .form-element-inline:not(:has(*)) {
display: none;
}
/* line 1396, app/assets/stylesheets/dboard.scss */
.search-form-bar > .form-element-inline:has(> button),
.search-form-bar > .form-element-inline:has(> input[type="submit"]),
.search-form-bar > .form-element-inline:has(> a) {
grid-column: 1 / -1;
}
/* line 1401, app/assets/stylesheets/dboard.scss */
.search-form-bar > .form-element-inline > button,
.search-form-bar > .form-element-inline > input[type="submit"],
.search-form-bar > .form-element-inline > a {
width: 100%;
}
/* line 1411, app/assets/stylesheets/dboard.scss */
.flex.flex-row:has(.wpanel-actions) {
flex-wrap: wrap;
}
/* line 1412, app/assets/stylesheets/dboard.scss */
.flex.flex-row:has(.wpanel-actions) > .flex-shrink-0 {
width: 100%;
margin-top: 0.5rem;
}
/* line 1416, app/assets/stylesheets/dboard.scss */
.wpanel-actions {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
width: 100%;
}
/* line 1423, app/assets/stylesheets/dboard.scss */
.wpanel-actions > * {
margin-left: 0 !important;
min-width: 0;
}
/* line 1424, app/assets/stylesheets/dboard.scss */
.wpanel-actions .btn {
width: 100% !important;
}
}
@media (min-width: 1024px) {
/* line 1434, app/assets/stylesheets/dboard.scss */
.search-form-bar {
flex-wrap: wrap;
row-gap: 0.5rem;
}
}
@media (max-width: 1023px) {
/* line 1443, app/assets/stylesheets/dboard.scss */
.seg-group-h > a:first-child {
border-top-width: 1px !important;
border-bottom-width: 1px !important;
border-right-width: 0 !important;
border-radius: 0.5rem 0 0 0.5rem !important;
}
/* line 1449, app/assets/stylesheets/dboard.scss */
.seg-group-h > a:not(:first-child):not(:last-child) {
border-top-width: 1px !important;
border-bottom-width: 1px !important;
border-right-width: 0 !important;
border-radius: 0 !important;
}
/* line 1455, app/assets/stylesheets/dboard.scss */
.seg-group-h > a:last-child {
border-top-width: 1px !important;
border-bottom-width: 1px !important;
border-radius: 0 0.5rem 0.5rem 0 !important;
}
}
/* line 1462, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table thead tr th {
border-color: #292f3d;
--tw-text-opacity: 1;
color: rgba(107, 114, 128, var(--tw-text-opacity));
}
/* line 1468, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table tbody tr td {
border-color: #292f3d;
}
/* line 1472, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table.striped tbody tr:nth-child(odd) td,
[data-background=dark] .table.striped thead tr th {
background: #1f2634;
border-color: #1f2634;
}
/* line 1478, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table.striped tbody tr:nth-child(2n) td {
background: #181f2d;
border-color: #181f2d;
}
/* line 1484, app/assets/stylesheets/dboard.scss */
.form-element:not(.form-element-inline):not(.hidden) {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
/* line 1490, app/assets/stylesheets/dboard.scss */
.form-element:not(.form-element-inline) .form-label {
margin-bottom: .5rem;
}
/* line 1494, app/assets/stylesheets/dboard.scss */
.form-element:not(.form-element-inline) .form-error,
.form-element:not(.form-element-inline) .form-hint,
.form-element:not(.form-element-inline) .form-success {
margin-top: .5rem;
}
/* line 1500, app/assets/stylesheets/dboard.scss */
.form-element.form-element-inline {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
/* line 1507, app/assets/stylesheets/dboard.scss */
.form-element.form-element-inline .form-label {
white-space: nowrap;
}
/* line 1511, app/assets/stylesheets/dboard.scss */
.form-element.form-element-inline > * {
margin-right: .5rem;
}
/* line 1515, app/assets/stylesheets/dboard.scss */
.form-element .form-input,
.form-element .form-control,
.form-element .form-textarea {
display: block;
font-size: .75rem;
line-height: 1rem;
width: 100%;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* line 1525, app/assets/stylesheets/dboard.scss */
.form-element .form-input.required,
.form-element .form-control.required,
.form-element .form-textarea.required {
border-left-color: #635bff;
border-left-width: 4px;
}
/* line 1532, app/assets/stylesheets/dboard.scss */
.form-element .form-input.form-input-valid,
.form-element .form-textarea.form-input-valid {
--tw-border-opacity: 1;
border-color: rgba(16, 185, 129, var(--tw-border-opacity));
border-width: 1px;
}
/* line 1539, app/assets/stylesheets/dboard.scss */
.form-element .form-input.form-input-invalid,
.form-element .form-textarea.form-input-invalid {
--tw-border-opacity: 1;
border-color: rgba(239, 68, 68, var(--tw-border-opacity));
border-width: 1px;
}
/* line 1546, app/assets/stylesheets/dboard.scss */
[data-background=dark] .form-input,
[data-background=dark] .form-textarea {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(55, 65, 81, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* line 1558, app/assets/stylesheets/dboard.scss */
[data-background=dark] .form-input::-moz-placeholder,
[data-background=dark] .form-textarea::-moz-placeholder {
color: #9ca3af;
}
/* line 1563, app/assets/stylesheets/dboard.scss */
[data-background=dark] .form-input:-ms-input-placeholder,
[data-background=dark] .form-textarea:-ms-input-placeholder {
color: #9ca3af;
}
/* line 1568, app/assets/stylesheets/dboard.scss */
[data-background=dark] .form-input::placeholder,
[data-background=dark] .form-textarea::placeholder {
color: #9ca3af;
}
/* line 1575, app/assets/stylesheets/dboard.scss */
[data-background=dark] input.check_boxes:not(:checked) {
background-color: #374151;
border-color: #4b5563;
}
/* line 1580, app/assets/stylesheets/dboard.scss */
.form-element .form-select {
display: block;
font-size: .825rem;
line-height: 1.25rem;
width: 100%;
}
/* line 1587, app/assets/stylesheets/dboard.scss */
.form-element .form-select.form-select-valid {
--tw-border-opacity: 1;
border-color: rgba(16, 185, 129, var(--tw-border-opacity));
border-width: 1px;
}
/* line 1593, app/assets/stylesheets/dboard.scss */
.form-element .form-select.form-select-invalid {
--tw-border-opacity: 1;
border-color: rgba(239, 68, 68, var(--tw-border-opacity));
border-width: 1px;
}
/* line 1599, app/assets/stylesheets/dboard.scss */
[data-background=dark] .form-element .form-select {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(55, 65, 81, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* line 1608, app/assets/stylesheets/dboard.scss */
.form-element .form-radio.form-radio-valid,
.form-element .form-radio.form-radio-valid + span {
--tw-text-opacity: 1;
color: rgba(16, 185, 129, var(--tw-text-opacity));
}
/* line 1614, app/assets/stylesheets/dboard.scss */
.form-element .form-radio.form-radio-invalid,
.form-element .form-radio.form-radio-invalid + span {
--tw-text-opacity: 1;
color: rgba(239, 68, 68, var(--tw-text-opacity));
}
/* line 1620, app/assets/stylesheets/dboard.scss */
.form-element .form-hint {
color: rgba(107, 114, 128, var(--tw-text-opacity));
}
/* line 1624, app/assets/stylesheets/dboard.scss */
.form-element .form-error,
.form-element .form-hint {
font-size: .75rem;
line-height: 1rem;
--tw-text-opacity: 1;
word-break: break-all;
}
/* line 1632, app/assets/stylesheets/dboard.scss */
.form-element .form-error {
color: rgba(239, 68, 68, var(--tw-text-opacity));
}
/* line 1636, app/assets/stylesheets/dboard.scss */
.form-element .form-success {
font-size: .75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgba(16, 185, 129, var(--tw-text-opacity));
white-space: nowrap;
}
/* line 1644, app/assets/stylesheets/dboard.scss */
.form-icon {
height: 1rem;
position: absolute;
bottom: 0;
stroke: currentColor;
width: 1rem;
margin-bottom: 10px;
}
/* line 1653, app/assets/stylesheets/dboard.scss */
.form-icon.form-success {
--tw-text-opacity: 1;
color: rgba(239, 68, 68, var(--tw-text-opacity));
}
/* line 1658, app/assets/stylesheets/dboard.scss */
.form-icon.form-error {
--tw-text-opacity: 1;
color: rgba(16, 185, 129, var(--tw-text-opacity));
}
/* line 1663, app/assets/stylesheets/dboard.scss */
.form-icon {
margin-right: .5rem;
right: 0;
}
/* line 1668, app/assets/stylesheets/dboard.scss */
.form-element .form-checkbox-wrapper-height {
height: 2.1rem;
}
/* line 1673, app/assets/stylesheets/dboard.scss */
[type='datetime'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
}
/* line 1691, app/assets/stylesheets/dboard.scss */
[data-navbar=light] .navbar {
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
/* line 1697, app/assets/stylesheets/dboard.scss */
[data-navbar=light] .navbar,
[data-navbar=light] .navbar .navbar-search input {
--tw-bg-opacity: 1;
--tw-border-opacity: 1;
border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}
/* line 1704, app/assets/stylesheets/dboard.scss */
[data-navbar=light] .navbar .navbar-search input {
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
/* line 1708, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
background: #1d2432;
border-color: #292f3d;
}
/* line 1715, app/assets/stylesheets/dboard.scss */
[data-navbar=dark] .navbar .navbar-search input {
background: #292f3d;
border-color: #292f3d;
}
/* line 1721, app/assets/stylesheets/dboard.scss */
.modal-backdrop {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
cursor: none;
height: 100%;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
width: 100%;
z-index: 10;
--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;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: .15s;
}
/* line 1749, app/assets/stylesheets/dboard.scss */
.modal-backdrop.fade-in {
cursor: pointer;
opacity: .25;
pointer-events: auto;
visibility: visible;
z-index: 10;
-webkit-animation-name: fadeInModalBackdrop;
animation-name: fadeInModalBackdrop;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: .15s;
animation-duration: .15s;
}
/* line 1767, app/assets/stylesheets/dboard.scss */
.modal {
display: flex;
display: none;
align-items: center;
justify-content: center;
outline: 2px solid transparent;
outline-offset: 2px;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
--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;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/* line 1791, app/assets/stylesheets/dboard.scss */
.modal.show {
-webkit-animation-name: modalShow;
animation-name: modalShow;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: .3s;
animation-duration: .3s;
display: flex;
--tw-bg-opacity: .25;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
/* line 1806, app/assets/stylesheets/dboard.scss */
.modal .modal-header {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-style: solid;
border-bottom-width: 1px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
}
/* line 1817, app/assets/stylesheets/dboard.scss */
.modal .modal-header .modal-close {
margin-left: auto;
}
/* line 1821, app/assets/stylesheets/dboard.scss */
.modal .modal-content {
border-radius: .5rem;
border-width: 0;
display: flex;
flex-direction: column;
outline: 2px solid transparent;
outline-offset: 2px;
position: relative;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
width: 100%;
}
/* line 1834, app/assets/stylesheets/dboard.scss */
.modal .modal-footer {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
border-style: solid;
border-top-width: 1px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
}
@-webkit-keyframes fadeInModalBackdrop {
0% {
visibility: hidden;
opacity: 0;
transform: translate(0);
}
to {
visibility: visible;
opacity: .15;
transform: translate(0);
}
}
@keyframes fadeInModalBackdrop {
0% {
visibility: hidden;
opacity: 0;
transform: translate(0);
}
to {
visibility: visible;
opacity: .15;
transform: translate(0);
}
}
@-webkit-keyframes modalShow {
0% {
visibility: hidden;
opacity: 0;
transform: translateY(-10px);
}
to {
visibility: visible;
opacity: 1;
transform: translate(0);
}
}
@keyframes modalShow {
0% {
visibility: hidden;
opacity: 0;
transform: translateY(-10px);
}
to {
visibility: visible;
opacity: 1;
transform: translate(0);
}
}
/* line 1901, app/assets/stylesheets/dboard.scss */
.modal[data-background=light] .modal-footer,
.modal[data-background=light] .modal-header {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
}
/* line 1911, app/assets/stylesheets/dboard.scss */
.modal[data-background=light] .modal-content {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
}
/* line 1918, app/assets/stylesheets/dboard.scss */
.modal[data-background=dark] .modal-footer,
.modal[data-background=dark] .modal-header {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
--tw-border-opacity: 1;
border-color: rgba(55, 65, 81, var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* line 1928, app/assets/stylesheets/dboard.scss */
.modal[data-background=dark] .modal-content {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* line 1936, app/assets/stylesheets/dboard.scss */
.highlight code {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(27, 31, 35, 0.05);
border-radius: 3px;
}
/* line 1944, app/assets/stylesheets/dboard.scss */
.highlight pre {
word-wrap: normal;
}
/* line 1948, app/assets/stylesheets/dboard.scss */
.highlight pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
/* line 1958, app/assets/stylesheets/dboard.scss */
.highlight {
margin-bottom: 16px;
}
/* line 1962, app/assets/stylesheets/dboard.scss */
.highlight pre {
margin-bottom: 0;
word-break: normal;
}
/* line 1967, app/assets/stylesheets/dboard.scss */
.highlight pre,
.code pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
border-radius: 3px;
}
/* line 1977, app/assets/stylesheets/dboard.scss */
.highlight pre code {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
/* line 1989, app/assets/stylesheets/dboard.scss */
code,
pre {
position: relative;
}
/* line 1995, app/assets/stylesheets/dboard.scss */
pre {
background: rgba(246, 246, 246, 0.2);
overflow-x: auto;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
/* line 2005, app/assets/stylesheets/dboard.scss */
.card-title {
display: flex;
align-items: center;
gap: 0.5rem;
color: #111827;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
padding-bottom: 0.5rem;
margin-bottom: 0.75rem;
border-bottom: 2px solid #e5e7eb;
letter-spacing: 0.01em;
}
/* line 2019, app/assets/stylesheets/dboard.scss */
.card-title svg {
width: 1.125rem;
height: 1.125rem;
color: #3b82f6;
flex-shrink: 0;
}
/* line 2028, app/assets/stylesheets/dboard.scss */
[data-background=dark] .card-title {
color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.08);
}
/* line 2035, app/assets/stylesheets/dboard.scss */
[data-background=dark] .table .text-gray-700,
[data-background=dark] .table .text-gray-500 {
color: rgba(229, 231, 235, 0.8);
}
/* line 2041, app/assets/stylesheets/dboard.scss */
.react-switch {
position: relative;
display: inline-block;
}
/* line 2045, app/assets/stylesheets/dboard.scss */
.react-switch input[type='checkbox']:checked + .react-switch-bg {
background: #0ea5e9 !important;
}
/* line 2049, app/assets/stylesheets/dboard.scss */
.react-switch input[type='checkbox']:checked + .react-switch-bg + .react-switch-handle {
transform: translateX(24px) !important;
}
@media (min-width: 768px) {
/* line 12, app/assets/stylesheets/data_table.scss */
.dt-table {
width: 100%;
overflow-x: auto;
overflow-y: visible;
contain: inline-size;
}
/* line 22, app/assets/stylesheets/data_table.scss */
.dt-table .table {
width: max-content;
min-width: 100%;
}
/* line 24, app/assets/stylesheets/data_table.scss */
.dt-table .dt-col-select {
width: 44px;
}
/* line 26, app/assets/stylesheets/data_table.scss */
.dt-table .dt-col-actions {
width: 46px;
padding-left: 6px;
padding-right: 6px;
}
/* line 30, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-select,
.dt-table tbody td.dt-col-select {
position: sticky;
left: 0;
z-index: 2;
box-shadow: inset -1px 0 0 rgba(15, 23, 42, 0.06), 8px 0 10px -8px rgba(15, 23, 42, 0.14);
}
/* line 38, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-actions,
.dt-table tbody td.dt-col-actions {
position: sticky;
right: 0;
z-index: 2;
box-shadow: inset 1px 0 0 rgba(15, 23, 42, 0.06), -8px 0 10px -8px rgba(15, 23, 42, 0.14);
}
/* line 45, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-select,
.dt-table thead th.dt-col-actions {
z-index: 3;
}
/* line 49, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table thead th.dt-col-select,
[data-background=light] .dt-table thead th.dt-col-actions {
background: #ffffff;
}
/* line 51, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-select,
[data-background=light] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-actions {
background: #ffffff;
}
/* line 53, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-select,
[data-background=light] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-actions {
background: #f7f7f7;
}
/* line 56, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table thead th.dt-col-select,
[data-background=dark] .dt-table thead th.dt-col-actions {
background: #1f2634;
}
/* line 58, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-select,
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-actions {
background: #1f2634;
}
/* line 60, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-select,
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-actions {
background: #181f2d;
}
/* line 65, app/assets/stylesheets/data_table.scss */
.dt-table .dt-col-status {
width: 104px;
}
/* line 66, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-status,
.dt-table tbody td.dt-col-status {
position: sticky;
right: 46px;
z-index: 2;
box-shadow: inset 1px 0 0 rgba(15, 23, 42, 0.06), -8px 0 10px -8px rgba(15, 23, 42, 0.14);
}
/* line 73, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-status {
z-index: 3;
}
/* line 76, app/assets/stylesheets/data_table.scss */
.dt-table.dt-frozen-status thead th.dt-col-actions,
.dt-table.dt-frozen-status tbody td.dt-col-actions {
box-shadow: none;
}
/* line 80, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table thead th.dt-col-status {
background: #ffffff;
}
/* line 81, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-status {
background: #ffffff;
}
/* line 82, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-status {
background: #f7f7f7;
}
/* line 83, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table thead th.dt-col-status {
background: #1f2634;
}
/* line 84, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-status {
background: #1f2634;
}
/* line 85, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-status {
background: #181f2d;
}
/* line 89, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-key,
.dt-table tbody td.dt-col-key {
position: sticky;
left: 0;
z-index: 2;
box-shadow: inset -1px 0 0 rgba(15, 23, 42, 0.06), 8px 0 10px -8px rgba(15, 23, 42, 0.14);
}
/* line 96, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-key {
z-index: 3;
}
/* line 99, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table thead th.dt-col-key {
background: #ffffff;
}
/* line 100, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-key {
background: #ffffff;
}
/* line 101, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-key {
background: #f7f7f7;
}
/* line 102, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table thead th.dt-col-key {
background: #1f2634;
}
/* line 103, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-key {
background: #1f2634;
}
/* line 104, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-key {
background: #181f2d;
}
/* line 108, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-time,
.dt-table tbody td.dt-col-time {
position: sticky;
right: 0;
z-index: 2;
box-shadow: inset 1px 0 0 rgba(15, 23, 42, 0.06), -8px 0 10px -8px rgba(15, 23, 42, 0.14);
}
/* line 115, app/assets/stylesheets/data_table.scss */
.dt-table thead th.dt-col-time {
z-index: 3;
}
/* line 117, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table thead th.dt-col-time {
background: #ffffff;
}
/* line 118, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-time {
background: #ffffff;
}
/* line 119, app/assets/stylesheets/data_table.scss */
[data-background=light] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-time {
background: #f7f7f7;
}
/* line 120, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table thead th.dt-col-time {
background: #1f2634;
}
/* line 121, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(odd) td.dt-col-time {
background: #1f2634;
}
/* line 122, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-table .table.striped tbody tr:nth-child(2n) td.dt-col-time {
background: #181f2d;
}
}
/* line 126, app/assets/stylesheets/data_table.scss */
.dt-act {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 30px;
}
/* line 134, app/assets/stylesheets/data_table.scss */
.dt-act-bar {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
display: inline-flex;
align-items: center;
height: 28px;
border: 1px solid #e5e7eb;
border-radius: 9999px;
background: #ffffff;
overflow: hidden;
transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
/* line 149, app/assets/stylesheets/data_table.scss */
.dt-act-bar:hover, .dt-act-bar:focus-within {
border-color: #635BFF;
box-shadow: -4px 2px 14px -4px rgba(15, 23, 42, 0.18), 0 1px 4px rgba(99, 91, 255, 0.18);
}
/* line 155, app/assets/stylesheets/data_table.scss */
.dt-act-quick {
display: flex;
align-items: center;
max-width: 0;
opacity: 0;
overflow: hidden;
white-space: nowrap;
transition: max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.16s ease;
}
/* line 164, app/assets/stylesheets/data_table.scss */
.dt-act-bar:hover .dt-act-quick,
.dt-act-bar:focus-within .dt-act-quick {
max-width: 96px;
opacity: 1;
}
/* line 167, app/assets/stylesheets/data_table.scss */
.dt-act-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 26px;
color: #6b7280;
flex: 0 0 auto;
transition: color .15s, background .15s;
}
/* line 176, app/assets/stylesheets/data_table.scss */
.dt-act-btn:hover {
color: #4f46e5;
background: #f5f3ff;
}
/* line 179, app/assets/stylesheets/data_table.scss */
.dt-act-sep {
width: 1px;
height: 14px;
background: #e5e7eb;
flex: 0 0 auto;
margin: 0 1px;
}
/* line 187, app/assets/stylesheets/data_table.scss */
.dt-act-more {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 26px;
background: transparent;
color: #6b7280;
flex: 0 0 auto;
transition: color .15s, background .15s;
}
/* line 198, app/assets/stylesheets/data_table.scss */
.dt-act.is-open .dt-act-more,
.dt-act-more:hover {
color: #4f46e5;
background: #f5f3ff;
}
/* line 202, app/assets/stylesheets/data_table.scss */
.dt-act::after {
content: "";
display: block;
width: 30px;
height: 28px;
flex: 0 0 auto;
}
/* line 212, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-act-bar {
background: #1f2634;
border-color: #292f3d;
}
/* line 213, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-act-btn, [data-background=dark] .dt-act-more {
color: #9ca3af;
}
/* line 214, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-act-sep {
background: #292f3d;
}
/* line 215, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-act.is-open .dt-act-more,
[data-background=dark] .dt-act-more:hover,
[data-background=dark] .dt-act-btn:hover {
color: #c4b5fd;
background: rgba(124, 58, 237, 0.18);
}
/* line 221, app/assets/stylesheets/data_table.scss */
.dt-menu {
z-index: 61;
min-width: 168px;
padding: 6px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.2), 0 2px 8px rgba(15, 23, 42, 0.08);
}
/* line 230, app/assets/stylesheets/data_table.scss */
.dt-menu-item {
display: flex;
align-items: center;
gap: 9px;
width: 100%;
padding: 8px 10px;
border-radius: 6px;
font-size: 13px;
color: #374151;
text-align: left;
background: transparent;
cursor: pointer;
white-space: nowrap;
}
/* line 243, app/assets/stylesheets/data_table.scss */
.dt-menu-item svg {
color: #9ca3af;
flex: 0 0 auto;
}
/* line 244, app/assets/stylesheets/data_table.scss */
.dt-menu-item:hover {
background: #f7f7f7;
}
/* line 245, app/assets/stylesheets/data_table.scss */
.dt-menu-item.is-danger {
color: #dc2626;
}
/* line 245, app/assets/stylesheets/data_table.scss */
.dt-menu-item.is-danger svg {
color: #dc2626;
}
/* line 248, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-menu {
background: #1f2634;
border-color: #292f3d;
}
/* line 252, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-menu-item {
color: #d1d5db;
}
/* line 254, app/assets/stylesheets/data_table.scss */
[data-background=dark] .dt-menu-item:hover {
background: #181f2d;
}
@media (max-width: 767px) {
/* line 259, app/assets/stylesheets/data_table.scss */
.dt-act {
display: flex;
justify-content: flex-start;
}
/* line 260, app/assets/stylesheets/data_table.scss */
.dt-act::after {
display: none;
}
/* line 261, app/assets/stylesheets/data_table.scss */
.dt-act-bar {
position: static;
transform: none;
}
/* line 262, app/assets/stylesheets/data_table.scss */
.dt-act-quick {
max-width: none;
opacity: 1;
}
}
/* line 7, app/assets/stylesheets/filter_pills.scss */
.fp-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
/* line 15, app/assets/stylesheets/filter_pills.scss */
.fp-pill {
display: inline-flex;
align-items: center;
gap: 5px;
height: 30px;
padding: 0 11px;
border-radius: 9999px;
font-size: 13px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
color: #4b5563;
border: 1px dashed #d1d5db;
transition: background .12s, border-color .12s, color .12s;
}
/* line 32, app/assets/stylesheets/filter_pills.scss */
.fp-pill:hover {
border-color: #9ca3af;
color: #374151;
}
/* line 33, app/assets/stylesheets/filter_pills.scss */
.fp-pill .fp-plus {
display: inline-flex;
color: #9ca3af;
}
/* line 35, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set {
border: 1px solid #d1d5db;
border-style: solid;
color: #1f2937;
padding: 0 11px 0 8px;
}
/* line 40, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set .fp-pill-label {
color: #6b7280;
}
/* line 41, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set .fp-pill-sep {
color: #d1d5db;
}
/* line 42, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set .fp-pill-val {
color: #2563eb;
font-weight: 600;
}
/* line 43, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set .fp-caret {
display: inline-flex;
color: #9ca3af;
}
/* line 44, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set .fp-x {
display: inline-flex;
color: #9ca3af;
cursor: pointer;
border-radius: 9999px;
}
/* line 45, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set .fp-x:hover {
color: #ef4444;
}
/* line 46, app/assets/stylesheets/filter_pills.scss */
.fp-pill--set:hover {
border-color: #9ca3af;
}
/* line 51, app/assets/stylesheets/filter_pills.scss */
.fp-clear {
border: none;
background: transparent;
color: #2563eb;
font-size: 13px;
font-weight: 600;
cursor: pointer;
padding: 0 4px;
}
/* line 59, app/assets/stylesheets/filter_pills.scss */
.fp-clear:hover {
text-decoration: underline;
}
/* line 63, app/assets/stylesheets/filter_pills.scss */
.fp-pop-backdrop {
position: fixed;
inset: 0;
z-index: 1000;
}
/* line 64, app/assets/stylesheets/filter_pills.scss */
.fp-pop {
position: fixed;
z-index: 1001;
width: 264px;
padding: 14px;
box-sizing: border-box;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.22);
}
/* line 75, app/assets/stylesheets/filter_pills.scss */
.fp-pop.fp-pop--menu {
width: 190px;
padding: 6px;
}
/* line 77, app/assets/stylesheets/filter_pills.scss */
.fp-pop-title {
font-size: 13px;
font-weight: 600;
color: #111827;
margin-bottom: 11px;
}
/* line 78, app/assets/stylesheets/filter_pills.scss */
.fp-pop-body {
display: block;
}
/* line 79, app/assets/stylesheets/filter_pills.scss */
.fp-hint {
font-size: 11px;
color: #9ca3af;
margin-top: 7px;
line-height: 1.5;
}
/* line 81, app/assets/stylesheets/filter_pills.scss */
.fp-fuzzy-row {
padding: 7px 10px;
font-size: 12px;
color: #2563eb;
cursor: pointer;
border-bottom: 1px solid #f3f4f6;
}
/* line 87, app/assets/stylesheets/filter_pills.scss */
.fp-fuzzy-row:hover {
background: #eff6ff;
}
/* line 92, app/assets/stylesheets/filter_pills.scss */
.air-datepicker-global-container .air-datepicker {
z-index: 1100;
}
/* line 95, app/assets/stylesheets/filter_pills.scss */
.fp-ctl {
width: 100%;
height: 38px;
padding: 0 11px;
border: 1px solid #e5e7eb;
border-radius: 0;
font-size: 14px;
color: #111827;
background: #fff;
outline: none;
box-sizing: border-box;
}
/* line 106, app/assets/stylesheets/filter_pills.scss */
.fp-ctl:focus {
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
/* line 108, app/assets/stylesheets/filter_pills.scss */
.fp-pair {
display: flex;
align-items: center;
gap: 8px;
}
/* line 109, app/assets/stylesheets/filter_pills.scss */
.fp-pair .fp-ctl {
flex: 1;
min-width: 0;
}
/* line 110, app/assets/stylesheets/filter_pills.scss */
.fp-dash {
color: #d1d5db;
}
/* line 113, app/assets/stylesheets/filter_pills.scss */
.fp-presets {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 11px;
}
/* line 114, app/assets/stylesheets/filter_pills.scss */
.fp-preset {
padding: 3px 10px;
font-size: 12px;
line-height: 18px;
color: #2563eb;
background: #fff;
border: 1px solid #bfdbfe;
border-radius: 9999px;
cursor: pointer;
}
/* line 123, app/assets/stylesheets/filter_pills.scss */
.fp-preset:hover {
background: #eff6ff;
}
/* line 124, app/assets/stylesheets/filter_pills.scss */
.fp-preset.is-active {
color: #fff;
background: #2563eb;
border-color: #2563eb;
cursor: default;
}
/* line 130, app/assets/stylesheets/filter_pills.scss */
.fp-ctl.ts-wrapper {
border: 0;
height: auto;
min-width: 0;
padding: 0;
background: transparent;
border-radius: 0;
}
/* line 138, app/assets/stylesheets/filter_pills.scss */
.fp-ctl.ts-wrapper .ts-control {
height: 38px;
border-radius: 0;
box-shadow: none;
}
/* line 144, app/assets/stylesheets/filter_pills.scss */
.fp-ctl.ts-wrapper.focus .ts-control,
.fp-ctl.ts-wrapper .ts-control:focus {
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
/* line 150, app/assets/stylesheets/filter_pills.scss */
.fp-apply {
width: 100%;
height: 40px;
margin-top: 12px;
border: none;
border-radius: 8px;
background: #2563eb;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
/* line 161, app/assets/stylesheets/filter_pills.scss */
.fp-apply:hover {
background: #1d4ed8;
}
/* line 165, app/assets/stylesheets/filter_pills.scss */
.fp-menu-item {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 9px 12px;
border: none;
background: transparent;
border-radius: 6px;
cursor: pointer;
font-size: 13.5px;
color: #1f2937;
text-align: left;
}
/* line 178, app/assets/stylesheets/filter_pills.scss */
.fp-menu-item .fp-menu-ico {
display: inline-flex;
color: #9ca3af;
}
/* line 179, app/assets/stylesheets/filter_pills.scss */
.fp-menu-item:hover {
background: #f9fafb;
}
/* line 183, app/assets/stylesheets/filter_pills.scss */
.fp-sheet-backdrop {
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(17, 24, 39, 0.4);
}
/* line 184, app/assets/stylesheets/filter_pills.scss */
.fp-sheet {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
background: #fff;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
padding: 16px;
box-sizing: border-box;
max-height: 82vh;
overflow-y: visible;
animation: fp-sheet-up 0.24s cubic-bezier(0.4, 0, 0.2, 1);
}
/* line 199, app/assets/stylesheets/filter_pills.scss */
.fp-sheet .fp-pop-title {
display: none;
}
/* line 200, app/assets/stylesheets/filter_pills.scss */
.fp-sheet .fp-apply {
height: 46px;
}
/* line 203, app/assets/stylesheets/filter_pills.scss */
.fp-sheet--menu {
overflow-y: auto;
}
/* line 204, app/assets/stylesheets/filter_pills.scss */
.fp-sheet-head {
font-size: 15px;
font-weight: 600;
color: #111827;
margin-bottom: 14px;
}
/* line 210, app/assets/stylesheets/filter_pills.scss */
.fp-sheet-item {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 14px 4px;
border: none;
border-bottom: 1px solid #f3f4f6;
background: transparent;
cursor: pointer;
font-size: 15px;
color: #1f2937;
text-align: left;
}
/* line 223, app/assets/stylesheets/filter_pills.scss */
.fp-sheet-item .fp-menu-ico {
display: inline-flex;
color: #9ca3af;
}
/* line 224, app/assets/stylesheets/filter_pills.scss */
.fp-sheet-item .fp-menu-arrow {
margin-left: auto;
display: inline-flex;
color: #d1d5db;
}
@keyframes fp-sheet-up {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@media (max-width: 1024px) {
/* line 230, app/assets/stylesheets/filter_pills.scss */
.fp-row {
flex-wrap: wrap;
}
}
/* line 236, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .fp-pill {
background: #1f2634;
color: #cbd5e1;
border-color: #374151;
}
/* line 237, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .fp-pill--set {
color: #e5e7eb;
}
/* line 237, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .fp-pill--set .fp-pill-label {
color: #9ca3af;
}
/* line 237, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .fp-pill--set .fp-pill-val {
color: #60a5fa;
}
/* line 243, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"],
.fp-sheet[data-background="dark"] {
background: #1f2634;
border-color: #374151;
}
/* line 248, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-pop-title, .fp-pop[data-background="dark"] .fp-sheet-head,
.fp-sheet[data-background="dark"] .fp-pop-title,
.fp-sheet[data-background="dark"] .fp-sheet-head {
color: #f3f4f6;
}
/* line 249, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-ctl,
.fp-sheet[data-background="dark"] .fp-ctl {
background: #111827;
border-color: #374151;
color: #f3f4f6;
}
/* line 250, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-menu-item, .fp-pop[data-background="dark"] .fp-sheet-item,
.fp-sheet[data-background="dark"] .fp-menu-item,
.fp-sheet[data-background="dark"] .fp-sheet-item {
color: #e5e7eb;
}
/* line 250, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-menu-item:hover, .fp-pop[data-background="dark"] .fp-sheet-item:hover,
.fp-sheet[data-background="dark"] .fp-menu-item:hover,
.fp-sheet[data-background="dark"] .fp-sheet-item:hover {
background: #111827;
}
/* line 251, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-dash,
.fp-sheet[data-background="dark"] .fp-dash {
color: #6b7280;
}
/* line 256, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-wrapper.fp-ctl .ts-control,
.fp-sheet[data-background="dark"] .ts-wrapper.fp-ctl .ts-control {
background-color: #111827;
color: #fff;
border-color: #374151;
}
/* line 257, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-control input,
.fp-sheet[data-background="dark"] .ts-control input {
color: #fff;
}
/* line 258, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-control input::placeholder,
.fp-sheet[data-background="dark"] .ts-control input::placeholder {
color: #9ca3af;
}
/* line 259, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-control > .item,
.fp-sheet[data-background="dark"] .ts-control > .item {
color: #fff;
}
/* line 261, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-dropdown,
.fp-sheet[data-background="dark"] .ts-dropdown {
background-color: #1f2937;
color: #fff;
border-color: #374151;
}
/* line 262, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-dropdown .option:hover,
.fp-pop[data-background="dark"] .ts-dropdown .option.active,
.fp-pop[data-background="dark"] .ts-dropdown .active,
.fp-sheet[data-background="dark"] .ts-dropdown .option:hover,
.fp-sheet[data-background="dark"] .ts-dropdown .option.active,
.fp-sheet[data-background="dark"] .ts-dropdown .active {
background-color: #374151;
color: #fff;
}
/* line 265, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .ts-dropdown .optgroup-header,
.fp-sheet[data-background="dark"] .ts-dropdown .optgroup-header {
background-color: #1f2937;
color: #cbd5e1;
border-color: #374151;
}
/* line 267, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .dropdown-input,
.fp-sheet[data-background="dark"] .dropdown-input {
background-color: #111827;
color: #fff;
border-color: #374151;
}
/* line 268, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .dropdown-input::placeholder,
.fp-sheet[data-background="dark"] .dropdown-input::placeholder {
color: #9ca3af;
}
/* line 270, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-fuzzy-row,
.fp-sheet[data-background="dark"] .fp-fuzzy-row {
color: #60a5fa;
border-color: #374151;
}
/* line 270, app/assets/stylesheets/filter_pills.scss */
.fp-pop[data-background="dark"] .fp-fuzzy-row:hover,
.fp-sheet[data-background="dark"] .fp-fuzzy-row:hover {
background: #374151;
}
/* line 279, app/assets/stylesheets/filter_pills.scss */
.op-batchbar {
max-width: 0;
opacity: 0;
overflow: hidden;
white-space: nowrap;
pointer-events: none;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-left: 0;
border-radius: 0 8px 8px 0;
transition: max-width 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}
/* line 291, app/assets/stylesheets/filter_pills.scss */
.op-batchbar--open {
opacity: 1;
pointer-events: auto;
}
/* line 300, app/assets/stylesheets/filter_pills.scss */
.op-batchbar--has-more [data-batch-select-target="moreBtn"] {
position: absolute;
right: 0;
top: 1px;
bottom: 1px;
transform: none;
z-index: 21;
background: #f9fafb;
border-radius: 0 7px 7px 0;
padding-right: 0.5rem;
}
/* line 311, app/assets/stylesheets/filter_pills.scss */
.op-batchbar--has-more [data-batch-select-target="moreBtn"]::before {
content: "";
position: absolute;
right: 100%;
top: 0;
bottom: 0;
width: 22px;
background: linear-gradient(to right, rgba(249, 250, 251, 0), #f9fafb);
pointer-events: none;
}
/* line 321, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .op-batchbar--has-more [data-batch-select-target="moreBtn"] {
background: #1f2937;
}
/* line 324, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .op-batchbar--has-more [data-batch-select-target="moreBtn"]::before {
background: linear-gradient(to right, rgba(31, 41, 55, 0), #1f2937);
}
/* line 327, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .op-batchbar {
background: rgba(31, 41, 55, 0.4);
border-color: #374151;
}
/* line 332, app/assets/stylesheets/filter_pills.scss */
.batchbar-merged {
border-right: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
/* line 338, app/assets/stylesheets/filter_pills.scss */
.op-batchbar-sep {
width: 1px;
height: 16px;
background: #d1d5db;
flex: 0 0 auto;
}
/* line 339, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .op-batchbar-sep {
background: #4b5563;
}
/* line 343, app/assets/stylesheets/filter_pills.scss */
.op-cover {
background: #ffffff;
transition: opacity .12s ease;
}
/* line 344, app/assets/stylesheets/filter_pills.scss */
[data-background="dark"] .op-cover {
background: #111827;
}