6397 lines
165 KiB
CSS
Vendored
6397 lines
165 KiB
CSS
Vendored
@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
|
|
|
|
/* node_modules/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css */
|
|
.filepond--image-preview-markup {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.filepond--image-preview-wrapper {
|
|
z-index: 2;
|
|
}
|
|
.filepond--image-preview-overlay {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
min-height: 5rem;
|
|
max-height: 7rem;
|
|
margin: 0;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.filepond--image-preview-overlay svg {
|
|
width: 100%;
|
|
height: auto;
|
|
color: inherit;
|
|
max-height: inherit;
|
|
}
|
|
.filepond--image-preview-overlay-idle {
|
|
mix-blend-mode: multiply;
|
|
color: rgba(40, 40, 40, 0.85);
|
|
}
|
|
.filepond--image-preview-overlay-success {
|
|
mix-blend-mode: normal;
|
|
color: rgba(54, 151, 99, 1);
|
|
}
|
|
.filepond--image-preview-overlay-failure {
|
|
mix-blend-mode: normal;
|
|
color: rgba(196, 78, 71, 1);
|
|
}
|
|
@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
|
|
.filepond--image-preview-overlay-idle {
|
|
mix-blend-mode: normal;
|
|
}
|
|
}
|
|
.filepond--image-preview-wrapper {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
margin: 0;
|
|
border-radius: 0.45em;
|
|
overflow: hidden;
|
|
background: rgba(0, 0, 0, 0.01);
|
|
}
|
|
.filepond--image-preview {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
pointer-events: none;
|
|
background: #222;
|
|
will-change: transform, opacity;
|
|
}
|
|
.filepond--image-clip {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
}
|
|
.filepond--image-clip[data-transparency-indicator=grid] img,
|
|
.filepond--image-clip[data-transparency-indicator=grid] canvas {
|
|
background-color: #fff;
|
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
|
|
background-size: 1.25em 1.25em;
|
|
}
|
|
.filepond--image-bitmap,
|
|
.filepond--image-vector {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
will-change: transform;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
|
|
border-radius: 0;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
|
|
border-radius: 99999rem;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
|
|
top: auto;
|
|
bottom: 0;
|
|
transform: scaleY(-1);
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*="center"]) {
|
|
margin-bottom: 0.325em;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
|
|
left: calc(50% - 3em);
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
|
|
right: calc(50% - 3em);
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
|
|
margin-bottom: calc(0.325em + 0.1875em);
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
|
|
margin-top: 0;
|
|
margin-bottom: 0.1875em;
|
|
margin-left: 0.1875em;
|
|
}
|
|
/* node_modules/filepond-plugin-media-preview/dist/filepond-plugin-media-preview.css */
|
|
.filepond--media-preview audio {
|
|
display: none;
|
|
}
|
|
.filepond--media-preview .audioplayer {
|
|
width: calc(100% - 1.4em);
|
|
margin: 2.3em auto auto;
|
|
}
|
|
.filepond--media-preview .playpausebtn {
|
|
margin-top: 0.3em;
|
|
margin-right: 0.3em;
|
|
height: 25px;
|
|
width: 25px;
|
|
border-radius: 25px;
|
|
border: none;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
float: left;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.filepond--media-preview .playpausebtn:hover {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.filepond--media-preview .play {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=);
|
|
}
|
|
.filepond--media-preview .pause {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC);
|
|
}
|
|
.filepond--media-preview .timeline {
|
|
width: calc(100% - 2.5em);
|
|
height: 3px;
|
|
margin-top: 1em;
|
|
float: left;
|
|
border-radius: 15px;
|
|
background: rgba(255, 255, 255, 0.3);
|
|
}
|
|
.filepond--media-preview .playhead {
|
|
width: 13px;
|
|
height: 13px;
|
|
border-radius: 50%;
|
|
margin-top: -5px;
|
|
background: white;
|
|
}
|
|
.filepond--media-preview-wrapper {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
margin: 0;
|
|
border-radius: 0.45em;
|
|
overflow: hidden;
|
|
background: rgba(0, 0, 0, 0.01);
|
|
pointer-events: auto;
|
|
}
|
|
.filepond--media-preview-wrapper:before {
|
|
content: " ";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 2em;
|
|
background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0);
|
|
z-index: 3;
|
|
}
|
|
.filepond--media-preview {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
transform-origin: center center;
|
|
will-change: transform, opacity;
|
|
}
|
|
.filepond--media-preview video,
|
|
.filepond--media-preview audio {
|
|
width: 100%;
|
|
will-change: transform;
|
|
}
|
|
/* node_modules/filepond/dist/filepond.min.css */
|
|
.filepond--assistant {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
height: 1px;
|
|
width: 1px;
|
|
padding: 0;
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
}
|
|
.filepond--browser.filepond--browser {
|
|
position: absolute;
|
|
margin: 0;
|
|
padding: 0;
|
|
left: 1em;
|
|
top: 1.75em;
|
|
width: calc(100% - 2em);
|
|
opacity: 0;
|
|
font-size: 0;
|
|
}
|
|
.filepond--data {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
contain: strict;
|
|
}
|
|
.filepond--drip {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
opacity: .1;
|
|
pointer-events: none;
|
|
border-radius: .5em;
|
|
background: rgba(0, 0, 0, .01);
|
|
}
|
|
.filepond--drip-blob {
|
|
transform-origin: center center;
|
|
width: 8em;
|
|
height: 8em;
|
|
margin-left: -4em;
|
|
margin-top: -4em;
|
|
background: #292625;
|
|
border-radius: 50%;
|
|
}
|
|
.filepond--drip-blob,
|
|
.filepond--drop-label {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
will-change: transform, opacity;
|
|
}
|
|
.filepond--drop-label {
|
|
right: 0;
|
|
margin: 0;
|
|
color: #4f4f4f;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.filepond--drop-label.filepond--drop-label label {
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5em;
|
|
}
|
|
.filepond--drop-label label {
|
|
cursor: default;
|
|
font-size: .875em;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
line-height: 1.5;
|
|
}
|
|
.filepond--label-action {
|
|
text-decoration: underline;
|
|
-webkit-text-decoration-skip: ink;
|
|
text-decoration-skip-ink: auto;
|
|
-webkit-text-decoration-color: #a7a4a4;
|
|
text-decoration-color: #a7a4a4;
|
|
cursor: pointer;
|
|
}
|
|
.filepond--root[data-disabled] .filepond--drop-label label {
|
|
opacity: .5;
|
|
}
|
|
.filepond--file-action-button.filepond--file-action-button {
|
|
font-size: 1em;
|
|
width: 1.625em;
|
|
height: 1.625em;
|
|
font-family: inherit;
|
|
line-height: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
outline: none;
|
|
will-change: transform, opacity;
|
|
}
|
|
.filepond--file-action-button.filepond--file-action-button span {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
height: 1px;
|
|
width: 1px;
|
|
padding: 0;
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
}
|
|
.filepond--file-action-button.filepond--file-action-button svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.filepond--file-action-button.filepond--file-action-button:after {
|
|
position: absolute;
|
|
left: -.75em;
|
|
right: -.75em;
|
|
top: -.75em;
|
|
bottom: -.75em;
|
|
content: "";
|
|
}
|
|
.filepond--file-action-button {
|
|
cursor: auto;
|
|
color: #fff;
|
|
border-radius: 50%;
|
|
background-color: rgba(0, 0, 0, .5);
|
|
background-image: none;
|
|
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
|
|
transition: box-shadow .25s ease-in;
|
|
}
|
|
.filepond--file-action-button:focus,
|
|
.filepond--file-action-button:hover {
|
|
box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .9);
|
|
}
|
|
.filepond--file-action-button[disabled] {
|
|
color: hsla(0, 0%, 100%, .5);
|
|
background-color: rgba(0, 0, 0, .25);
|
|
}
|
|
.filepond--file-action-button[hidden] {
|
|
display: none;
|
|
}
|
|
.filepond--action-edit-item.filepond--action-edit-item {
|
|
width: 2em;
|
|
height: 2em;
|
|
padding: .1875em;
|
|
}
|
|
.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
|
|
margin-left: -.1875em;
|
|
}
|
|
.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
|
|
margin-bottom: -.1875em;
|
|
}
|
|
.filepond--action-edit-item-alt {
|
|
border: none;
|
|
line-height: inherit;
|
|
background: transparent;
|
|
font-family: inherit;
|
|
color: inherit;
|
|
outline: none;
|
|
padding: 0;
|
|
margin: 0 0 0 .25em;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
}
|
|
.filepond--action-edit-item-alt svg {
|
|
width: 1.3125em;
|
|
height: 1.3125em;
|
|
}
|
|
.filepond--action-edit-item-alt span {
|
|
font-size: 0;
|
|
opacity: 0;
|
|
}
|
|
.filepond--file-info {
|
|
position: static;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
flex: 1;
|
|
margin: 0 .5em 0 0;
|
|
min-width: 0;
|
|
will-change: transform, opacity;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.filepond--file-info * {
|
|
margin: 0;
|
|
}
|
|
.filepond--file-info .filepond--file-info-main {
|
|
font-size: .75em;
|
|
line-height: 1.2;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.filepond--file-info .filepond--file-info-sub {
|
|
font-size: .625em;
|
|
opacity: .5;
|
|
transition: opacity .25s ease-in-out;
|
|
white-space: nowrap;
|
|
}
|
|
.filepond--file-info .filepond--file-info-sub:empty {
|
|
display: none;
|
|
}
|
|
.filepond--file-status {
|
|
position: static;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin: 0;
|
|
min-width: 2.25em;
|
|
text-align: right;
|
|
will-change: transform, opacity;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.filepond--file-status * {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.filepond--file-status .filepond--file-status-main {
|
|
font-size: .75em;
|
|
line-height: 1.2;
|
|
}
|
|
.filepond--file-status .filepond--file-status-sub {
|
|
font-size: .625em;
|
|
opacity: .5;
|
|
transition: opacity .25s ease-in-out;
|
|
}
|
|
.filepond--file-wrapper.filepond--file-wrapper {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-width: 0;
|
|
height: 100%;
|
|
}
|
|
.filepond--file-wrapper.filepond--file-wrapper > legend {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
height: 1px;
|
|
width: 1px;
|
|
padding: 0;
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
}
|
|
.filepond--file {
|
|
position: static;
|
|
display: flex;
|
|
height: 100%;
|
|
align-items: flex-start;
|
|
padding: .5625em;
|
|
color: #fff;
|
|
border-radius: .5em;
|
|
}
|
|
.filepond--file .filepond--file-status {
|
|
margin-left: auto;
|
|
margin-right: 2.25em;
|
|
}
|
|
.filepond--file .filepond--processing-complete-indicator {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
z-index: 3;
|
|
}
|
|
.filepond--file .filepond--file-action-button,
|
|
.filepond--file .filepond--processing-complete-indicator,
|
|
.filepond--file .filepond--progress-indicator {
|
|
position: absolute;
|
|
}
|
|
.filepond--file [data-align*=left] {
|
|
left: .5625em;
|
|
}
|
|
.filepond--file [data-align*=right] {
|
|
right: .5625em;
|
|
}
|
|
.filepond--file [data-align*=center] {
|
|
left: calc(50% - .8125em);
|
|
}
|
|
.filepond--file [data-align*=bottom] {
|
|
bottom: 1.125em;
|
|
}
|
|
.filepond--file [data-align=center] {
|
|
top: calc(50% - .8125em);
|
|
}
|
|
.filepond--file .filepond--progress-indicator {
|
|
margin-top: .1875em;
|
|
}
|
|
.filepond--file .filepond--progress-indicator[data-align*=right] {
|
|
margin-right: .1875em;
|
|
}
|
|
.filepond--file .filepond--progress-indicator[data-align*=left] {
|
|
margin-left: .1875em;
|
|
}
|
|
[data-filepond-item-state*=error] .filepond--file-info,
|
|
[data-filepond-item-state*=invalid] .filepond--file-info,
|
|
[data-filepond-item-state=cancelled] .filepond--file-info {
|
|
margin-right: 2.25em;
|
|
}
|
|
[data-filepond-item-state~=processing] .filepond--file-status-sub {
|
|
opacity: 0;
|
|
}
|
|
[data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
|
|
opacity: .5;
|
|
}
|
|
[data-filepond-item-state=processing-error] .filepond--file-status-sub {
|
|
opacity: 0;
|
|
}
|
|
[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
|
|
opacity: .5;
|
|
}
|
|
[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
|
|
-webkit-animation: fall .5s linear .125s both;
|
|
animation: fall .5s linear .125s both;
|
|
}
|
|
[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
|
|
opacity: .5;
|
|
}
|
|
[data-filepond-item-state=processing-complete] .filepond--file-info-sub,
|
|
[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub {
|
|
opacity: 0;
|
|
}
|
|
[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
|
|
opacity: .5;
|
|
}
|
|
[data-filepond-item-state*=error] .filepond--file-wrapper,
|
|
[data-filepond-item-state*=error] .filepond--panel,
|
|
[data-filepond-item-state*=invalid] .filepond--file-wrapper,
|
|
[data-filepond-item-state*=invalid] .filepond--panel {
|
|
-webkit-animation: shake .65s linear both;
|
|
animation: shake .65s linear both;
|
|
}
|
|
[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
|
|
-webkit-animation: spin 1s linear infinite;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
@-webkit-keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
@-webkit-keyframes shake {
|
|
10%, 90% {
|
|
transform: translateX(-.0625em);
|
|
}
|
|
20%, 80% {
|
|
transform: translateX(.125em);
|
|
}
|
|
30%, 50%, 70% {
|
|
transform: translateX(-.25em);
|
|
}
|
|
40%, 60% {
|
|
transform: translateX(.25em);
|
|
}
|
|
}
|
|
@keyframes shake {
|
|
10%, 90% {
|
|
transform: translateX(-.0625em);
|
|
}
|
|
20%, 80% {
|
|
transform: translateX(.125em);
|
|
}
|
|
30%, 50%, 70% {
|
|
transform: translateX(-.25em);
|
|
}
|
|
40%, 60% {
|
|
transform: translateX(.25em);
|
|
}
|
|
}
|
|
@-webkit-keyframes fall {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.5);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
70% {
|
|
opacity: 1;
|
|
transform: scale(1.1);
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
to {
|
|
transform: scale(1);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
}
|
|
@keyframes fall {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.5);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
70% {
|
|
opacity: 1;
|
|
transform: scale(1.1);
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
to {
|
|
transform: scale(1);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
}
|
|
.filepond--hopper[data-hopper-state=drag-over] > * {
|
|
pointer-events: none;
|
|
}
|
|
.filepond--hopper[data-hopper-state=drag-over]:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 100;
|
|
}
|
|
.filepond--progress-indicator {
|
|
z-index: 103;
|
|
}
|
|
.filepond--file-action-button {
|
|
z-index: 102;
|
|
}
|
|
.filepond--file-status {
|
|
z-index: 101;
|
|
}
|
|
.filepond--file-info {
|
|
z-index: 100;
|
|
}
|
|
.filepond--item {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
padding: 0;
|
|
margin: .25em;
|
|
will-change: transform, opacity;
|
|
}
|
|
.filepond--item > .filepond--panel {
|
|
z-index: -1;
|
|
}
|
|
.filepond--item > .filepond--panel .filepond--panel-bottom {
|
|
box-shadow: 0 .0625em .125em -.0625em rgba(0, 0, 0, .25);
|
|
}
|
|
.filepond--item > .filepond--file-wrapper,
|
|
.filepond--item > .filepond--panel {
|
|
transition: opacity .15s ease-out;
|
|
}
|
|
.filepond--item[data-drag-state] {
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.filepond--item[data-drag-state] > .filepond--panel {
|
|
transition: box-shadow .125s ease-in-out;
|
|
box-shadow: 0 0 0 transparent;
|
|
}
|
|
.filepond--item[data-drag-state=drag] {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
.filepond--item[data-drag-state=drag] > .filepond--panel {
|
|
box-shadow: 0 .125em .3125em rgba(0, 0, 0, .325);
|
|
}
|
|
.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
|
|
z-index: 2;
|
|
}
|
|
.filepond--item-panel {
|
|
background-color: #64605e;
|
|
}
|
|
[data-filepond-item-state=processing-complete] .filepond--item-panel {
|
|
background-color: #369763;
|
|
}
|
|
[data-filepond-item-state*=error] .filepond--item-panel,
|
|
[data-filepond-item-state*=invalid] .filepond--item-panel {
|
|
background-color: #c44e47;
|
|
}
|
|
.filepond--item-panel {
|
|
border-radius: .5em;
|
|
transition: background-color .25s;
|
|
}
|
|
.filepond--list-scroller {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
will-change: transform;
|
|
}
|
|
.filepond--list-scroller[data-state=overflow] .filepond--list {
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.filepond--list-scroller[data-state=overflow] {
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
-webkit-mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent);
|
|
mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent);
|
|
}
|
|
.filepond--list-scroller::-webkit-scrollbar {
|
|
background: transparent;
|
|
}
|
|
.filepond--list-scroller::-webkit-scrollbar:vertical {
|
|
width: 1em;
|
|
}
|
|
.filepond--list-scroller::-webkit-scrollbar:horizontal {
|
|
height: 0;
|
|
}
|
|
.filepond--list-scroller::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, .3);
|
|
border-radius: 99999px;
|
|
border: .3125em solid transparent;
|
|
background-clip: content-box;
|
|
}
|
|
.filepond--list.filepond--list {
|
|
position: absolute;
|
|
top: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
will-change: transform;
|
|
}
|
|
.filepond--list {
|
|
left: .75em;
|
|
right: .75em;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=integrated] {
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: none;
|
|
margin: 0;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
|
|
border-radius: 0;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * {
|
|
display: none;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
|
|
bottom: 0;
|
|
height: auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 7;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
|
|
display: none;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=compact] .filepond--list,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=compact] .filepond--item,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
|
|
margin: 0;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
|
|
height: 100%;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
|
|
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
|
|
z-index: 7;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] {
|
|
border-radius: 99999rem;
|
|
overflow: hidden;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] > .filepond--panel {
|
|
border-radius: inherit;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * {
|
|
display: none;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
|
|
display: none;
|
|
}
|
|
.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
}
|
|
@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm) {
|
|
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
|
|
.filepond--root[data-style-panel-layout~=circle] {
|
|
will-change: transform;
|
|
}
|
|
}
|
|
}
|
|
.filepond--panel-root {
|
|
border-radius: .5em;
|
|
background-color: #f1f0ef;
|
|
}
|
|
.filepond--panel {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
height: 100% !important;
|
|
pointer-events: none;
|
|
}
|
|
.filepond-panel:not([data-scalable=false]) {
|
|
height: auto !important;
|
|
}
|
|
.filepond--panel[data-scalable=false] > div {
|
|
display: none;
|
|
}
|
|
.filepond--panel[data-scalable=true] {
|
|
transform-style: preserve-3d;
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
.filepond--panel-bottom,
|
|
.filepond--panel-center,
|
|
.filepond--panel-top {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.filepond--panel-bottom,
|
|
.filepond--panel-top {
|
|
height: .5em;
|
|
}
|
|
.filepond--panel-top {
|
|
border-bottom-left-radius: 0 !important;
|
|
border-bottom-right-radius: 0 !important;
|
|
border-bottom: none !important;
|
|
}
|
|
.filepond--panel-top:after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 2px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -1px;
|
|
background-color: inherit;
|
|
}
|
|
.filepond--panel-bottom,
|
|
.filepond--panel-center {
|
|
will-change: transform;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform-origin: left top;
|
|
transform: translate3d(0, .5em, 0);
|
|
}
|
|
.filepond--panel-bottom {
|
|
border-top-left-radius: 0 !important;
|
|
border-top-right-radius: 0 !important;
|
|
border-top: none !important;
|
|
}
|
|
.filepond--panel-bottom:before {
|
|
content: "";
|
|
position: absolute;
|
|
height: 2px;
|
|
left: 0;
|
|
right: 0;
|
|
top: -1px;
|
|
background-color: inherit;
|
|
}
|
|
.filepond--panel-center {
|
|
height: 100px !important;
|
|
border-top: none !important;
|
|
border-bottom: none !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
.filepond--panel-center:not([style]) {
|
|
visibility: hidden;
|
|
}
|
|
.filepond--progress-indicator {
|
|
position: static;
|
|
width: 1.25em;
|
|
height: 1.25em;
|
|
color: #fff;
|
|
margin: 0;
|
|
pointer-events: none;
|
|
will-change: transform, opacity;
|
|
}
|
|
.filepond--progress-indicator svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
vertical-align: top;
|
|
transform-box: fill-box;
|
|
}
|
|
.filepond--progress-indicator path {
|
|
fill: none;
|
|
stroke: currentColor;
|
|
}
|
|
.filepond--list-scroller {
|
|
z-index: 6;
|
|
}
|
|
.filepond--drop-label {
|
|
z-index: 5;
|
|
}
|
|
.filepond--drip {
|
|
z-index: 3;
|
|
}
|
|
.filepond--root > .filepond--panel {
|
|
z-index: 2;
|
|
}
|
|
.filepond--browser {
|
|
z-index: 1;
|
|
}
|
|
.filepond--root {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
margin-bottom: 1em;
|
|
font-size: 1rem;
|
|
line-height: normal;
|
|
font-family:
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
Segoe UI,
|
|
Roboto,
|
|
Helvetica,
|
|
Arial,
|
|
sans-serif,
|
|
Apple Color Emoji,
|
|
Segoe UI Emoji,
|
|
Segoe UI Symbol;
|
|
font-weight: 450;
|
|
text-align: left;
|
|
text-rendering: optimizeLegibility;
|
|
direction: ltr;
|
|
contain: layout style size;
|
|
}
|
|
.filepond--root * {
|
|
box-sizing: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.filepond--root :not(text) {
|
|
font-size: inherit;
|
|
}
|
|
.filepond--root[data-disabled] {
|
|
pointer-events: none;
|
|
}
|
|
.filepond--root[data-disabled] .filepond--list-scroller {
|
|
pointer-events: all;
|
|
}
|
|
.filepond--root[data-disabled] .filepond--list {
|
|
pointer-events: none;
|
|
}
|
|
.filepond--root .filepond--drop-label {
|
|
min-height: 4.75em;
|
|
}
|
|
.filepond--root .filepond--list-scroller {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.filepond--root .filepond--credits {
|
|
position: absolute;
|
|
right: 0;
|
|
opacity: .175;
|
|
line-height: .85;
|
|
font-size: 11px;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
z-index: 3;
|
|
bottom: -14px;
|
|
}
|
|
.filepond--root .filepond--credits[style] {
|
|
top: 0;
|
|
bottom: auto;
|
|
margin-top: 14px;
|
|
}
|
|
/* node_modules/trix/dist/trix.css */
|
|
trix-editor {
|
|
border: 1px solid #bbb;
|
|
border-radius: 3px;
|
|
margin: 0;
|
|
padding: 0.4em 0.6em;
|
|
min-height: 5em;
|
|
outline: none;
|
|
}
|
|
trix-toolbar * {
|
|
box-sizing: border-box;
|
|
}
|
|
trix-toolbar .trix-button-row {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
overflow-x: auto;
|
|
}
|
|
trix-toolbar .trix-button-group {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
border: 1px solid #bbb;
|
|
border-top-color: #ccc;
|
|
border-bottom-color: #888;
|
|
border-radius: 3px;
|
|
}
|
|
trix-toolbar .trix-button-group:not(:first-child) {
|
|
margin-left: 1.5vw;
|
|
}
|
|
@media (max-device-width: 768px) {
|
|
trix-toolbar .trix-button-group:not(:first-child) {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
trix-toolbar .trix-button-group-spacer {
|
|
flex-grow: 1;
|
|
}
|
|
@media (max-device-width: 768px) {
|
|
trix-toolbar .trix-button-group-spacer {
|
|
display: none;
|
|
}
|
|
}
|
|
trix-toolbar .trix-button {
|
|
position: relative;
|
|
float: left;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
font-size: 0.75em;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
padding: 0 0.5em;
|
|
margin: 0;
|
|
outline: none;
|
|
border: none;
|
|
border-bottom: 1px solid #ddd;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
trix-toolbar .trix-button:not(:first-child) {
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
trix-toolbar .trix-button.trix-active {
|
|
background: #cbeefa;
|
|
color: black;
|
|
}
|
|
trix-toolbar .trix-button:not(:disabled) {
|
|
cursor: pointer;
|
|
}
|
|
trix-toolbar .trix-button:disabled {
|
|
color: rgba(0, 0, 0, 0.125);
|
|
}
|
|
@media (max-device-width: 768px) {
|
|
trix-toolbar .trix-button {
|
|
letter-spacing: -0.01em;
|
|
padding: 0 0.3em;
|
|
}
|
|
}
|
|
trix-toolbar .trix-button--icon {
|
|
font-size: inherit;
|
|
width: 2.6em;
|
|
height: 1.6em;
|
|
max-width: calc(0.8em + 4vw);
|
|
text-indent: -9999px;
|
|
}
|
|
@media (max-device-width: 768px) {
|
|
trix-toolbar .trix-button--icon {
|
|
height: 2em;
|
|
max-width: calc(0.8em + 3.5vw);
|
|
}
|
|
}
|
|
trix-toolbar .trix-button--icon::before {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0.6;
|
|
content: "";
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
@media (max-device-width: 768px) {
|
|
trix-toolbar .trix-button--icon::before {
|
|
right: 6%;
|
|
left: 6%;
|
|
}
|
|
}
|
|
trix-toolbar .trix-button--icon.trix-active::before {
|
|
opacity: 1;
|
|
}
|
|
trix-toolbar .trix-button--icon:disabled::before {
|
|
opacity: 0.125;
|
|
}
|
|
trix-toolbar .trix-button--icon-attach::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
|
|
top: 8%;
|
|
bottom: 4%;
|
|
}
|
|
trix-toolbar .trix-button--icon-bold::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-italic::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-link::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-strike::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-quote::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-heading-1::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-code::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-bullet-list::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-number-list::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-undo::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-redo::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-button--icon-increase-nesting-level::before {
|
|
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
|
|
}
|
|
trix-toolbar .trix-dialogs {
|
|
position: relative;
|
|
}
|
|
trix-toolbar .trix-dialog {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
font-size: 0.75em;
|
|
padding: 15px 10px;
|
|
background: #fff;
|
|
box-shadow: 0 0.3em 1em #ccc;
|
|
border-top: 2px solid #888;
|
|
border-radius: 5px;
|
|
z-index: 5;
|
|
}
|
|
trix-toolbar .trix-input--dialog {
|
|
font-size: inherit;
|
|
font-weight: normal;
|
|
padding: 0.5em 0.8em;
|
|
margin: 0 10px 0 0;
|
|
border-radius: 3px;
|
|
border: 1px solid #bbb;
|
|
background-color: #fff;
|
|
box-shadow: none;
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
}
|
|
trix-toolbar .trix-input--dialog.validate:invalid {
|
|
box-shadow: #F00 0px 0px 1.5px 1px;
|
|
}
|
|
trix-toolbar .trix-button--dialog {
|
|
font-size: inherit;
|
|
padding: 0.5em;
|
|
border-bottom: none;
|
|
}
|
|
trix-toolbar .trix-dialog--link {
|
|
max-width: 600px;
|
|
}
|
|
trix-toolbar .trix-dialog__link-fields {
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
trix-toolbar .trix-dialog__link-fields .trix-input {
|
|
flex: 1;
|
|
}
|
|
trix-toolbar .trix-dialog__link-fields .trix-button-group {
|
|
flex: 0 0 content;
|
|
margin: 0;
|
|
}
|
|
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
trix-editor [data-trix-mutable]::-moz-selection,
|
|
trix-editor [data-trix-cursor-target]::-moz-selection,
|
|
trix-editor [data-trix-mutable] ::-moz-selection {
|
|
background: none;
|
|
}
|
|
trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
|
|
background: none;
|
|
}
|
|
trix-editor [data-trix-mutable]::selection,
|
|
trix-editor [data-trix-cursor-target]::selection,
|
|
trix-editor [data-trix-mutable] ::selection {
|
|
background: none;
|
|
}
|
|
trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
|
|
background: highlight;
|
|
}
|
|
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
|
|
background: highlight;
|
|
}
|
|
trix-editor [data-trix-mutable].attachment.attachment--file {
|
|
box-shadow: 0 0 0 2px highlight;
|
|
border-color: transparent;
|
|
}
|
|
trix-editor [data-trix-mutable].attachment img {
|
|
box-shadow: 0 0 0 2px highlight;
|
|
}
|
|
trix-editor .attachment {
|
|
position: relative;
|
|
}
|
|
trix-editor .attachment:hover {
|
|
cursor: default;
|
|
}
|
|
trix-editor .attachment--preview .attachment__caption:hover {
|
|
cursor: text;
|
|
}
|
|
trix-editor .attachment__progress {
|
|
position: absolute;
|
|
z-index: 1;
|
|
height: 20px;
|
|
top: calc(50% - 10px);
|
|
left: 5%;
|
|
width: 90%;
|
|
opacity: 0.9;
|
|
transition: opacity 200ms ease-in;
|
|
}
|
|
trix-editor .attachment__progress[value="100"] {
|
|
opacity: 0;
|
|
}
|
|
trix-editor .attachment__caption-editor {
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
line-height: inherit;
|
|
color: inherit;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
border: none;
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
}
|
|
trix-editor .attachment__toolbar {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: -0.9em;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
trix-editor .trix-button-group {
|
|
display: inline-flex;
|
|
}
|
|
trix-editor .trix-button {
|
|
position: relative;
|
|
float: left;
|
|
color: #666;
|
|
white-space: nowrap;
|
|
font-size: 80%;
|
|
padding: 0 0.8em;
|
|
margin: 0;
|
|
outline: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
trix-editor .trix-button:not(:first-child) {
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
trix-editor .trix-button.trix-active {
|
|
background: #cbeefa;
|
|
}
|
|
trix-editor .trix-button:not(:disabled) {
|
|
cursor: pointer;
|
|
}
|
|
trix-editor .trix-button--remove {
|
|
text-indent: -9999px;
|
|
display: inline-block;
|
|
padding: 0;
|
|
outline: none;
|
|
width: 1.8em;
|
|
height: 1.8em;
|
|
line-height: 1.8em;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
border: 2px solid highlight;
|
|
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
|
|
}
|
|
trix-editor .trix-button--remove::before {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0.7;
|
|
content: "";
|
|
background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 90%;
|
|
}
|
|
trix-editor .trix-button--remove:hover {
|
|
border-color: #333;
|
|
}
|
|
trix-editor .trix-button--remove:hover::before {
|
|
opacity: 1;
|
|
}
|
|
trix-editor .attachment__metadata-container {
|
|
position: relative;
|
|
}
|
|
trix-editor .attachment__metadata {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 2em;
|
|
transform: translate(-50%, 0);
|
|
max-width: 90%;
|
|
padding: 0.1em 0.6em;
|
|
font-size: 0.8em;
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-radius: 3px;
|
|
}
|
|
trix-editor .attachment__metadata .attachment__name {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
vertical-align: bottom;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
trix-editor .attachment__metadata .attachment__size {
|
|
margin-left: 0.2em;
|
|
white-space: nowrap;
|
|
}
|
|
.trix-content {
|
|
line-height: 1.5;
|
|
}
|
|
.trix-content * {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.trix-content h1 {
|
|
font-size: 1.2em;
|
|
line-height: 1.2;
|
|
}
|
|
.trix-content blockquote {
|
|
border: 0 solid #ccc;
|
|
border-left-width: 0.3em;
|
|
margin-left: 0.3em;
|
|
padding-left: 0.6em;
|
|
}
|
|
.trix-content [dir=rtl] blockquote,
|
|
.trix-content blockquote[dir=rtl] {
|
|
border-width: 0;
|
|
border-right-width: 0.3em;
|
|
margin-right: 0.3em;
|
|
padding-right: 0.6em;
|
|
}
|
|
.trix-content li {
|
|
margin-left: 1em;
|
|
}
|
|
.trix-content [dir=rtl] li {
|
|
margin-right: 1em;
|
|
}
|
|
.trix-content pre {
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: top;
|
|
font-family: monospace;
|
|
font-size: 0.9em;
|
|
padding: 0.5em;
|
|
white-space: pre;
|
|
background-color: #eee;
|
|
overflow-x: auto;
|
|
}
|
|
.trix-content img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.trix-content .attachment {
|
|
display: inline-block;
|
|
position: relative;
|
|
max-width: 100%;
|
|
}
|
|
.trix-content .attachment a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.trix-content .attachment a:hover,
|
|
.trix-content .attachment a:visited:hover {
|
|
color: inherit;
|
|
}
|
|
.trix-content .attachment__caption {
|
|
text-align: center;
|
|
}
|
|
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
|
|
content: " \b7 ";
|
|
}
|
|
.trix-content .attachment--preview {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.trix-content .attachment--preview .attachment__caption {
|
|
color: #666;
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
}
|
|
.trix-content .attachment--file {
|
|
color: #333;
|
|
line-height: 1;
|
|
margin: 0 2px 2px 2px;
|
|
padding: 0.4em 1em;
|
|
border: 1px solid #bbb;
|
|
border-radius: 5px;
|
|
}
|
|
.trix-content .attachment-gallery {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
}
|
|
.trix-content .attachment-gallery .attachment {
|
|
flex: 1 0 33%;
|
|
padding: 0 0.5em;
|
|
max-width: 33%;
|
|
}
|
|
.trix-content .attachment-gallery.attachment-gallery--2 .attachment,
|
|
.trix-content .attachment-gallery.attachment-gallery--4 .attachment {
|
|
flex-basis: 50%;
|
|
max-width: 50%;
|
|
}
|
|
/* packages/forms/resources/css/components/color-picker.css */
|
|
.filament-forms-color-picker-preview {
|
|
background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
|
|
background-position: 0 0, 4px 4px;
|
|
background-size: 8px 8px;
|
|
}
|
|
.filament-forms-color-picker-preview::after{
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
content: "";
|
|
background: var(--color);
|
|
}
|
|
/* packages/forms/resources/css/components/file-upload.css */
|
|
.filepond--root{
|
|
margin-bottom: 0px;
|
|
overflow: hidden;
|
|
}
|
|
.filepond--panel-root{
|
|
border-radius: 0.5rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.filepond--drip-blob{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .filepond--drop-label{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.dark .filepond--panel-root{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.dark .filepond--drip-blob{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
}
|
|
.filepond--root[data-style-panel-layout=compact] .filepond--item{
|
|
margin-bottom: 0.125rem;
|
|
}
|
|
.filepond--root[data-style-panel-layout=compact] .filepond--drop-label label{
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.filepond--root[data-style-panel-layout=compact] .filepond--drop-label {
|
|
min-height: 2.625em;
|
|
}
|
|
.filepond--root[data-style-panel-layout=compact] .filepond--file {
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
.filepond--root[data-style-panel-layout=grid] .filepond--item {
|
|
width: calc(50% - 0.5em);
|
|
display: inline;
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.filepond--root[data-style-panel-layout=grid] .filepond--item {
|
|
width: calc(33.33% - 0.5em);
|
|
}
|
|
}
|
|
.filepond--download-icon{
|
|
pointer-events: auto;
|
|
margin-right: 0.25rem;
|
|
display: inline-block;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
vertical-align: bottom;
|
|
}
|
|
.filepond--download-icon:hover{
|
|
background-color: rgb(255 255 255 / 0.7);
|
|
}
|
|
.filepond--download-icon {
|
|
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==);
|
|
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==);
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
}
|
|
.filepond--open-icon{
|
|
pointer-events: auto;
|
|
margin-right: 0.25rem;
|
|
display: inline-block;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
vertical-align: bottom;
|
|
}
|
|
.filepond--open-icon:hover{
|
|
background-color: rgb(255 255 255 / 0.7);
|
|
}
|
|
.filepond--open-icon {
|
|
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==);
|
|
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==);
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
}
|
|
/* packages/forms/resources/css/components/rich-editor.css */
|
|
.dark .trix-button{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.dark .trix-button-group{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
}
|
|
/* packages/forms/resources/css/components/select.css */
|
|
.choices{
|
|
position: relative;
|
|
}
|
|
.choices:focus{
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
}
|
|
.choices:last-child{
|
|
margin-bottom: 0px;
|
|
}
|
|
.choices.is-open{
|
|
overflow: visible;
|
|
}
|
|
.choices.is-disabled .choices__inner,
|
|
.choices.is-disabled .choices__input{
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.choices.is-disabled .choices__item{
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
opacity: 0.7;
|
|
}
|
|
.choices [hidden] {
|
|
display: none !important;
|
|
}
|
|
.choices[data-type*=select-one]{
|
|
cursor: pointer;
|
|
}
|
|
.choices[data-type*=select-one] .choices__input{
|
|
margin: 0px;
|
|
display: block;
|
|
width: 100%;
|
|
border-bottom-width: 1px;
|
|
padding: 0.5rem;
|
|
}
|
|
.dark .choices[data-type*=select-one] .choices__input{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
}
|
|
.choices[data-type*=select-multiple] .choices__inner{
|
|
cursor: text;
|
|
}
|
|
.choices__inner{
|
|
display: inline-block;
|
|
width: 100%;
|
|
border-radius: 0.5rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
background-repeat: no-repeat;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
vertical-align: top;
|
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 75ms;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");
|
|
background-position: right 0.5rem center;
|
|
background-size: 1.5em 1.5em;
|
|
}
|
|
.dark .choices__inner{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
[dir=rtl] .choices__inner {
|
|
background-position: left 0.5rem center;
|
|
}
|
|
.is-focused .choices__inner,
|
|
.is-open .choices__inner{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(14 165 233 / var(--tw-border-opacity));
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
--tw-ring-inset: inset;
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
|
|
}
|
|
.choices__list{
|
|
margin: 0px;
|
|
list-style-type: none;
|
|
padding-left: 0px;
|
|
}
|
|
.choices__list--single{
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-right: 3rem;
|
|
}
|
|
[dir=rtl] .choices__list--single{
|
|
padding-left: 3rem;
|
|
padding-right: 0px;
|
|
}
|
|
.choices__list--single .choices__item{
|
|
width: 100%;
|
|
}
|
|
.choices__list--multiple{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.25rem;
|
|
padding-right: 1.5rem;
|
|
}
|
|
[dir=rtl] .choices__list--multiple{
|
|
padding-left: 1.5rem;
|
|
padding-right: 0px;
|
|
}
|
|
.choices__list--multiple:not(:empty){
|
|
margin-bottom: 0.25rem;
|
|
display: flex;
|
|
}
|
|
.choices__list--multiple .choices__item{
|
|
box-sizing: border-box;
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.5rem;
|
|
}
|
|
.choices__list--multiple .choices__item > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.choices__list--multiple .choices__item{
|
|
word-break: break-all;
|
|
border-radius: 0.5rem;
|
|
background-color: rgb(14 165 233 / 0.1);
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.125rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(3 105 161 / var(--tw-text-opacity));
|
|
}
|
|
.dark .choices__list--multiple .choices__item{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
[dir=rtl] .choices__list--multiple .choices__item > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 1;
|
|
}
|
|
[dir=rtl] .choices__list--multiple .choices__item{
|
|
overflow-wrap: normal;
|
|
word-break: normal;
|
|
}
|
|
.choices__list--dropdown,
|
|
.choices__list[aria-expanded]{
|
|
visibility: hidden;
|
|
position: absolute;
|
|
top: 100%;
|
|
z-index: 1;
|
|
margin-top: 0.5rem;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
border-radius: 0.5rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
will-change: visibility;
|
|
}
|
|
.dark .choices__list--dropdown,
|
|
.dark .choices__list[aria-expanded]{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
}
|
|
.is-active.choices__list--dropdown,
|
|
.is-active.choices__list[aria-expanded]{
|
|
visibility: visible;
|
|
z-index: 10;
|
|
}
|
|
.choices__list--dropdown .choices__list,
|
|
.choices__list[aria-expanded] .choices__list{
|
|
position: relative;
|
|
max-height: 15rem;
|
|
overflow: auto;
|
|
will-change: scroll-position;
|
|
}
|
|
.choices__list--dropdown .choices__item,
|
|
.choices__list[aria-expanded] .choices__item{
|
|
position: relative;
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
[dir=rtl] .choices__list--dropdown .choices__item,
|
|
[dir=rtl] .choices__list[aria-expanded] .choices__item{
|
|
text-align: right;
|
|
}
|
|
.choices__list--dropdown .choices__item--selectable.is-highlighted,
|
|
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(2 132 199 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
|
|
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{
|
|
opacity: 0.7;
|
|
}
|
|
.choices__item{
|
|
cursor: default;
|
|
}
|
|
.choices__item--selectable{
|
|
cursor: pointer;
|
|
}
|
|
.choices__item--disabled{
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
opacity: 0.7;
|
|
}
|
|
.choices__placeholder{
|
|
opacity: 0.7;
|
|
}
|
|
.choices__button{
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border-width: 0px;
|
|
background-color: transparent;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
text-indent: -9999px;
|
|
}
|
|
.choices__button:focus{
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
}
|
|
.choices[data-type*=select-one] .choices__button{
|
|
position: absolute;
|
|
right: 0px;
|
|
margin-right: 2.25rem;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
padding: 0px;
|
|
opacity: 0.6;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
|
background-size: 0.7em 0.7em;
|
|
top: calc(50% - 0.55em);
|
|
}
|
|
.dark .choices[data-type*=select-one] .choices__button{
|
|
opacity: 0.3;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
|
}
|
|
[dir=rtl] .choices[data-type*=select-one] .choices__button{
|
|
left: 0px;
|
|
right: auto;
|
|
margin-left: 2.25rem;
|
|
margin-right: 0px;
|
|
}
|
|
.choices[data-type*=select-one] .choices__button:hover,
|
|
.choices[data-type*=select-one] .choices__button:focus{
|
|
opacity: 0.75;
|
|
}
|
|
.dark .choices[data-type*=select-one] .choices__button:hover,
|
|
.dark .choices[data-type*=select-one] .choices__button:focus{
|
|
opacity: 0.6;
|
|
}
|
|
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{
|
|
display: none;
|
|
}
|
|
.choices[data-type*=select-multiple] .choices__button{
|
|
display: inline-block;
|
|
height: 0.75rem;
|
|
width: 0.75rem;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(3 105 161 / var(--tw-text-opacity));
|
|
opacity: 0.6;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
|
background-size: 0.6em 0.6em;
|
|
}
|
|
.dark .choices[data-type*=select-multiple] .choices__button{
|
|
opacity: 0.75;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
|
}
|
|
.choices[data-type*=select-multiple] .choices__button:hover,
|
|
.choices[data-type*=select-multiple] .choices__button:focus{
|
|
opacity: 0.75;
|
|
}
|
|
.dark .choices[data-type*=select-multiple] .choices__button:hover,
|
|
.dark .choices[data-type*=select-multiple] .choices__button:focus{
|
|
opacity: 1;
|
|
}
|
|
.choices__list--dropdown .choices__input {
|
|
padding: 0.5rem 0.75rem !important;
|
|
border-top-width: 0 !important;
|
|
border-left-width: 0 !important;
|
|
border-bottom-width: 1px !important;
|
|
border-right-width: 0 !important;
|
|
border-color: rgb(209 213 219) !important;
|
|
}
|
|
.dark .choices__list--dropdown .choices__input::-moz-placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-placeholder-opacity));
|
|
}
|
|
.dark .choices__list--dropdown .choices__input::placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-placeholder-opacity));
|
|
}
|
|
.dark .choices__list--dropdown .choices__input {
|
|
border-color: rgb(75 85 99) !important;
|
|
}
|
|
.choices__input{
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
border-style: none;
|
|
border-color: transparent !important;
|
|
background-color: transparent !important;
|
|
padding: 0 !important;
|
|
}
|
|
.choices__input:focus {
|
|
outline-color: transparent !important;
|
|
box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
|
|
}
|
|
.choices__input::-webkit-search-decoration,
|
|
.choices__input::-webkit-search-cancel-button,
|
|
.choices__input::-webkit-search-results-button,
|
|
.choices__input::-webkit-search-results-decoration{
|
|
display: none;
|
|
}
|
|
.choices__input::-ms-clear,
|
|
.choices__input::-ms-reveal{
|
|
display: none;
|
|
height: 0px;
|
|
width: 0px;
|
|
}
|
|
/* packages/forms/resources/css/components/tags-input.css */
|
|
.webkit-calendar-picker-indicator\:opacity-0::-webkit-calendar-picker-indicator{
|
|
opacity: 0;
|
|
}
|
|
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
|
|
[data-tippy-root]{max-width:calc(100vw - 10px)}
|
|
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
|
|
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
|
|
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}
|
|
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
|
|
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}
|
|
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
|
|
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}
|
|
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
|
|
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}
|
|
.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
|
|
.tippy-arrow{width:16px;height:16px;color:#333}
|
|
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
|
|
.tippy-content{position:relative;padding:5px 9px;z-index:1}
|
|
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}
|
|
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}
|
|
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}
|
|
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}
|
|
.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}
|
|
.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}
|
|
.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
/* ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */
|
|
/*
|
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
*/
|
|
*,
|
|
::before,
|
|
::after {
|
|
box-sizing: border-box; /* 1 */
|
|
border-width: 0; /* 2 */
|
|
border-style: solid; /* 2 */
|
|
border-color: #e5e7eb; /* 2 */
|
|
}
|
|
::before,
|
|
::after {
|
|
--tw-content: '';
|
|
}
|
|
/*
|
|
1. Use a consistent sensible line-height in all browsers.
|
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
3. Use a more readable tab size.
|
|
4. Use the user's configured `sans` font-family by default.
|
|
*/
|
|
html {
|
|
line-height: 1.5; /* 1 */
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
-moz-tab-size: 4; /* 3 */
|
|
-o-tab-size: 4;
|
|
tab-size: 4; /* 3 */
|
|
font-family: "DM Sans", system-ui; /* 4 */
|
|
}
|
|
/*
|
|
1. Remove the margin in all browsers.
|
|
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
*/
|
|
body {
|
|
margin: 0; /* 1 */
|
|
line-height: inherit; /* 2 */
|
|
}
|
|
/*
|
|
1. Add the correct height in Firefox.
|
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
3. Ensure horizontal rules are visible by default.
|
|
*/
|
|
hr {
|
|
height: 0; /* 1 */
|
|
color: inherit; /* 2 */
|
|
border-top-width: 1px; /* 3 */
|
|
}
|
|
/*
|
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
*/
|
|
abbr:where([title]) {
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
}
|
|
/*
|
|
Remove the default font size and weight for headings.
|
|
*/
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
/*
|
|
Reset links to optimize for opt-in styling instead of opt-out.
|
|
*/
|
|
a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
/*
|
|
Add the correct font weight in Edge and Safari.
|
|
*/
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
/*
|
|
1. Use the user's configured `mono` font family by default.
|
|
2. Correct the odd `em` font sizing in all browsers.
|
|
*/
|
|
code,
|
|
kbd,
|
|
samp,
|
|
pre {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
|
font-size: 1em; /* 2 */
|
|
}
|
|
/*
|
|
Add the correct font size in all browsers.
|
|
*/
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
/*
|
|
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
*/
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
/*
|
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
3. Remove gaps between table borders by default.
|
|
*/
|
|
table {
|
|
text-indent: 0; /* 1 */
|
|
border-color: inherit; /* 2 */
|
|
border-collapse: collapse; /* 3 */
|
|
}
|
|
/*
|
|
1. Change the font styles in all browsers.
|
|
2. Remove the margin in Firefox and Safari.
|
|
3. Remove default padding in all browsers.
|
|
*/
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: inherit; /* 1 */
|
|
font-size: 100%; /* 1 */
|
|
font-weight: inherit; /* 1 */
|
|
line-height: inherit; /* 1 */
|
|
color: inherit; /* 1 */
|
|
margin: 0; /* 2 */
|
|
padding: 0; /* 3 */
|
|
}
|
|
/*
|
|
Remove the inheritance of text transform in Edge and Firefox.
|
|
*/
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
/*
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
|
2. Remove default button styles.
|
|
*/
|
|
button,
|
|
[type='button'],
|
|
[type='reset'],
|
|
[type='submit'] {
|
|
-webkit-appearance: button; /* 1 */
|
|
background-color: transparent; /* 2 */
|
|
background-image: none; /* 2 */
|
|
}
|
|
/*
|
|
Use the modern Firefox focus style for all focusable elements.
|
|
*/
|
|
:-moz-focusring {
|
|
outline: auto;
|
|
}
|
|
/*
|
|
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
*/
|
|
:-moz-ui-invalid {
|
|
box-shadow: none;
|
|
}
|
|
/*
|
|
Add the correct vertical alignment in Chrome and Firefox.
|
|
*/
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
/*
|
|
Correct the cursor style of increment and decrement buttons in Safari.
|
|
*/
|
|
::-webkit-inner-spin-button,
|
|
::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
/*
|
|
1. Correct the odd appearance in Chrome and Safari.
|
|
2. Correct the outline style in Safari.
|
|
*/
|
|
[type='search'] {
|
|
-webkit-appearance: textfield; /* 1 */
|
|
outline-offset: -2px; /* 2 */
|
|
}
|
|
/*
|
|
Remove the inner padding in Chrome and Safari on macOS.
|
|
*/
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
/*
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
|
2. Change font properties to `inherit` in Safari.
|
|
*/
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button; /* 1 */
|
|
font: inherit; /* 2 */
|
|
}
|
|
/*
|
|
Add the correct display in Chrome and Safari.
|
|
*/
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
/*
|
|
Removes the default spacing and border for appropriate elements.
|
|
*/
|
|
blockquote,
|
|
dl,
|
|
dd,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
hr,
|
|
figure,
|
|
p,
|
|
pre {
|
|
margin: 0;
|
|
}
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
legend {
|
|
padding: 0;
|
|
}
|
|
ol,
|
|
ul,
|
|
menu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
/*
|
|
Prevent resizing textareas horizontally by default.
|
|
*/
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
/*
|
|
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
*/
|
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
opacity: 1; /* 1 */
|
|
color: #9ca3af; /* 2 */
|
|
}
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
opacity: 1; /* 1 */
|
|
color: #9ca3af; /* 2 */
|
|
}
|
|
/*
|
|
Set the default cursor for buttons.
|
|
*/
|
|
button,
|
|
[role="button"] {
|
|
cursor: pointer;
|
|
}
|
|
/*
|
|
Make sure disabled buttons don't get the pointer cursor.
|
|
*/
|
|
:disabled {
|
|
cursor: default;
|
|
}
|
|
/*
|
|
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
*/
|
|
img,
|
|
svg,
|
|
video,
|
|
canvas,
|
|
audio,
|
|
iframe,
|
|
embed,
|
|
object {
|
|
display: block; /* 1 */
|
|
vertical-align: middle; /* 2 */
|
|
}
|
|
/*
|
|
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
*/
|
|
img,
|
|
video {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
[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;
|
|
--tw-shadow: 0 0 #0000;
|
|
}
|
|
[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);
|
|
border-color: #2563eb;
|
|
}
|
|
input::-moz-placeholder, textarea::-moz-placeholder{
|
|
color: #6b7280;
|
|
opacity: 1;
|
|
}
|
|
input::placeholder,textarea::placeholder{
|
|
color: #6b7280;
|
|
opacity: 1;
|
|
}
|
|
::-webkit-datetime-edit-fields-wrapper{
|
|
padding: 0;
|
|
}
|
|
::-webkit-date-and-time-value{
|
|
min-height: 1.5em;
|
|
}
|
|
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
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;
|
|
}
|
|
[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;
|
|
}
|
|
[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;
|
|
user-select: none;
|
|
flex-shrink: 0;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
color: #2563eb;
|
|
background-color: #fff;
|
|
border-color: #6b7280;
|
|
border-width: 1px;
|
|
--tw-shadow: 0 0 #0000;
|
|
}
|
|
[type='checkbox']{
|
|
border-radius: 0px;
|
|
}
|
|
[type='radio']{
|
|
border-radius: 100%;
|
|
}
|
|
[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);
|
|
}
|
|
[type='checkbox']:checked,[type='radio']:checked{
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
[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");
|
|
}
|
|
[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");
|
|
}
|
|
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
}
|
|
[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;
|
|
}
|
|
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
|
|
border-color: transparent;
|
|
background-color: currentColor;
|
|
}
|
|
[type='file']{
|
|
background: unset;
|
|
border-color: inherit;
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
font-size: unset;
|
|
line-height: inherit;
|
|
}
|
|
[type='file']:focus{
|
|
outline: 1px auto -webkit-focus-ring-color;
|
|
}
|
|
html {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
:root.dark {
|
|
color-scheme: dark;
|
|
}
|
|
[dir='rtl'] select {
|
|
background-position: left 0.5rem center !important;
|
|
padding-left: 2.5rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
*, ::before, ::after{
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
::-webkit-backdrop{
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
::backdrop{
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
.prose{
|
|
color: var(--tw-prose-body);
|
|
max-width: 65ch;
|
|
}
|
|
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-lead);
|
|
font-size: 1.25em;
|
|
line-height: 1.6;
|
|
margin-top: 1.2em;
|
|
margin-bottom: 1.2em;
|
|
}
|
|
.prose :where(a):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-links);
|
|
text-decoration: underline;
|
|
font-weight: 500;
|
|
}
|
|
.prose :where(strong):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-bold);
|
|
font-weight: 600;
|
|
}
|
|
.prose :where(a strong):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(thead th strong):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(ol):not(:where([class~="not-prose"] *)){
|
|
list-style-type: decimal;
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
padding-left: 1.625em;
|
|
}
|
|
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: upper-alpha;
|
|
}
|
|
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: lower-alpha;
|
|
}
|
|
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: upper-alpha;
|
|
}
|
|
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: lower-alpha;
|
|
}
|
|
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: upper-roman;
|
|
}
|
|
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: lower-roman;
|
|
}
|
|
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: upper-roman;
|
|
}
|
|
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: lower-roman;
|
|
}
|
|
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
|
|
list-style-type: decimal;
|
|
}
|
|
.prose :where(ul):not(:where([class~="not-prose"] *)){
|
|
list-style-type: disc;
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
padding-left: 1.625em;
|
|
}
|
|
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
|
|
font-weight: 400;
|
|
color: var(--tw-prose-counters);
|
|
}
|
|
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
|
|
color: var(--tw-prose-bullets);
|
|
}
|
|
.prose :where(hr):not(:where([class~="not-prose"] *)){
|
|
border-color: var(--tw-prose-hr);
|
|
border-top-width: 1px;
|
|
margin-top: 3em;
|
|
margin-bottom: 3em;
|
|
}
|
|
.prose :where(blockquote):not(:where([class~="not-prose"] *)){
|
|
font-weight: 500;
|
|
font-style: italic;
|
|
color: var(--tw-prose-quotes);
|
|
border-left-width: 0.25rem;
|
|
border-left-color: var(--tw-prose-quote-borders);
|
|
quotes: "\201C""\201D""\2018""\2019";
|
|
margin-top: 1.6em;
|
|
margin-bottom: 1.6em;
|
|
padding-left: 1em;
|
|
}
|
|
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
|
|
content: open-quote;
|
|
}
|
|
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
|
|
content: close-quote;
|
|
}
|
|
.prose :where(h1):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 800;
|
|
font-size: 2.25em;
|
|
margin-top: 0;
|
|
margin-bottom: 0.8888889em;
|
|
line-height: 1.1111111;
|
|
}
|
|
.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
|
|
font-weight: 900;
|
|
color: inherit;
|
|
}
|
|
.prose :where(h2):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 700;
|
|
font-size: 1.5em;
|
|
margin-top: 2em;
|
|
margin-bottom: 1em;
|
|
line-height: 1.3333333;
|
|
}
|
|
.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
|
|
font-weight: 800;
|
|
color: inherit;
|
|
}
|
|
.prose :where(h3):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
font-size: 1.25em;
|
|
margin-top: 1.6em;
|
|
margin-bottom: 0.6em;
|
|
line-height: 1.6;
|
|
}
|
|
.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
|
|
font-weight: 700;
|
|
color: inherit;
|
|
}
|
|
.prose :where(h4):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
margin-top: 1.5em;
|
|
margin-bottom: 0.5em;
|
|
line-height: 1.5;
|
|
}
|
|
.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
|
|
font-weight: 700;
|
|
color: inherit;
|
|
}
|
|
.prose :where(img):not(:where([class~="not-prose"] *)){
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
.prose :where(figure > *):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.prose :where(figcaption):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-captions);
|
|
font-size: 0.875em;
|
|
line-height: 1.4285714;
|
|
margin-top: 0.8571429em;
|
|
}
|
|
.prose :where(code):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-code);
|
|
font-weight: 600;
|
|
font-size: 0.875em;
|
|
}
|
|
.prose :where(code):not(:where([class~="not-prose"] *))::before{
|
|
content: "`";
|
|
}
|
|
.prose :where(code):not(:where([class~="not-prose"] *))::after{
|
|
content: "`";
|
|
}
|
|
.prose :where(a code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(h1 code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(h2 code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
font-size: 0.875em;
|
|
}
|
|
.prose :where(h3 code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
font-size: 0.9em;
|
|
}
|
|
.prose :where(h4 code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(blockquote code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(thead th code):not(:where([class~="not-prose"] *)){
|
|
color: inherit;
|
|
}
|
|
.prose :where(pre):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-pre-code);
|
|
background-color: var(--tw-prose-pre-bg);
|
|
overflow-x: auto;
|
|
font-weight: 400;
|
|
font-size: 0.875em;
|
|
line-height: 1.7142857;
|
|
margin-top: 1.7142857em;
|
|
margin-bottom: 1.7142857em;
|
|
border-radius: 0.375rem;
|
|
padding-top: 0.8571429em;
|
|
padding-right: 1.1428571em;
|
|
padding-bottom: 0.8571429em;
|
|
padding-left: 1.1428571em;
|
|
}
|
|
.prose :where(pre code):not(:where([class~="not-prose"] *)){
|
|
background-color: transparent;
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
font-weight: inherit;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
|
|
content: none;
|
|
}
|
|
.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
|
|
content: none;
|
|
}
|
|
.prose :where(table):not(:where([class~="not-prose"] *)){
|
|
width: 100%;
|
|
table-layout: auto;
|
|
text-align: left;
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
font-size: 0.875em;
|
|
line-height: 1.7142857;
|
|
}
|
|
.prose :where(thead):not(:where([class~="not-prose"] *)){
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--tw-prose-th-borders);
|
|
}
|
|
.prose :where(thead th):not(:where([class~="not-prose"] *)){
|
|
color: var(--tw-prose-headings);
|
|
font-weight: 600;
|
|
vertical-align: bottom;
|
|
padding-right: 0.5714286em;
|
|
padding-bottom: 0.5714286em;
|
|
padding-left: 0.5714286em;
|
|
}
|
|
.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--tw-prose-td-borders);
|
|
}
|
|
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
|
|
border-bottom-width: 0;
|
|
}
|
|
.prose :where(tbody td):not(:where([class~="not-prose"] *)){
|
|
vertical-align: baseline;
|
|
}
|
|
.prose :where(tfoot):not(:where([class~="not-prose"] *)){
|
|
border-top-width: 1px;
|
|
border-top-color: var(--tw-prose-th-borders);
|
|
}
|
|
.prose :where(tfoot td):not(:where([class~="not-prose"] *)){
|
|
vertical-align: top;
|
|
}
|
|
.prose{
|
|
--tw-prose-body: #374151;
|
|
--tw-prose-headings: #111827;
|
|
--tw-prose-lead: #4b5563;
|
|
--tw-prose-links: #111827;
|
|
--tw-prose-bold: #111827;
|
|
--tw-prose-counters: #6b7280;
|
|
--tw-prose-bullets: #d1d5db;
|
|
--tw-prose-hr: #e5e7eb;
|
|
--tw-prose-quotes: #111827;
|
|
--tw-prose-quote-borders: #e5e7eb;
|
|
--tw-prose-captions: #6b7280;
|
|
--tw-prose-code: #111827;
|
|
--tw-prose-pre-code: #e5e7eb;
|
|
--tw-prose-pre-bg: #1f2937;
|
|
--tw-prose-th-borders: #d1d5db;
|
|
--tw-prose-td-borders: #e5e7eb;
|
|
--tw-prose-invert-body: #d1d5db;
|
|
--tw-prose-invert-headings: #fff;
|
|
--tw-prose-invert-lead: #9ca3af;
|
|
--tw-prose-invert-links: #fff;
|
|
--tw-prose-invert-bold: #fff;
|
|
--tw-prose-invert-counters: #9ca3af;
|
|
--tw-prose-invert-bullets: #4b5563;
|
|
--tw-prose-invert-hr: #374151;
|
|
--tw-prose-invert-quotes: #f3f4f6;
|
|
--tw-prose-invert-quote-borders: #374151;
|
|
--tw-prose-invert-captions: #9ca3af;
|
|
--tw-prose-invert-code: #fff;
|
|
--tw-prose-invert-pre-code: #d1d5db;
|
|
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
|
|
--tw-prose-invert-th-borders: #4b5563;
|
|
--tw-prose-invert-td-borders: #374151;
|
|
font-size: 1rem;
|
|
line-height: 1.75;
|
|
}
|
|
.prose :where(p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.prose :where(video):not(:where([class~="not-prose"] *)){
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
.prose :where(figure):not(:where([class~="not-prose"] *)){
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
.prose :where(li):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.prose :where(ol > li):not(:where([class~="not-prose"] *)){
|
|
padding-left: 0.375em;
|
|
}
|
|
.prose :where(ul > li):not(:where([class~="not-prose"] *)){
|
|
padding-left: 0.375em;
|
|
}
|
|
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.25em;
|
|
}
|
|
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.25em;
|
|
}
|
|
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
.prose :where(hr + *):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
|
|
padding-left: 0;
|
|
}
|
|
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
|
|
padding-right: 0;
|
|
}
|
|
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
|
|
padding-top: 0.5714286em;
|
|
padding-right: 0.5714286em;
|
|
padding-bottom: 0.5714286em;
|
|
padding-left: 0.5714286em;
|
|
}
|
|
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
|
|
padding-left: 0;
|
|
}
|
|
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
|
|
padding-right: 0;
|
|
}
|
|
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 0;
|
|
}
|
|
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.5714286em;
|
|
margin-bottom: 0.5714286em;
|
|
}
|
|
.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.1428571em;
|
|
}
|
|
.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.1428571em;
|
|
}
|
|
.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.1428571em;
|
|
}
|
|
.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.1428571em;
|
|
}
|
|
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 0;
|
|
}
|
|
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.25em;
|
|
}
|
|
.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.25em;
|
|
}
|
|
.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 0;
|
|
}
|
|
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.8888889em;
|
|
margin-bottom: 0.8888889em;
|
|
}
|
|
.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.3333333em;
|
|
}
|
|
.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.3333333em;
|
|
}
|
|
.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.3333333em;
|
|
}
|
|
.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.3333333em;
|
|
}
|
|
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 0;
|
|
}
|
|
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.8em;
|
|
margin-bottom: 0.8em;
|
|
}
|
|
.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.2em;
|
|
}
|
|
.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.2em;
|
|
}
|
|
.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.2em;
|
|
}
|
|
.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.2em;
|
|
}
|
|
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 0;
|
|
}
|
|
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0.8333333em;
|
|
margin-bottom: 0.8333333em;
|
|
}
|
|
.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.3333333em;
|
|
}
|
|
.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.3333333em;
|
|
}
|
|
.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 1.3333333em;
|
|
}
|
|
.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 1.3333333em;
|
|
}
|
|
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
|
|
margin-top: 0;
|
|
}
|
|
.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
|
|
margin-bottom: 0;
|
|
}
|
|
.filament-login-page{
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-image: radial-gradient(
|
|
circle at top,
|
|
#e0f2fe,
|
|
#fff 50%
|
|
);
|
|
}
|
|
.dark .filament-login-page {
|
|
background-image: radial-gradient(
|
|
circle at top,
|
|
#075985,
|
|
#1f2937,
|
|
#111827 100%
|
|
);
|
|
}
|
|
.filament-login-page form::before{
|
|
position: absolute;
|
|
left: 0px;
|
|
right: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 1px;
|
|
width: 66.666667%;
|
|
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
--tw-gradient-from: #e5e7eb;
|
|
--tw-gradient-to: rgb(229 231 235 / 0);
|
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
--tw-gradient-to: rgb(56 189 248 / 0);
|
|
--tw-gradient-stops: var(--tw-gradient-from), #38bdf8, var(--tw-gradient-to);
|
|
--tw-gradient-to: #e5e7eb;
|
|
}
|
|
.dark .filament-login-page form::before{
|
|
--tw-gradient-from: #374151;
|
|
--tw-gradient-to: rgb(55 65 81 / 0);
|
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
--tw-gradient-to: rgb(56 189 248 / 0);
|
|
--tw-gradient-stops: var(--tw-gradient-from), #38bdf8, var(--tw-gradient-to);
|
|
--tw-gradient-to: #374151;
|
|
}
|
|
.filament-login-page form::before {
|
|
content: '';
|
|
z-index: 1;
|
|
top: -1px;
|
|
}
|
|
.sr-only{
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
border-width: 0;
|
|
}
|
|
.pointer-events-none{
|
|
pointer-events: none;
|
|
}
|
|
.pointer-events-auto{
|
|
pointer-events: auto;
|
|
}
|
|
.visible{
|
|
visibility: visible;
|
|
}
|
|
.invisible{
|
|
visibility: hidden;
|
|
}
|
|
.static{
|
|
position: static;
|
|
}
|
|
.fixed{
|
|
position: fixed;
|
|
}
|
|
.absolute{
|
|
position: absolute;
|
|
}
|
|
.relative{
|
|
position: relative;
|
|
}
|
|
.sticky{
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
}
|
|
.inset-4{
|
|
top: 1rem;
|
|
right: 1rem;
|
|
bottom: 1rem;
|
|
left: 1rem;
|
|
}
|
|
.inset-0{
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
}
|
|
.inset-x-0{
|
|
left: 0px;
|
|
right: 0px;
|
|
}
|
|
.inset-y-0{
|
|
top: 0px;
|
|
bottom: 0px;
|
|
}
|
|
.right-0{
|
|
right: 0px;
|
|
}
|
|
.bottom-0{
|
|
bottom: 0px;
|
|
}
|
|
.top-0{
|
|
top: 0px;
|
|
}
|
|
.left-0{
|
|
left: 0px;
|
|
}
|
|
.-top-0\.5{
|
|
top: -0.125rem;
|
|
}
|
|
.-right-0\.5{
|
|
right: -0.125rem;
|
|
}
|
|
.-top-0{
|
|
top: -0px;
|
|
}
|
|
.-right-0{
|
|
right: -0px;
|
|
}
|
|
.top-auto{
|
|
top: auto;
|
|
}
|
|
.top-2{
|
|
top: 0.5rem;
|
|
}
|
|
.right-2{
|
|
right: 0.5rem;
|
|
}
|
|
.z-50{
|
|
z-index: 50;
|
|
}
|
|
.z-10{
|
|
z-index: 10;
|
|
}
|
|
.z-20{
|
|
z-index: 20;
|
|
}
|
|
.z-40{
|
|
z-index: 40;
|
|
}
|
|
.col-span-1{
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
.col-span-2{
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.col-span-3{
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.col-span-4{
|
|
grid-column: span 4 / span 4;
|
|
}
|
|
.col-span-5{
|
|
grid-column: span 5 / span 5;
|
|
}
|
|
.col-span-6{
|
|
grid-column: span 6 / span 6;
|
|
}
|
|
.col-span-7{
|
|
grid-column: span 7 / span 7;
|
|
}
|
|
.col-span-8{
|
|
grid-column: span 8 / span 8;
|
|
}
|
|
.col-span-9{
|
|
grid-column: span 9 / span 9;
|
|
}
|
|
.col-span-10{
|
|
grid-column: span 10 / span 10;
|
|
}
|
|
.col-span-11{
|
|
grid-column: span 11 / span 11;
|
|
}
|
|
.col-span-12{
|
|
grid-column: span 12 / span 12;
|
|
}
|
|
.col-span-full{
|
|
grid-column: 1 / -1;
|
|
}
|
|
.\!m-0{
|
|
margin: 0px !important;
|
|
}
|
|
.mx-auto{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.my-1{
|
|
margin-top: 0.25rem;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.-my-1{
|
|
margin-top: -0.25rem;
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.-my-2{
|
|
margin-top: -0.5rem;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.my-auto{
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.-my-3{
|
|
margin-top: -0.75rem;
|
|
margin-bottom: -0.75rem;
|
|
}
|
|
.my-6{
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.-mx-6{
|
|
margin-left: -1.5rem;
|
|
margin-right: -1.5rem;
|
|
}
|
|
.-mx-3{
|
|
margin-left: -0.75rem;
|
|
margin-right: -0.75rem;
|
|
}
|
|
.mt-4{
|
|
margin-top: 1rem;
|
|
}
|
|
.mt-8{
|
|
margin-top: 2rem;
|
|
}
|
|
.ml-6{
|
|
margin-left: 1.5rem;
|
|
}
|
|
.mt-2{
|
|
margin-top: 0.5rem;
|
|
}
|
|
.mb-2{
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.mb-6{
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.-mb-12{
|
|
margin-bottom: -3rem;
|
|
}
|
|
.-ml-2{
|
|
margin-left: -0.5rem;
|
|
}
|
|
.ml-auto{
|
|
margin-left: auto;
|
|
}
|
|
.mt-1{
|
|
margin-top: 0.25rem;
|
|
}
|
|
.mr-1{
|
|
margin-right: 0.25rem;
|
|
}
|
|
.mr-2{
|
|
margin-right: 0.5rem;
|
|
}
|
|
.-ml-3{
|
|
margin-left: -0.75rem;
|
|
}
|
|
.-ml-1\.5{
|
|
margin-left: -0.375rem;
|
|
}
|
|
.-ml-1{
|
|
margin-left: -0.25rem;
|
|
}
|
|
.ml-1{
|
|
margin-left: 0.25rem;
|
|
}
|
|
.-mr-2{
|
|
margin-right: -0.5rem;
|
|
}
|
|
.ml-2{
|
|
margin-left: 0.5rem;
|
|
}
|
|
.-mr-3{
|
|
margin-right: -0.75rem;
|
|
}
|
|
.-mr-1\.5{
|
|
margin-right: -0.375rem;
|
|
}
|
|
.-mr-1{
|
|
margin-right: -0.25rem;
|
|
}
|
|
.ml-4{
|
|
margin-left: 1rem;
|
|
}
|
|
.ml-0\.5{
|
|
margin-left: 0.125rem;
|
|
}
|
|
.ml-0{
|
|
margin-left: 0px;
|
|
}
|
|
.mr-3{
|
|
margin-right: 0.75rem;
|
|
}
|
|
.-mt-16{
|
|
margin-top: -4rem;
|
|
}
|
|
.-mb-1\.5{
|
|
margin-bottom: -0.375rem;
|
|
}
|
|
.-mt-0\.5{
|
|
margin-top: -0.125rem;
|
|
}
|
|
.-mb-1{
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.-mt-0{
|
|
margin-top: -0px;
|
|
}
|
|
.mt-\[calc\(-1rem-1px\)\]{
|
|
margin-top: calc(-1rem - 1px);
|
|
}
|
|
.-mb-px{
|
|
margin-bottom: -1px;
|
|
}
|
|
.-mr-6{
|
|
margin-right: -1.5rem;
|
|
}
|
|
.block{
|
|
display: block;
|
|
}
|
|
.inline-block{
|
|
display: inline-block;
|
|
}
|
|
.inline{
|
|
display: inline;
|
|
}
|
|
.flex{
|
|
display: flex;
|
|
}
|
|
.inline-flex{
|
|
display: inline-flex;
|
|
}
|
|
.table{
|
|
display: table;
|
|
}
|
|
.grid{
|
|
display: grid;
|
|
}
|
|
.hidden{
|
|
display: none;
|
|
}
|
|
.h-8{
|
|
height: 2rem;
|
|
}
|
|
.h-14{
|
|
height: 3.5rem;
|
|
}
|
|
.h-10{
|
|
height: 2.5rem;
|
|
}
|
|
.h-12{
|
|
height: 3rem;
|
|
}
|
|
.h-6{
|
|
height: 1.5rem;
|
|
}
|
|
.h-16{
|
|
height: 4rem;
|
|
}
|
|
.h-4{
|
|
height: 1rem;
|
|
}
|
|
.h-5{
|
|
height: 1.25rem;
|
|
}
|
|
.h-7{
|
|
height: 1.75rem;
|
|
}
|
|
.h-full{
|
|
height: 100%;
|
|
}
|
|
.h-0{
|
|
height: 0px;
|
|
}
|
|
.h-3{
|
|
height: 0.75rem;
|
|
}
|
|
.h-9{
|
|
height: 2.25rem;
|
|
}
|
|
.h-screen{
|
|
height: 100vh;
|
|
}
|
|
.h-\[4rem\]{
|
|
height: 4rem;
|
|
}
|
|
.max-h-96{
|
|
max-height: 24rem;
|
|
}
|
|
.min-h-full{
|
|
min-height: 100%;
|
|
}
|
|
.min-h-\[40px\]{
|
|
min-height: 40px;
|
|
}
|
|
.min-h-\[56px\]{
|
|
min-height: 56px;
|
|
}
|
|
.min-h-\[2\.25rem\]{
|
|
min-height: 2.25rem;
|
|
}
|
|
.min-h-\[2rem\]{
|
|
min-height: 2rem;
|
|
}
|
|
.min-h-\[2\.75rem\]{
|
|
min-height: 2.75rem;
|
|
}
|
|
.min-h-screen{
|
|
min-height: 100vh;
|
|
}
|
|
.w-full{
|
|
width: 100%;
|
|
}
|
|
.w-8{
|
|
width: 2rem;
|
|
}
|
|
.w-5{
|
|
width: 1.25rem;
|
|
}
|
|
.w-24{
|
|
width: 6rem;
|
|
}
|
|
.w-10{
|
|
width: 2.5rem;
|
|
}
|
|
.w-16{
|
|
width: 4rem;
|
|
}
|
|
.w-4{
|
|
width: 1rem;
|
|
}
|
|
.w-7{
|
|
width: 1.75rem;
|
|
}
|
|
.w-fit{
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
}
|
|
.w-20{
|
|
width: 5rem;
|
|
}
|
|
.w-32{
|
|
width: 8rem;
|
|
}
|
|
.w-12{
|
|
width: 3rem;
|
|
}
|
|
.w-3{
|
|
width: 0.75rem;
|
|
}
|
|
.w-11{
|
|
width: 2.75rem;
|
|
}
|
|
.w-1{
|
|
width: 0.25rem;
|
|
}
|
|
.w-6{
|
|
width: 1.5rem;
|
|
}
|
|
.w-9{
|
|
width: 2.25rem;
|
|
}
|
|
.w-screen{
|
|
width: 100vw;
|
|
}
|
|
.w-\[var\(--sidebar-width\)\]{
|
|
width: var(--sidebar-width);
|
|
}
|
|
.min-w-\[16rem\]{
|
|
min-width: 16rem;
|
|
}
|
|
.min-w-0{
|
|
min-width: 0px;
|
|
}
|
|
.min-w-\[2rem\]{
|
|
min-width: 2rem;
|
|
}
|
|
.min-w-\[1rem\]{
|
|
min-width: 1rem;
|
|
}
|
|
.max-w-2xl{
|
|
max-width: 42rem;
|
|
}
|
|
.max-w-xs{
|
|
max-width: 20rem;
|
|
}
|
|
.max-w-sm{
|
|
max-width: 24rem;
|
|
}
|
|
.max-w-md{
|
|
max-width: 28rem;
|
|
}
|
|
.max-w-lg{
|
|
max-width: 32rem;
|
|
}
|
|
.max-w-xl{
|
|
max-width: 36rem;
|
|
}
|
|
.max-w-3xl{
|
|
max-width: 48rem;
|
|
}
|
|
.max-w-4xl{
|
|
max-width: 56rem;
|
|
}
|
|
.max-w-5xl{
|
|
max-width: 64rem;
|
|
}
|
|
.max-w-6xl{
|
|
max-width: 72rem;
|
|
}
|
|
.max-w-7xl{
|
|
max-width: 80rem;
|
|
}
|
|
.max-w-none{
|
|
max-width: none;
|
|
}
|
|
.max-w-full{
|
|
max-width: 100%;
|
|
}
|
|
.max-w-\[14rem\]{
|
|
max-width: 14rem;
|
|
}
|
|
.max-w-\[20em\]{
|
|
max-width: 20em;
|
|
}
|
|
.flex-1{
|
|
flex: 1 1 0%;
|
|
}
|
|
.flex-none{
|
|
flex: none;
|
|
}
|
|
.flex-shrink-0{
|
|
flex-shrink: 0;
|
|
}
|
|
.shrink-0{
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-grow-0{
|
|
flex-grow: 0;
|
|
}
|
|
.grow{
|
|
flex-grow: 1;
|
|
}
|
|
.table-auto{
|
|
table-layout: auto;
|
|
}
|
|
.-translate-x-12{
|
|
--tw-translate-x: -3rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-x-12{
|
|
--tw-translate-x: 3rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.-translate-y-12{
|
|
--tw-translate-y: -3rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-y-12{
|
|
--tw-translate-y: 3rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-x-5{
|
|
--tw-translate-x: 1.25rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.-translate-x-5{
|
|
--tw-translate-x: -1.25rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-x-0{
|
|
--tw-translate-x: 0px;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-x-full{
|
|
--tw-translate-x: 100%;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-y-8{
|
|
--tw-translate-y: 2rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.translate-y-0{
|
|
--tw-translate-y: 0px;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.-translate-x-full{
|
|
--tw-translate-x: -100%;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.-rotate-180{
|
|
--tw-rotate: -180deg;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.-skew-x-12{
|
|
--tw-skew-x: -12deg;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.scale-95{
|
|
--tw-scale-x: .95;
|
|
--tw-scale-y: .95;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.transform{
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
@keyframes spin{
|
|
to{
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.animate-spin{
|
|
-webkit-animation: spin 1s linear infinite;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
@-webkit-keyframes pulse{
|
|
50%{
|
|
opacity: .5;
|
|
}
|
|
}
|
|
@keyframes pulse{
|
|
50%{
|
|
opacity: .5;
|
|
}
|
|
}
|
|
.animate-pulse{
|
|
-webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
}
|
|
.cursor-move{
|
|
cursor: move;
|
|
}
|
|
.cursor-default{
|
|
cursor: default;
|
|
}
|
|
.cursor-pointer{
|
|
cursor: pointer;
|
|
}
|
|
.cursor-not-allowed{
|
|
cursor: not-allowed;
|
|
}
|
|
.cursor-wait{
|
|
cursor: wait;
|
|
}
|
|
.resize-none{
|
|
resize: none;
|
|
}
|
|
.resize{
|
|
resize: both;
|
|
}
|
|
.list-disc{
|
|
list-style-type: disc;
|
|
}
|
|
.columns-1{
|
|
-moz-columns: 1;
|
|
columns: 1;
|
|
}
|
|
.columns-2{
|
|
-moz-columns: 2;
|
|
columns: 2;
|
|
}
|
|
.columns-3{
|
|
-moz-columns: 3;
|
|
columns: 3;
|
|
}
|
|
.columns-4{
|
|
-moz-columns: 4;
|
|
columns: 4;
|
|
}
|
|
.columns-5{
|
|
-moz-columns: 5;
|
|
columns: 5;
|
|
}
|
|
.columns-6{
|
|
-moz-columns: 6;
|
|
columns: 6;
|
|
}
|
|
.columns-7{
|
|
-moz-columns: 7;
|
|
columns: 7;
|
|
}
|
|
.columns-8{
|
|
-moz-columns: 8;
|
|
columns: 8;
|
|
}
|
|
.columns-9{
|
|
-moz-columns: 9;
|
|
columns: 9;
|
|
}
|
|
.columns-10{
|
|
-moz-columns: 10;
|
|
columns: 10;
|
|
}
|
|
.columns-11{
|
|
-moz-columns: 11;
|
|
columns: 11;
|
|
}
|
|
.columns-12{
|
|
-moz-columns: 12;
|
|
columns: 12;
|
|
}
|
|
.grid-cols-1{
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-7{
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-2{
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-3{
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-4{
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-5{
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-6{
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-8{
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-9{
|
|
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-10{
|
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-11{
|
|
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-12{
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
.grid-cols-\[repeat\(auto-fit\2c minmax\(0\2c 1fr\)\)\]{
|
|
grid-template-columns: repeat(auto-fit,minmax(0,1fr));
|
|
}
|
|
.flex-row{
|
|
flex-direction: row;
|
|
}
|
|
.flex-row-reverse{
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-col{
|
|
flex-direction: column;
|
|
}
|
|
.flex-col-reverse{
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-wrap{
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-nowrap{
|
|
flex-wrap: nowrap;
|
|
}
|
|
.items-start{
|
|
align-items: flex-start;
|
|
}
|
|
.items-end{
|
|
align-items: flex-end;
|
|
}
|
|
.items-center{
|
|
align-items: center;
|
|
}
|
|
.items-stretch{
|
|
align-items: stretch;
|
|
}
|
|
.justify-start{
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-end{
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-center{
|
|
justify-content: center;
|
|
}
|
|
.justify-between{
|
|
justify-content: space-between;
|
|
}
|
|
.gap-6{
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-3{
|
|
gap: 0.75rem;
|
|
}
|
|
.gap-2{
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-4{
|
|
gap: 1rem;
|
|
}
|
|
.gap-8{
|
|
gap: 2rem;
|
|
}
|
|
.gap-1{
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-0\.5{
|
|
gap: 0.125rem;
|
|
}
|
|
.gap-0{
|
|
gap: 0px;
|
|
}
|
|
.gap-x-4{
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.gap-y-6{
|
|
row-gap: 1.5rem;
|
|
}
|
|
.gap-y-1{
|
|
row-gap: 0.25rem;
|
|
}
|
|
.gap-x-2{
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.space-y-4 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-x-4 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.space-y-2 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-y-1 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-x-2 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.space-y-12 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-x-3 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.space-x-1 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.space-y-3 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
}
|
|
.space-x-reverse > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 1;
|
|
}
|
|
.divide-x > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-x-reverse: 0;
|
|
border-right-width: calc(1px * var(--tw-divide-x-reverse));
|
|
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
|
|
}
|
|
.divide-y > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
}
|
|
.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-opacity: 1;
|
|
border-color: rgb(209 213 219 / var(--tw-divide-opacity));
|
|
}
|
|
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-opacity: 1;
|
|
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
|
|
}
|
|
.overflow-hidden{
|
|
overflow: hidden;
|
|
}
|
|
.overflow-x-auto{
|
|
overflow-x: auto;
|
|
}
|
|
.overflow-y-auto{
|
|
overflow-y: auto;
|
|
}
|
|
.overflow-x-hidden{
|
|
overflow-x: hidden;
|
|
}
|
|
.overflow-y-hidden{
|
|
overflow-y: hidden;
|
|
}
|
|
.overflow-x-clip{
|
|
overflow-x: clip;
|
|
}
|
|
.overflow-y-scroll{
|
|
overflow-y: scroll;
|
|
}
|
|
.truncate{
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.whitespace-normal{
|
|
white-space: normal;
|
|
}
|
|
.whitespace-nowrap{
|
|
white-space: nowrap;
|
|
}
|
|
.whitespace-pre-wrap{
|
|
white-space: pre-wrap;
|
|
}
|
|
.break-words{
|
|
overflow-wrap: break-word;
|
|
}
|
|
.rounded-lg{
|
|
border-radius: 0.5rem;
|
|
}
|
|
.rounded-md{
|
|
border-radius: 0.375rem;
|
|
}
|
|
.rounded-full{
|
|
border-radius: 9999px;
|
|
}
|
|
.rounded-xl{
|
|
border-radius: 0.75rem;
|
|
}
|
|
.rounded{
|
|
border-radius: 0.25rem;
|
|
}
|
|
.rounded-2xl{
|
|
border-radius: 1rem;
|
|
}
|
|
.rounded-t-xl{
|
|
border-top-left-radius: 0.75rem;
|
|
border-top-right-radius: 0.75rem;
|
|
}
|
|
.rounded-b-xl{
|
|
border-bottom-right-radius: 0.75rem;
|
|
border-bottom-left-radius: 0.75rem;
|
|
}
|
|
.rounded-b-2xl{
|
|
border-bottom-right-radius: 1rem;
|
|
border-bottom-left-radius: 1rem;
|
|
}
|
|
.border{
|
|
border-width: 1px;
|
|
}
|
|
.border-0{
|
|
border-width: 0px;
|
|
}
|
|
.border-2{
|
|
border-width: 2px;
|
|
}
|
|
.border-t{
|
|
border-top-width: 1px;
|
|
}
|
|
.border-b{
|
|
border-bottom-width: 1px;
|
|
}
|
|
.border-r{
|
|
border-right-width: 1px;
|
|
}
|
|
.border-gray-400{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(156 163 175 / var(--tw-border-opacity));
|
|
}
|
|
.border-gray-200{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
}
|
|
.border-gray-300{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
}
|
|
.border-danger-300{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(253 164 175 / var(--tw-border-opacity));
|
|
}
|
|
.border-danger-600{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(225 29 72 / var(--tw-border-opacity));
|
|
}
|
|
.border-transparent{
|
|
border-color: transparent;
|
|
}
|
|
.border-primary-500{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(14 165 233 / var(--tw-border-opacity));
|
|
}
|
|
.border-gray-600{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
}
|
|
.border-primary-600{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(2 132 199 / var(--tw-border-opacity));
|
|
}
|
|
.border-success-600{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(22 163 74 / var(--tw-border-opacity));
|
|
}
|
|
.border-warning-600{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(202 138 4 / var(--tw-border-opacity));
|
|
}
|
|
.bg-primary-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(2 132 199 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-white{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-gray-50{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-gray-200{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-transparent{
|
|
background-color: transparent;
|
|
}
|
|
.bg-primary-50{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(240 249 255 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-primary-200{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(186 230 253 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-primary-500{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-gray-100{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-primary-500\/10{
|
|
background-color: rgb(14 165 233 / 0.1);
|
|
}
|
|
.bg-danger-500{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(244 63 94 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-gray-500{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-success-500{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-warning-500{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-success-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-danger-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(225 29 72 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-warning-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(202 138 4 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-gray-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-danger-500\/10{
|
|
background-color: rgb(244 63 94 / 0.1);
|
|
}
|
|
.bg-gray-500\/10{
|
|
background-color: rgb(107 114 128 / 0.1);
|
|
}
|
|
.bg-success-500\/10{
|
|
background-color: rgb(34 197 94 / 0.1);
|
|
}
|
|
.bg-warning-500\/10{
|
|
background-color: rgb(234 179 8 / 0.1);
|
|
}
|
|
.bg-gray-300{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
|
}
|
|
.bg-gray-500\/5{
|
|
background-color: rgb(107 114 128 / 0.05);
|
|
}
|
|
.bg-gray-400\/10{
|
|
background-color: rgb(156 163 175 / 0.1);
|
|
}
|
|
.bg-gray-50\/80{
|
|
background-color: rgb(249 250 251 / 0.8);
|
|
}
|
|
.bg-gray-900\/50{
|
|
background-color: rgb(17 24 39 / 0.5);
|
|
}
|
|
.bg-white\/50{
|
|
background-color: rgb(255 255 255 / 0.5);
|
|
}
|
|
.bg-black\/50{
|
|
background-color: rgb(0 0 0 / 0.5);
|
|
}
|
|
.bg-white\/20{
|
|
background-color: rgb(255 255 255 / 0.2);
|
|
}
|
|
.bg-cover{
|
|
background-size: cover;
|
|
}
|
|
.bg-center{
|
|
background-position: center;
|
|
}
|
|
.fill-current{
|
|
fill: currentColor;
|
|
}
|
|
.object-cover{
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-center{
|
|
-o-object-position: center;
|
|
object-position: center;
|
|
}
|
|
.p-4{
|
|
padding: 1rem;
|
|
}
|
|
.p-2{
|
|
padding: 0.5rem;
|
|
}
|
|
.p-6{
|
|
padding: 1.5rem;
|
|
}
|
|
.p-0{
|
|
padding: 0px;
|
|
}
|
|
.p-3{
|
|
padding: 0.75rem;
|
|
}
|
|
.p-8{
|
|
padding: 2rem;
|
|
}
|
|
.p-1{
|
|
padding: 0.25rem;
|
|
}
|
|
.p-1\.5{
|
|
padding: 0.375rem;
|
|
}
|
|
.px-4{
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
.py-4{
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.py-3{
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.75rem;
|
|
}
|
|
.px-2{
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
.py-1{
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.py-2{
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.px-1{
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
}
|
|
.py-0{
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.px-3{
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.py-0\.5{
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.125rem;
|
|
}
|
|
.px-5{
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem;
|
|
}
|
|
.px-6{
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
}
|
|
.py-12{
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
.py-8{
|
|
padding-top: 2rem;
|
|
padding-bottom: 2rem;
|
|
}
|
|
.px-1\.5{
|
|
padding-left: 0.375rem;
|
|
padding-right: 0.375rem;
|
|
}
|
|
.py-6{
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.pl-4{
|
|
padding-left: 1rem;
|
|
}
|
|
.pt-2{
|
|
padding-top: 0.5rem;
|
|
}
|
|
.pb-2{
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.pr-2{
|
|
padding-right: 0.5rem;
|
|
}
|
|
.pl-3{
|
|
padding-left: 0.75rem;
|
|
}
|
|
.pr-10{
|
|
padding-right: 2.5rem;
|
|
}
|
|
.pr-1{
|
|
padding-right: 0.25rem;
|
|
}
|
|
.pl-9{
|
|
padding-left: 2.25rem;
|
|
}
|
|
.pl-10{
|
|
padding-left: 2.5rem;
|
|
}
|
|
.pl-2{
|
|
padding-left: 0.5rem;
|
|
}
|
|
.pr-8{
|
|
padding-right: 2rem;
|
|
}
|
|
.text-left{
|
|
text-align: left;
|
|
}
|
|
.text-center{
|
|
text-align: center;
|
|
}
|
|
.text-right{
|
|
text-align: right;
|
|
}
|
|
.text-lg{
|
|
font-size: 1.125rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.text-xl{
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.text-sm{
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.text-xs{
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
}
|
|
.text-2xl{
|
|
font-size: 1.5rem;
|
|
line-height: 2rem;
|
|
}
|
|
.text-3xl{
|
|
font-size: 1.875rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
.font-bold{
|
|
font-weight: 700;
|
|
}
|
|
.font-semibold{
|
|
font-weight: 600;
|
|
}
|
|
.font-medium{
|
|
font-weight: 500;
|
|
}
|
|
.uppercase{
|
|
text-transform: uppercase;
|
|
}
|
|
.italic{
|
|
font-style: italic;
|
|
}
|
|
.leading-loose{
|
|
line-height: 2;
|
|
}
|
|
.leading-tight{
|
|
line-height: 1.25;
|
|
}
|
|
.leading-4{
|
|
line-height: 1rem;
|
|
}
|
|
.leading-none{
|
|
line-height: 1;
|
|
}
|
|
.tracking-tight{
|
|
letter-spacing: -0.025em;
|
|
}
|
|
.tracking-normal{
|
|
letter-spacing: 0em;
|
|
}
|
|
.tracking-wide{
|
|
letter-spacing: 0.025em;
|
|
}
|
|
.tracking-wider{
|
|
letter-spacing: 0.05em;
|
|
}
|
|
.text-primary-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.text-red-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(220 38 38 / var(--tw-text-opacity));
|
|
}
|
|
.text-green-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(22 163 74 / var(--tw-text-opacity));
|
|
}
|
|
.text-white{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(75 85 99 / var(--tw-text-opacity));
|
|
}
|
|
.text-primary-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(2 132 199 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-300{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-900{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-50{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(249 250 251 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-800{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(31 41 55 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
}
|
|
.text-danger-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(225 29 72 / var(--tw-text-opacity));
|
|
}
|
|
.text-gray-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
}
|
|
.text-danger-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(251 113 133 / var(--tw-text-opacity));
|
|
}
|
|
.text-primary-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(3 105 161 / var(--tw-text-opacity));
|
|
}
|
|
.text-success-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(74 222 128 / var(--tw-text-opacity));
|
|
}
|
|
.text-warning-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(250 204 21 / var(--tw-text-opacity));
|
|
}
|
|
.text-primary-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(56 189 248 / var(--tw-text-opacity));
|
|
}
|
|
.text-success-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(22 163 74 / var(--tw-text-opacity));
|
|
}
|
|
.text-warning-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(202 138 4 / var(--tw-text-opacity));
|
|
}
|
|
.text-danger-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(244 63 94 / var(--tw-text-opacity));
|
|
}
|
|
.text-success-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
|
}
|
|
.text-warning-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(234 179 8 / var(--tw-text-opacity));
|
|
}
|
|
.text-danger-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(190 18 60 / var(--tw-text-opacity));
|
|
}
|
|
.text-success-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(21 128 61 / var(--tw-text-opacity));
|
|
}
|
|
.text-warning-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(161 98 7 / var(--tw-text-opacity));
|
|
}
|
|
.text-danger-50{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 241 242 / var(--tw-text-opacity));
|
|
}
|
|
.text-primary-50{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(240 249 255 / var(--tw-text-opacity));
|
|
}
|
|
.text-success-50{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(240 253 244 / var(--tw-text-opacity));
|
|
}
|
|
.text-warning-50{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(254 252 232 / var(--tw-text-opacity));
|
|
}
|
|
.underline{
|
|
-webkit-text-decoration-line: underline;
|
|
text-decoration-line: underline;
|
|
}
|
|
.antialiased{
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.placeholder-gray-400::-moz-placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
}
|
|
.placeholder-gray-400::placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
}
|
|
.placeholder-gray-500::-moz-placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
|
|
}
|
|
.placeholder-gray-500::placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
|
|
}
|
|
.caret-black{
|
|
caret-color: #000;
|
|
}
|
|
.opacity-0{
|
|
opacity: 0;
|
|
}
|
|
.opacity-70{
|
|
opacity: 0.7;
|
|
}
|
|
.opacity-50{
|
|
opacity: 0.5;
|
|
}
|
|
.opacity-100{
|
|
opacity: 1;
|
|
}
|
|
.opacity-25{
|
|
opacity: 0.25;
|
|
}
|
|
.shadow-lg{
|
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-sm{
|
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-md{
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow{
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-xl{
|
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-2xl{
|
|
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ring-1{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.ring-0{
|
|
--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.ring-2{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.ring-inset{
|
|
--tw-ring-inset: inset;
|
|
}
|
|
.ring-danger-500{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity));
|
|
}
|
|
.ring-danger-600{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity));
|
|
}
|
|
.ring-black\/5{
|
|
--tw-ring-color: rgb(0 0 0 / 0.05);
|
|
}
|
|
.ring-primary-500{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
|
|
}
|
|
.filter{
|
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
}
|
|
.backdrop-blur-xl{
|
|
--tw-backdrop-blur: blur(24px);
|
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
}
|
|
.backdrop-saturate-150{
|
|
--tw-backdrop-saturate: saturate(1.5);
|
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
}
|
|
.transition{
|
|
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
.transition-colors{
|
|
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
.transition-opacity{
|
|
transition-property: opacity;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
.transition-all{
|
|
transition-property: all;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
.delay-100{
|
|
transition-delay: 100ms;
|
|
}
|
|
.duration-300{
|
|
transition-duration: 300ms;
|
|
}
|
|
.duration-75{
|
|
transition-duration: 75ms;
|
|
}
|
|
.duration-100{
|
|
transition-duration: 100ms;
|
|
}
|
|
.duration-200{
|
|
transition-duration: 200ms;
|
|
}
|
|
.ease-in-out{
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.ease-out{
|
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
.ease-in{
|
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
}
|
|
.even\:bg-gray-100:nth-child(even){
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
}
|
|
.invalid\:text-gray-400:invalid{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
}
|
|
.focus-within\:border-primary-500:focus-within{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(14 165 233 / var(--tw-border-opacity));
|
|
}
|
|
.focus-within\:ring-1:focus-within{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.focus-within\:ring-inset:focus-within{
|
|
--tw-ring-inset: inset;
|
|
}
|
|
.focus-within\:ring-primary-500:focus-within{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
|
|
}
|
|
.hover\:bg-gray-50:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-gray-500\/5:hover{
|
|
background-color: rgb(107 114 128 / 0.05);
|
|
}
|
|
.hover\:bg-primary-600\/20:hover{
|
|
background-color: rgb(2 132 199 / 0.2);
|
|
}
|
|
.hover\:bg-success-600\/20:hover{
|
|
background-color: rgb(22 163 74 / 0.2);
|
|
}
|
|
.hover\:bg-danger-600\/20:hover{
|
|
background-color: rgb(225 29 72 / 0.2);
|
|
}
|
|
.hover\:bg-warning-600\/20:hover{
|
|
background-color: rgb(202 138 4 / 0.2);
|
|
}
|
|
.hover\:bg-gray-600\/20:hover{
|
|
background-color: rgb(75 85 99 / 0.2);
|
|
}
|
|
.hover\:bg-primary-500:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-success-500:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-danger-500:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(244 63 94 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-warning-500:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-gray-500:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-gray-100:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
}
|
|
.hover\:bg-gray-500\/10:hover{
|
|
background-color: rgb(107 114 128 / 0.1);
|
|
}
|
|
.hover\:text-primary-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-gray-300:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-danger-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(244 63 94 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-gray-700:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-danger-700:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(190 18 60 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-gray-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-success-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-warning-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(234 179 8 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-gray-800:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(31 41 55 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-white:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:underline:hover{
|
|
-webkit-text-decoration-line: underline;
|
|
text-decoration-line: underline;
|
|
}
|
|
.focus\:border-primary-500:focus{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(14 165 233 / var(--tw-border-opacity));
|
|
}
|
|
.focus\:border-primary-300:focus{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(125 211 252 / var(--tw-border-opacity));
|
|
}
|
|
.focus\:border-primary-600:focus{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(2 132 199 / var(--tw-border-opacity));
|
|
}
|
|
.focus\:bg-gray-50:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-primary-500\/10:focus{
|
|
background-color: rgb(14 165 233 / 0.1);
|
|
}
|
|
.focus\:bg-primary-700\/20:focus{
|
|
background-color: rgb(3 105 161 / 0.2);
|
|
}
|
|
.focus\:bg-success-700\/20:focus{
|
|
background-color: rgb(21 128 61 / 0.2);
|
|
}
|
|
.focus\:bg-danger-700\/20:focus{
|
|
background-color: rgb(190 18 60 / 0.2);
|
|
}
|
|
.focus\:bg-warning-700\/20:focus{
|
|
background-color: rgb(161 98 7 / 0.2);
|
|
}
|
|
.focus\:bg-gray-700\/20:focus{
|
|
background-color: rgb(55 65 81 / 0.2);
|
|
}
|
|
.focus\:bg-primary-50:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(240 249 255 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-primary-700:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(3 105 161 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-success-700:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(21 128 61 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-danger-700:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(190 18 60 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-warning-700:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(161 98 7 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-gray-700:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-danger-500\/10:focus{
|
|
background-color: rgb(244 63 94 / 0.1);
|
|
}
|
|
.focus\:bg-gray-500\/10:focus{
|
|
background-color: rgb(107 114 128 / 0.1);
|
|
}
|
|
.focus\:bg-success-500\/10:focus{
|
|
background-color: rgb(34 197 94 / 0.1);
|
|
}
|
|
.focus\:bg-warning-500\/10:focus{
|
|
background-color: rgb(234 179 8 / 0.1);
|
|
}
|
|
.focus\:bg-white:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-gray-500\/5:focus{
|
|
background-color: rgb(107 114 128 / 0.05);
|
|
}
|
|
.focus\:bg-primary-500:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-danger-500:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(244 63 94 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-success-500:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:bg-warning-500:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
|
}
|
|
.focus\:text-primary-600:focus{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(2 132 199 / var(--tw-text-opacity));
|
|
}
|
|
.focus\:text-primary-500:focus{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.focus\:text-white:focus{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.focus\:underline:focus{
|
|
-webkit-text-decoration-line: underline;
|
|
text-decoration-line: underline;
|
|
}
|
|
.focus\:placeholder-gray-500:focus::-moz-placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
|
|
}
|
|
.focus\:placeholder-gray-500:focus::placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
|
|
}
|
|
.focus\:placeholder-gray-400:focus::-moz-placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
}
|
|
.focus\:placeholder-gray-400:focus::placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
}
|
|
.focus\:outline-none:focus{
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
}
|
|
.focus\:ring-1:focus{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.focus\:ring-2:focus{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.focus\:ring-0:focus{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.focus\:ring:focus{
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
.focus\:ring-inset:focus{
|
|
--tw-ring-inset: inset;
|
|
}
|
|
.focus\:ring-primary-500:focus{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
|
|
}
|
|
.focus\:ring-white:focus{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
|
|
}
|
|
.focus\:ring-primary-600:focus{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity));
|
|
}
|
|
.focus\:ring-primary-200:focus{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity));
|
|
}
|
|
.focus\:ring-gray-300:focus{
|
|
--tw-ring-opacity: 1;
|
|
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
|
|
}
|
|
.focus\:ring-opacity-50:focus{
|
|
--tw-ring-opacity: 0.5;
|
|
}
|
|
.focus\:ring-offset-2:focus{
|
|
--tw-ring-offset-width: 2px;
|
|
}
|
|
.focus\:ring-offset-primary-700:focus{
|
|
--tw-ring-offset-color: #0369a1;
|
|
}
|
|
.focus\:ring-offset-success-700:focus{
|
|
--tw-ring-offset-color: #15803d;
|
|
}
|
|
.focus\:ring-offset-danger-700:focus{
|
|
--tw-ring-offset-color: #be123c;
|
|
}
|
|
.focus\:ring-offset-warning-700:focus{
|
|
--tw-ring-offset-color: #a16207;
|
|
}
|
|
.focus\:ring-offset-gray-700:focus{
|
|
--tw-ring-offset-color: #374151;
|
|
}
|
|
.disabled\:pointer-events-none:disabled{
|
|
pointer-events: none;
|
|
}
|
|
.disabled\:cursor-not-allowed:disabled{
|
|
cursor: not-allowed;
|
|
}
|
|
.disabled\:opacity-70:disabled{
|
|
opacity: 0.7;
|
|
}
|
|
.group:focus-within .group-focus-within\:text-primary-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.group:hover .group-hover\:bg-gray-200{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
}
|
|
.group:hover .group-hover\:text-primary-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.group:hover .group-hover\:text-primary-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(224 242 254 / var(--tw-text-opacity));
|
|
}
|
|
.group:hover .group-hover\:text-danger-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 228 230 / var(--tw-text-opacity));
|
|
}
|
|
.group:hover .group-hover\:text-success-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(220 252 231 / var(--tw-text-opacity));
|
|
}
|
|
.group:hover .group-hover\:text-warning-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(254 249 195 / var(--tw-text-opacity));
|
|
}
|
|
.group:hover .group-hover\:text-white{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.group:focus .group-focus\:text-primary-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(224 242 254 / var(--tw-text-opacity));
|
|
}
|
|
.group:focus .group-focus\:text-danger-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 228 230 / var(--tw-text-opacity));
|
|
}
|
|
.group:focus .group-focus\:text-success-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(220 252 231 / var(--tw-text-opacity));
|
|
}
|
|
.group:focus .group-focus\:text-warning-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(254 249 195 / var(--tw-text-opacity));
|
|
}
|
|
.group:focus .group-focus\:text-white{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
[dir="rtl"] .rtl\:right-auto{
|
|
right: auto;
|
|
}
|
|
[dir="rtl"] .rtl\:left-0{
|
|
left: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:right-0{
|
|
right: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:left-2{
|
|
left: 0.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:left-auto{
|
|
left: auto;
|
|
}
|
|
[dir="rtl"] .rtl\:ml-0{
|
|
margin-left: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:mr-auto{
|
|
margin-right: auto;
|
|
}
|
|
[dir="rtl"] .rtl\:ml-1{
|
|
margin-left: 0.25rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-mr-2{
|
|
margin-right: -0.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:ml-2{
|
|
margin-left: 0.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-mr-3{
|
|
margin-right: -0.75rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-mr-1\.5{
|
|
margin-right: -0.375rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-mr-1{
|
|
margin-right: -0.25rem;
|
|
}
|
|
[dir="rtl"] .rtl\:mr-1{
|
|
margin-right: 0.25rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-ml-2{
|
|
margin-left: -0.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:mr-2{
|
|
margin-right: 0.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-ml-3{
|
|
margin-left: -0.75rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-ml-1\.5{
|
|
margin-left: -0.375rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-ml-1{
|
|
margin-left: -0.25rem;
|
|
}
|
|
[dir="rtl"] .rtl\:mr-0{
|
|
margin-right: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:-ml-6{
|
|
margin-left: -1.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:-translate-x-5{
|
|
--tw-translate-x: -1.25rem;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
[dir="rtl"] .rtl\:translate-x-full{
|
|
--tw-translate-x: 100%;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
[dir="rtl"] .rtl\:rotate-180{
|
|
--tw-rotate: 180deg;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
[dir="rtl"] .rtl\:scale-x-\[-1\]{
|
|
--tw-scale-x: -1;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
[dir="rtl"] .rtl\:flex-row-reverse{
|
|
flex-direction: row-reverse;
|
|
}
|
|
[dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 1;
|
|
}
|
|
[dir="rtl"] .rtl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-x-reverse: 1;
|
|
}
|
|
[dir="rtl"] .rtl\:whitespace-normal{
|
|
white-space: normal;
|
|
}
|
|
[dir="rtl"] .rtl\:border-l{
|
|
border-left-width: 1px;
|
|
}
|
|
[dir="rtl"] .rtl\:border-r-0{
|
|
border-right-width: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:pl-2{
|
|
padding-left: 0.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:pl-10{
|
|
padding-left: 2.5rem;
|
|
}
|
|
[dir="rtl"] .rtl\:pr-3{
|
|
padding-right: 0.75rem;
|
|
}
|
|
[dir="rtl"] .rtl\:text-right{
|
|
text-align: right;
|
|
}
|
|
.dark .dark\:prose-invert{
|
|
--tw-prose-body: var(--tw-prose-invert-body);
|
|
--tw-prose-headings: var(--tw-prose-invert-headings);
|
|
--tw-prose-lead: var(--tw-prose-invert-lead);
|
|
--tw-prose-links: var(--tw-prose-invert-links);
|
|
--tw-prose-bold: var(--tw-prose-invert-bold);
|
|
--tw-prose-counters: var(--tw-prose-invert-counters);
|
|
--tw-prose-bullets: var(--tw-prose-invert-bullets);
|
|
--tw-prose-hr: var(--tw-prose-invert-hr);
|
|
--tw-prose-quotes: var(--tw-prose-invert-quotes);
|
|
--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
|
|
--tw-prose-captions: var(--tw-prose-invert-captions);
|
|
--tw-prose-code: var(--tw-prose-invert-code);
|
|
--tw-prose-pre-code: var(--tw-prose-invert-pre-code);
|
|
--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
|
|
--tw-prose-th-borders: var(--tw-prose-invert-th-borders);
|
|
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
|
|
}
|
|
.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-opacity: 1;
|
|
border-color: rgb(55 65 81 / var(--tw-divide-opacity));
|
|
}
|
|
.dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-divide-opacity));
|
|
}
|
|
.dark .dark\:border-gray-700{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-gray-600{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-gray-500{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(107 114 128 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-primary-500{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(14 165 233 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-success-500{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(34 197 94 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-danger-500{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(244 63 94 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-warning-500{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(234 179 8 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-gray-400{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(156 163 175 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:border-gray-800{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(31 41 55 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:bg-gray-800{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:bg-gray-500\/10{
|
|
background-color: rgb(107 114 128 / 0.1);
|
|
}
|
|
.dark .dark\:bg-gray-900{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:bg-gray-700{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:bg-primary-100{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(224 242 254 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:bg-gray-800\/60{
|
|
background-color: rgb(31 41 55 / 0.6);
|
|
}
|
|
.dark .dark\:bg-gray-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:bg-white\/10{
|
|
background-color: rgb(255 255 255 / 0.1);
|
|
}
|
|
.dark .dark\:bg-gray-500\/20{
|
|
background-color: rgb(107 114 128 / 0.2);
|
|
}
|
|
.dark .dark\:bg-gray-900\/50{
|
|
background-color: rgb(17 24 39 / 0.5);
|
|
}
|
|
.dark .dark\:bg-primary-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(2 132 199 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:fill-current{
|
|
fill: currentColor;
|
|
}
|
|
.dark .dark\:text-white{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-300{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-200{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-primary-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-danger-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(244 63 94 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-600{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(75 85 99 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-100{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(243 244 246 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-success-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-warning-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(234 179 8 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-danger-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(190 18 60 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-primary-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(3 105 161 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-success-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(21 128 61 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-warning-700{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(161 98 7 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:text-gray-500{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:placeholder-gray-400::-moz-placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
}
|
|
.dark .dark\:placeholder-gray-400::placeholder{
|
|
--tw-placeholder-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
}
|
|
.dark .dark\:caret-white{
|
|
caret-color: #fff;
|
|
}
|
|
.dark .dark\:ring-white\/10{
|
|
--tw-ring-color: rgb(255 255 255 / 0.1);
|
|
}
|
|
.dark .dark\:even\:bg-gray-900:nth-child(even){
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:checked\:border-primary-600:checked{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(2 132 199 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:checked\:bg-primary-500:checked{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:checked\:bg-primary-600:checked{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(2 132 199 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:hover\:border-gray-500:hover{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(107 114 128 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:hover\:bg-gray-800\/30:hover{
|
|
background-color: rgb(31 41 55 / 0.3);
|
|
}
|
|
.dark .dark\:hover\:bg-primary-500\/20:hover{
|
|
background-color: rgb(14 165 233 / 0.2);
|
|
}
|
|
.dark .dark\:hover\:bg-success-500\/20:hover{
|
|
background-color: rgb(34 197 94 / 0.2);
|
|
}
|
|
.dark .dark\:hover\:bg-danger-500\/20:hover{
|
|
background-color: rgb(244 63 94 / 0.2);
|
|
}
|
|
.dark .dark\:hover\:bg-warning-500\/20:hover{
|
|
background-color: rgb(234 179 8 / 0.2);
|
|
}
|
|
.dark .dark\:hover\:bg-gray-400\/20:hover{
|
|
background-color: rgb(156 163 175 / 0.2);
|
|
}
|
|
.dark .dark\:hover\:bg-gray-500\/20:hover{
|
|
background-color: rgb(107 114 128 / 0.2);
|
|
}
|
|
.dark .dark\:hover\:bg-gray-700:hover{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:hover\:bg-gray-300\/5:hover{
|
|
background-color: rgb(209 213 219 / 0.05);
|
|
}
|
|
.dark .dark\:hover\:bg-gray-500\/10:hover{
|
|
background-color: rgb(107 114 128 / 0.1);
|
|
}
|
|
.dark .dark\:hover\:bg-gray-400\/5:hover{
|
|
background-color: rgb(156 163 175 / 0.05);
|
|
}
|
|
.dark .dark\:hover\:text-primary-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(14 165 233 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-primary-400:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(56 189 248 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-gray-500:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-danger-400:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(251 113 133 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-gray-200:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-success-400:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(74 222 128 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-warning-400:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(250 204 21 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:hover\:text-gray-300:hover{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:focus\:border-primary-500:focus{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(14 165 233 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:focus\:border-primary-400:focus{
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(56 189 248 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:focus\:bg-primary-600\/20:focus{
|
|
background-color: rgb(2 132 199 / 0.2);
|
|
}
|
|
.dark .dark\:focus\:bg-success-600\/20:focus{
|
|
background-color: rgb(22 163 74 / 0.2);
|
|
}
|
|
.dark .dark\:focus\:bg-danger-600\/20:focus{
|
|
background-color: rgb(225 29 72 / 0.2);
|
|
}
|
|
.dark .dark\:focus\:bg-warning-600\/20:focus{
|
|
background-color: rgb(202 138 4 / 0.2);
|
|
}
|
|
.dark .dark\:focus\:bg-gray-600\/20:focus{
|
|
background-color: rgb(75 85 99 / 0.2);
|
|
}
|
|
.dark .dark\:focus\:bg-gray-800\/20:focus{
|
|
background-color: rgb(31 41 55 / 0.2);
|
|
}
|
|
.dark .dark\:focus\:bg-gray-800:focus{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:focus\:text-primary-400:focus{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(56 189 248 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:focus\:text-gray-400:focus{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:focus\:ring-offset-0:focus{
|
|
--tw-ring-offset-width: 0px;
|
|
}
|
|
.dark .dark\:focus\:ring-offset-primary-600:focus{
|
|
--tw-ring-offset-color: #0284c7;
|
|
}
|
|
.dark .dark\:focus\:ring-offset-success-600:focus{
|
|
--tw-ring-offset-color: #16a34a;
|
|
}
|
|
.dark .dark\:focus\:ring-offset-danger-600:focus{
|
|
--tw-ring-offset-color: #e11d48;
|
|
}
|
|
.dark .dark\:focus\:ring-offset-warning-600:focus{
|
|
--tw-ring-offset-color: #ca8a04;
|
|
}
|
|
.dark .dark\:focus\:ring-offset-gray-600:focus{
|
|
--tw-ring-offset-color: #4b5563;
|
|
}
|
|
.dark .group:hover .dark\:group-hover\:bg-gray-600{
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .group:hover .dark\:group-hover\:text-primary-400{
|
|
--tw-text-opacity: 1;
|
|
color: rgb(56 189 248 / var(--tw-text-opacity));
|
|
}
|
|
@media (min-width: 640px){
|
|
.sm\:col-span-1{
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
.sm\:col-span-2{
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.sm\:col-span-3{
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.sm\:col-span-4{
|
|
grid-column: span 4 / span 4;
|
|
}
|
|
.sm\:col-span-5{
|
|
grid-column: span 5 / span 5;
|
|
}
|
|
.sm\:col-span-6{
|
|
grid-column: span 6 / span 6;
|
|
}
|
|
.sm\:col-span-7{
|
|
grid-column: span 7 / span 7;
|
|
}
|
|
.sm\:col-span-8{
|
|
grid-column: span 8 / span 8;
|
|
}
|
|
.sm\:col-span-9{
|
|
grid-column: span 9 / span 9;
|
|
}
|
|
.sm\:col-span-10{
|
|
grid-column: span 10 / span 10;
|
|
}
|
|
.sm\:col-span-11{
|
|
grid-column: span 11 / span 11;
|
|
}
|
|
.sm\:col-span-12{
|
|
grid-column: span 12 / span 12;
|
|
}
|
|
.sm\:col-span-full{
|
|
grid-column: 1 / -1;
|
|
}
|
|
.sm\:flex{
|
|
display: flex;
|
|
}
|
|
.sm\:table-cell{
|
|
display: table-cell;
|
|
}
|
|
.sm\:hidden{
|
|
display: none;
|
|
}
|
|
.sm\:max-w-lg{
|
|
max-width: 32rem;
|
|
}
|
|
.sm\:columns-1{
|
|
-moz-columns: 1;
|
|
columns: 1;
|
|
}
|
|
.sm\:columns-2{
|
|
-moz-columns: 2;
|
|
columns: 2;
|
|
}
|
|
.sm\:columns-3{
|
|
-moz-columns: 3;
|
|
columns: 3;
|
|
}
|
|
.sm\:columns-4{
|
|
-moz-columns: 4;
|
|
columns: 4;
|
|
}
|
|
.sm\:columns-5{
|
|
-moz-columns: 5;
|
|
columns: 5;
|
|
}
|
|
.sm\:columns-6{
|
|
-moz-columns: 6;
|
|
columns: 6;
|
|
}
|
|
.sm\:columns-7{
|
|
-moz-columns: 7;
|
|
columns: 7;
|
|
}
|
|
.sm\:columns-8{
|
|
-moz-columns: 8;
|
|
columns: 8;
|
|
}
|
|
.sm\:columns-9{
|
|
-moz-columns: 9;
|
|
columns: 9;
|
|
}
|
|
.sm\:columns-10{
|
|
-moz-columns: 10;
|
|
columns: 10;
|
|
}
|
|
.sm\:columns-11{
|
|
-moz-columns: 11;
|
|
columns: 11;
|
|
}
|
|
.sm\:columns-12{
|
|
-moz-columns: 12;
|
|
columns: 12;
|
|
}
|
|
.sm\:grid-cols-1{
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-2{
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-3{
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-4{
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-5{
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-6{
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-7{
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-8{
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-9{
|
|
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-10{
|
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-11{
|
|
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
}
|
|
.sm\:grid-cols-12{
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
.sm\:flex-col{
|
|
flex-direction: column;
|
|
}
|
|
.sm\:items-start{
|
|
align-items: flex-start;
|
|
}
|
|
.sm\:gap-4{
|
|
gap: 1rem;
|
|
}
|
|
.sm\:gap-1{
|
|
gap: 0.25rem;
|
|
}
|
|
.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
}
|
|
.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
}
|
|
.sm\:space-y-1 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
}
|
|
.sm\:py-4{
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.sm\:px-4{
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
.sm\:pt-2{
|
|
padding-top: 0.5rem;
|
|
}
|
|
.sm\:text-xl{
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
[dir="rtl"] .sm\:rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
|
|
--tw-space-x-reverse: 1;
|
|
}
|
|
}
|
|
@media (min-width: 768px){
|
|
.md\:bottom-0{
|
|
bottom: 0px;
|
|
}
|
|
.md\:top-auto{
|
|
top: auto;
|
|
}
|
|
.md\:col-span-1{
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
.md\:col-span-2{
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.md\:col-span-3{
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.md\:col-span-4{
|
|
grid-column: span 4 / span 4;
|
|
}
|
|
.md\:col-span-5{
|
|
grid-column: span 5 / span 5;
|
|
}
|
|
.md\:col-span-6{
|
|
grid-column: span 6 / span 6;
|
|
}
|
|
.md\:col-span-7{
|
|
grid-column: span 7 / span 7;
|
|
}
|
|
.md\:col-span-8{
|
|
grid-column: span 8 / span 8;
|
|
}
|
|
.md\:col-span-9{
|
|
grid-column: span 9 / span 9;
|
|
}
|
|
.md\:col-span-10{
|
|
grid-column: span 10 / span 10;
|
|
}
|
|
.md\:col-span-11{
|
|
grid-column: span 11 / span 11;
|
|
}
|
|
.md\:col-span-12{
|
|
grid-column: span 12 / span 12;
|
|
}
|
|
.md\:col-span-full{
|
|
grid-column: 1 / -1;
|
|
}
|
|
.md\:mt-0{
|
|
margin-top: 0px;
|
|
}
|
|
.md\:-mr-2{
|
|
margin-right: -0.5rem;
|
|
}
|
|
.md\:block{
|
|
display: block;
|
|
}
|
|
.md\:flex{
|
|
display: flex;
|
|
}
|
|
.md\:table-cell{
|
|
display: table-cell;
|
|
}
|
|
.md\:hidden{
|
|
display: none;
|
|
}
|
|
.md\:h-1{
|
|
height: 0.25rem;
|
|
}
|
|
.md\:w-full{
|
|
width: 100%;
|
|
}
|
|
.md\:max-w-md{
|
|
max-width: 28rem;
|
|
}
|
|
.md\:flex-1{
|
|
flex: 1 1 0%;
|
|
}
|
|
.md\:columns-1{
|
|
-moz-columns: 1;
|
|
columns: 1;
|
|
}
|
|
.md\:columns-2{
|
|
-moz-columns: 2;
|
|
columns: 2;
|
|
}
|
|
.md\:columns-3{
|
|
-moz-columns: 3;
|
|
columns: 3;
|
|
}
|
|
.md\:columns-4{
|
|
-moz-columns: 4;
|
|
columns: 4;
|
|
}
|
|
.md\:columns-5{
|
|
-moz-columns: 5;
|
|
columns: 5;
|
|
}
|
|
.md\:columns-6{
|
|
-moz-columns: 6;
|
|
columns: 6;
|
|
}
|
|
.md\:columns-7{
|
|
-moz-columns: 7;
|
|
columns: 7;
|
|
}
|
|
.md\:columns-8{
|
|
-moz-columns: 8;
|
|
columns: 8;
|
|
}
|
|
.md\:columns-9{
|
|
-moz-columns: 9;
|
|
columns: 9;
|
|
}
|
|
.md\:columns-10{
|
|
-moz-columns: 10;
|
|
columns: 10;
|
|
}
|
|
.md\:columns-11{
|
|
-moz-columns: 11;
|
|
columns: 11;
|
|
}
|
|
.md\:columns-12{
|
|
-moz-columns: 12;
|
|
columns: 12;
|
|
}
|
|
.md\:grid-cols-1{
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-2{
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-3{
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-4{
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-5{
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-6{
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-7{
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-8{
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-9{
|
|
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-10{
|
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-11{
|
|
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
}
|
|
.md\:grid-cols-12{
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
.md\:flex-row{
|
|
flex-direction: row;
|
|
}
|
|
.md\:items-start{
|
|
align-items: flex-start;
|
|
}
|
|
.md\:justify-between{
|
|
justify-content: space-between;
|
|
}
|
|
.md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
|
|
--tw-divide-y-reverse: 0;
|
|
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
}
|
|
.md\:px-6{
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
}
|
|
.md\:px-2{
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
.md\:text-3xl{
|
|
font-size: 1.875rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
}
|
|
@media (min-width: 1024px){
|
|
.lg\:z-0{
|
|
z-index: 0;
|
|
}
|
|
.lg\:col-span-1{
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
.lg\:col-span-2{
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.lg\:col-span-3{
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.lg\:col-span-4{
|
|
grid-column: span 4 / span 4;
|
|
}
|
|
.lg\:col-span-5{
|
|
grid-column: span 5 / span 5;
|
|
}
|
|
.lg\:col-span-6{
|
|
grid-column: span 6 / span 6;
|
|
}
|
|
.lg\:col-span-7{
|
|
grid-column: span 7 / span 7;
|
|
}
|
|
.lg\:col-span-8{
|
|
grid-column: span 8 / span 8;
|
|
}
|
|
.lg\:col-span-9{
|
|
grid-column: span 9 / span 9;
|
|
}
|
|
.lg\:col-span-10{
|
|
grid-column: span 10 / span 10;
|
|
}
|
|
.lg\:col-span-11{
|
|
grid-column: span 11 / span 11;
|
|
}
|
|
.lg\:col-span-12{
|
|
grid-column: span 12 / span 12;
|
|
}
|
|
.lg\:col-span-full{
|
|
grid-column: 1 / -1;
|
|
}
|
|
.lg\:mr-4{
|
|
margin-right: 1rem;
|
|
}
|
|
.lg\:ml-3{
|
|
margin-left: 0.75rem;
|
|
}
|
|
.lg\:flex{
|
|
display: flex;
|
|
}
|
|
.lg\:table-cell{
|
|
display: table-cell;
|
|
}
|
|
.lg\:grid{
|
|
display: grid;
|
|
}
|
|
.lg\:hidden{
|
|
display: none;
|
|
}
|
|
.lg\:max-w-\[var\(--sidebar-width\)\]{
|
|
max-width: var(--sidebar-width);
|
|
}
|
|
.lg\:max-w-\[var\(--collapsed-sidebar-width\)\]{
|
|
max-width: var(--collapsed-sidebar-width);
|
|
}
|
|
.lg\:translate-x-0{
|
|
--tw-translate-x: 0px;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.lg\:columns-1{
|
|
-moz-columns: 1;
|
|
columns: 1;
|
|
}
|
|
.lg\:columns-2{
|
|
-moz-columns: 2;
|
|
columns: 2;
|
|
}
|
|
.lg\:columns-3{
|
|
-moz-columns: 3;
|
|
columns: 3;
|
|
}
|
|
.lg\:columns-4{
|
|
-moz-columns: 4;
|
|
columns: 4;
|
|
}
|
|
.lg\:columns-5{
|
|
-moz-columns: 5;
|
|
columns: 5;
|
|
}
|
|
.lg\:columns-6{
|
|
-moz-columns: 6;
|
|
columns: 6;
|
|
}
|
|
.lg\:columns-7{
|
|
-moz-columns: 7;
|
|
columns: 7;
|
|
}
|
|
.lg\:columns-8{
|
|
-moz-columns: 8;
|
|
columns: 8;
|
|
}
|
|
.lg\:columns-9{
|
|
-moz-columns: 9;
|
|
columns: 9;
|
|
}
|
|
.lg\:columns-10{
|
|
-moz-columns: 10;
|
|
columns: 10;
|
|
}
|
|
.lg\:columns-11{
|
|
-moz-columns: 11;
|
|
columns: 11;
|
|
}
|
|
.lg\:columns-12{
|
|
-moz-columns: 12;
|
|
columns: 12;
|
|
}
|
|
.lg\:grid-cols-2{
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-1{
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-3{
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-4{
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-5{
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-6{
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-7{
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-8{
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-9{
|
|
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-10{
|
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-11{
|
|
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
}
|
|
.lg\:grid-cols-12{
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
.lg\:gap-8{
|
|
gap: 2rem;
|
|
}
|
|
.lg\:border-r{
|
|
border-right-width: 1px;
|
|
}
|
|
.lg\:px-8{
|
|
padding-left: 2rem;
|
|
padding-right: 2rem;
|
|
}
|
|
.lg\:px-4{
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
.lg\:pl-\[var\(--collapsed-sidebar-width\)\]{
|
|
padding-left: var(--collapsed-sidebar-width);
|
|
}
|
|
.lg\:pl-\[var\(--sidebar-width\)\]{
|
|
padding-left: var(--sidebar-width);
|
|
}
|
|
.lg\:transition{
|
|
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:mr-0{
|
|
margin-right: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:ml-4{
|
|
margin-left: 1rem;
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:-translate-x-0{
|
|
--tw-translate-x: -0px;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:border-r-0{
|
|
border-right-width: 0px;
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:border-l{
|
|
border-left-width: 1px;
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:pr-\[var\(--collapsed-sidebar-width\)\]{
|
|
padding-right: var(--collapsed-sidebar-width);
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:pr-\[var\(--sidebar-width\)\]{
|
|
padding-right: var(--sidebar-width);
|
|
}
|
|
[dir="rtl"] .rtl\:lg\:pl-0{
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
@media (min-width: 1280px){
|
|
.xl\:col-span-1{
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
.xl\:col-span-2{
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.xl\:col-span-3{
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.xl\:col-span-4{
|
|
grid-column: span 4 / span 4;
|
|
}
|
|
.xl\:col-span-5{
|
|
grid-column: span 5 / span 5;
|
|
}
|
|
.xl\:col-span-6{
|
|
grid-column: span 6 / span 6;
|
|
}
|
|
.xl\:col-span-7{
|
|
grid-column: span 7 / span 7;
|
|
}
|
|
.xl\:col-span-8{
|
|
grid-column: span 8 / span 8;
|
|
}
|
|
.xl\:col-span-9{
|
|
grid-column: span 9 / span 9;
|
|
}
|
|
.xl\:col-span-10{
|
|
grid-column: span 10 / span 10;
|
|
}
|
|
.xl\:col-span-11{
|
|
grid-column: span 11 / span 11;
|
|
}
|
|
.xl\:col-span-12{
|
|
grid-column: span 12 / span 12;
|
|
}
|
|
.xl\:col-span-full{
|
|
grid-column: 1 / -1;
|
|
}
|
|
.xl\:table-cell{
|
|
display: table-cell;
|
|
}
|
|
.xl\:hidden{
|
|
display: none;
|
|
}
|
|
.xl\:columns-1{
|
|
-moz-columns: 1;
|
|
columns: 1;
|
|
}
|
|
.xl\:columns-2{
|
|
-moz-columns: 2;
|
|
columns: 2;
|
|
}
|
|
.xl\:columns-3{
|
|
-moz-columns: 3;
|
|
columns: 3;
|
|
}
|
|
.xl\:columns-4{
|
|
-moz-columns: 4;
|
|
columns: 4;
|
|
}
|
|
.xl\:columns-5{
|
|
-moz-columns: 5;
|
|
columns: 5;
|
|
}
|
|
.xl\:columns-6{
|
|
-moz-columns: 6;
|
|
columns: 6;
|
|
}
|
|
.xl\:columns-7{
|
|
-moz-columns: 7;
|
|
columns: 7;
|
|
}
|
|
.xl\:columns-8{
|
|
-moz-columns: 8;
|
|
columns: 8;
|
|
}
|
|
.xl\:columns-9{
|
|
-moz-columns: 9;
|
|
columns: 9;
|
|
}
|
|
.xl\:columns-10{
|
|
-moz-columns: 10;
|
|
columns: 10;
|
|
}
|
|
.xl\:columns-11{
|
|
-moz-columns: 11;
|
|
columns: 11;
|
|
}
|
|
.xl\:columns-12{
|
|
-moz-columns: 12;
|
|
columns: 12;
|
|
}
|
|
.xl\:grid-cols-1{
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-2{
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-3{
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-4{
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-5{
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-6{
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-7{
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-8{
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-9{
|
|
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-10{
|
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-11{
|
|
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
}
|
|
.xl\:grid-cols-12{
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
.xl\:flex-row{
|
|
flex-direction: row;
|
|
}
|
|
.xl\:items-center{
|
|
align-items: center;
|
|
}
|
|
.xl\:justify-between{
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
@media (min-width: 1536px){
|
|
.\32xl\:col-span-1{
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
.\32xl\:col-span-2{
|
|
grid-column: span 2 / span 2;
|
|
}
|
|
.\32xl\:col-span-3{
|
|
grid-column: span 3 / span 3;
|
|
}
|
|
.\32xl\:col-span-4{
|
|
grid-column: span 4 / span 4;
|
|
}
|
|
.\32xl\:col-span-5{
|
|
grid-column: span 5 / span 5;
|
|
}
|
|
.\32xl\:col-span-6{
|
|
grid-column: span 6 / span 6;
|
|
}
|
|
.\32xl\:col-span-7{
|
|
grid-column: span 7 / span 7;
|
|
}
|
|
.\32xl\:col-span-8{
|
|
grid-column: span 8 / span 8;
|
|
}
|
|
.\32xl\:col-span-9{
|
|
grid-column: span 9 / span 9;
|
|
}
|
|
.\32xl\:col-span-10{
|
|
grid-column: span 10 / span 10;
|
|
}
|
|
.\32xl\:col-span-11{
|
|
grid-column: span 11 / span 11;
|
|
}
|
|
.\32xl\:col-span-12{
|
|
grid-column: span 12 / span 12;
|
|
}
|
|
.\32xl\:col-span-full{
|
|
grid-column: 1 / -1;
|
|
}
|
|
.\32xl\:table-cell{
|
|
display: table-cell;
|
|
}
|
|
.\32xl\:hidden{
|
|
display: none;
|
|
}
|
|
.\32xl\:columns-1{
|
|
-moz-columns: 1;
|
|
columns: 1;
|
|
}
|
|
.\32xl\:columns-2{
|
|
-moz-columns: 2;
|
|
columns: 2;
|
|
}
|
|
.\32xl\:columns-3{
|
|
-moz-columns: 3;
|
|
columns: 3;
|
|
}
|
|
.\32xl\:columns-4{
|
|
-moz-columns: 4;
|
|
columns: 4;
|
|
}
|
|
.\32xl\:columns-5{
|
|
-moz-columns: 5;
|
|
columns: 5;
|
|
}
|
|
.\32xl\:columns-6{
|
|
-moz-columns: 6;
|
|
columns: 6;
|
|
}
|
|
.\32xl\:columns-7{
|
|
-moz-columns: 7;
|
|
columns: 7;
|
|
}
|
|
.\32xl\:columns-8{
|
|
-moz-columns: 8;
|
|
columns: 8;
|
|
}
|
|
.\32xl\:columns-9{
|
|
-moz-columns: 9;
|
|
columns: 9;
|
|
}
|
|
.\32xl\:columns-10{
|
|
-moz-columns: 10;
|
|
columns: 10;
|
|
}
|
|
.\32xl\:columns-11{
|
|
-moz-columns: 11;
|
|
columns: 11;
|
|
}
|
|
.\32xl\:columns-12{
|
|
-moz-columns: 12;
|
|
columns: 12;
|
|
}
|
|
.\32xl\:grid-cols-1{
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-2{
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-3{
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-4{
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-5{
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-6{
|
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-7{
|
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-8{
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-9{
|
|
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-10{
|
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-11{
|
|
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
}
|
|
.\32xl\:grid-cols-12{
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
}
|