html {
scroll-behavior: smooth
}
body {
background-color: #fc9;
text-align: center;
font-weight: 700;
padding: 0;
font-family: Helvetica, sans-serif;
}
.logo {
background: #fc9;
padding: 0 10px;
display: block;
color: #fff8f8;
margin-bottom: 5px;
letter-spacing: 1px;
font-weight: 700;
border: 3px solid #ff0016;
border-radius: .75em;
transform-style: preserve-3d;
transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1);
}
.logo amp-img {
width: 220px;
height: auto;
padding: 6px 0 0
}
.button2 {
background-color: #a0d5ff;
color: #220c82;
padding: 10px 30px;
font-size: 14px;
margin: 0px 0px 5px 0px;
border: 2px solid #0000005c;
font-weight: 800;
text-decoration: none;
text-shadow: 1px 1px #00bcd4;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2), 0 6px 8px 0 rgba(0, 0, 0, .19);
display: inline-block;
transition: all .3s
}
.ad-div11 {
text-align: center;
margin: 0 0 10px
}
.chart-list {
border: 2px solid #eb008b;
margin-bottom: 2px;
width: 50%;
margin: 0 auto 10px;
text-align: center;
font-weight: 600
}
.chart-list.ab1 {
border-color: #003c6c
}
.chart-list h4 {
color: #fff;
padding: 5px 10px 3px;
font-size: 24px;
border-top-left-radius: 7px;
margin: 0
}
.chart-list.ab1 h4 {
background-color: #024c88
}
.chart-list a {
display: block;
font-size: 22px;
padding: 5px 7px 4px;
text-decoration: none
}
.chart-list a:hover {
text-decoration: none
}
.chart-list.ab1 a {
border-bottom: 2px solid #024c88;
color: #003c6c
}
.chart-list a:hover {
background-color: #fff;
text-decoration: underline
}
@media only screen and (max-width:500px) {
.chart-list {
width: 95%
}
}
footer {
background-color: #fff;
color: red;
font-weight: bold;
font-size: 25px;
text-decoration: none;
border: 4px groove purple;
text-shadow: 1px 1px gold;
margin: 3px
}
footer>div {
border-bottom: 2px solid #b2ddff;
padding: 10px 0;
margin-bottom: 10px
}
footer>div a {
text-decoration: none
}
footer>div a:hover {
text-decoration: none
}
footer .ftr-icon {
text-decoration: none;
font-size: 35px;
text-transform: uppercase;
color: #007bff
}
footer p {
margin: 10px 0 10px;
line-height: 35px
}
footer p span {
color: rgb(51, 102, 255)
}
.panel.panel-info {
border: 1px solid #3f51b5;
width: 70%;
margin: 0 auto 0
}
.panel-heading h1 {
margin: 0;
padding: 5px
}
table {
border-collapse: collapse
}
table,
th,
td {
border: 1px solid #03a9f4a8
}
thead {
background-color: #ffc107;
text-shadow: 1px 1px 2px #9a7400ab
}
tbody td {
padding: 5px 0;
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
@media only screen and (max-width:770px) {
.panel.panel-info {
width: 95%
}
}
.r {
color: red
}
tr td:nth-child(1) {
font-size: 13px
}
tbody tr td:nth-child(2),
tbody tr td:nth-child(5),
tbody tr td:nth-child(8),
tbody tr td:nth-child(11),
tbody tr td:nth-child(14),
tbody tr td:nth-child(17),
tbody tr td:nth-child(20),
tbody tr td:nth-child(23) {
border-right-width: 0px;
font-size: 13px
}
tbody tr td:nth-child(3),
tbody tr td:nth-child(6),
tbody tr td:nth-child(9),
tbody tr td:nth-child(12),
tbody tr td:nth-child(15),
tbody tr td:nth-child(18),
tbody tr td:nth-child(21),
tbody tr td:nth-child(24),
tbody tr td:nth-child(27) {
border-left-width: 0px;
border-right-width: 0px;
font-size: 23px
}
tbody tr td:nth-child(4),
tbody tr td:nth-child(7),
tbody tr td:nth-child(10),
tbody tr td:nth-child(13),
tbody tr td:nth-child(16),
tbody tr td:nth-child(19),
tbody tr td:nth-child(22),
tbody tr td:nth-child(25),
tbody tr td:nth-child(28) {
border-left-width: 0px;
font-size: 13px
}
@media only screen and (max-width:500px) {
.panel.panel-info {
width: 99%
}
tbody tr td:nth-child(3),
tbody tr td:nth-child(6),
tbody tr td:nth-child(9),
tbody tr td:nth-child(12),
tbody tr td:nth-child(15),
tbody tr td:nth-child(18),
tbody tr td:nth-child(21),
tbody tr td:nth-child(24),
tbody tr td:nth-child(27) {
font-size: 14px
}
tr td:nth-child(1),
tbody tr td:nth-child(2),
tbody tr td:nth-child(5),
tbody tr td:nth-child(8),
tbody tr td:nth-child(11),
tbody tr td:nth-child(14),
tbody tr td:nth-child(17),
tbody tr td:nth-child(20),
tbody tr td:nth-child(23),
tbody tr td:nth-child(4),
tbody tr td:nth-child(7),
tbody tr td:nth-child(10),
tbody tr td:nth-child(13),
tbody tr td:nth-child(16),
tbody tr td:nth-child(19),
tbody tr td:nth-child(22),
tbody tr td:nth-child(25),
tbody tr td:nth-child(28) {
font-size: 9px
}
th {
font-size: 11px
}
}
thead tr th:nth-child(1) {
width: 100px
}
@media only screen and (max-width:770px) {
tr td:nth-child(1) {
font-size: 9px
}
tbody tr td:nth-child(3),
tbody tr td:nth-child(6),
tbody tr td:nth-child(9),
tbody tr td:nth-child(12),
tbody tr td:nth-child(15),
tbody tr td:nth-child(18),
tbody tr td:nth-child(21),
tbody tr td:nth-child(24),
tbody tr td:nth-child(27) {
border-left-width: 0;
border-right-width: 0;
font-size: 16px
}
tbody tr td:nth-child(4),
tbody tr td:nth-child(7),
tbody tr td:nth-child(10),
tbody tr td:nth-child(13),
tbody tr td:nth-child(16),
tbody tr td:nth-child(19),
tbody tr td:nth-child(22),
tbody tr td:nth-child(25),
tbody tr td:nth-child(28) {
border-left-width: 0;
font-size: 11px
}
tbody tr td:nth-child(2),
tbody tr td:nth-child(5),
tbody tr td:nth-child(8),
tbody tr td:nth-child(11),
tbody tr td:nth-child(14),
tbody tr td:nth-child(17),
tbody tr td:nth-child(20),
tbody tr td:nth-child(23) {
border-right-width: 0;
font-size: 11px
}
thead tr th:nth-child(1) {
width: 55px
}
.panel.panel-info {
width: 99%
}
}
.css-11,
.css-16,
.css-22,
.css-27,
.css-33,
.css-38,
.css-44,
.css-49,
.css-50,
.css-55,
.css-61,
.css-66,
.css-72,
.css-83,
.css-88,
.css-94,
.css-99,
.css-05,
.css-00,
.css-77,
.css-star {
color: red;
}
.chart-11,
.chart-22,
.chart-33,
.chart-44,
.chart-55,
.chart-66,
.chart-77,
.chart-88,
.chart-99,
.chart-00,
.chat-05,
.chat-50,
.chat-16,
.chat-61,
.chat-27,
.chat-72,
.chat-38,
.chat-83,
.chat-49,
.chat-94 {
color: red
}
.chart-05,
.chart-50,
.chart-16,
.chart-61,
.chart-27,
.chart-72,
.chart-38,
.chart-83,
.chart-49,
.chart-94 {
color: red
}
@media only screen and (max-width:770px) {
.panel.panel-info {
width: 99%
}
}
@media only screen and (max-width:500px) {
.chart-list {
width: 95%;
}
}
.mp-btn {
position: fixed;
bottom: 9px;
left: 5px;
padding: 5px 8px;
font-size: 15px;
border: 1px solid #fff;
text-decoration: none;
background-color: #039;
color: #fff;
}
.nd td:nth-child(2),
.nd td:nth-child(4),
.nd td:nth-child(5),
.nd td:nth-child(7),
.nd td:nth-child(8),
.nd td:nth-child(10),
.nd td:nth-child(11),
.nd td:nth-child(13),
.nd td:nth-child(14),
.nd td:nth-child(16),
.nd td:nth-child(17),
.nd td:nth-child(19),
.nd td:nth-child(20),
.nd td:nth-child(22),
.nd td:nth-child(23),
.nd td:nth-child(25),
.nd td:nth-child(26),
.nd td:nth-child(28),
.nd td:nth-child(29) {
writing-mode: vertical-rl;
text-orientation: upright;
}
.para3 {
background: linear-gradient(187deg, #fc9 50%, #ffc387 50%);
border: 2px solid #ff0016;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-style: outset;
margin-bottom: 3px;
line-height: 1.4;
font-size: 14px;
padding: 4px 10px;
color: #00094d;
text-shadow: 1px 1px 2px #fff;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
.chart-h1 {
background: #ff00a2;
;
padding: 5px 10px;
text-shadow: 1px 1px 2px #000;
display: block;
color: #fff8f8;
margin-bottom: 3px;
letter-spacing: 1px;
font-weight: 700;
border: 2px solid #fff;
transform-style: preserve-3d;
transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1);
font-size: 18px;
margin: 3px 0px;
}
h1 {
color: #fff8f8;
}
.logo img {
margin: 5px 0px;
}
h3 {
font-size: 16px;
color: #fff;
text-shadow: 0px 0px;
margin: 0px;
padding: 5px;
}
.chart-result {
margin: 6px 2px;
line-height: 1.4;
font-size: 14px;
padding: 4px 10px;
color: #00094d;
text-shadow: 1px 1px 2px #fff;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
border: 1px solid black;
}
.chart-result div {
font-size: 22px;
color: #00094d;
text-shadow: 1px 1px 2px #fff;
}
.chart-result span {
color: #880e4f;
text-shadow: 1px 1px 2px #ffe2c6;
font-size: 21px;
}
.chart-result a {
border: 1px solid #e6e6e6;
background: #522f92;
color: #fff;
padding: 5px 7px;
font-size: 12px;
margin: 2px 0 -1px;
display: inline-block;
transition: all .3s;
cursor: pointer;
text-shadow: none;
text-decoration: none;
}
@media screen and (max-width: 400px) {
.logo img {
height: 60px;
width: auto;
max-width: 100%;
}
}
@media screen and (max-width: 300px) {
.logo img {
height: 40px;
width: auto;
max-width: 100%;
}
}
.footer-text-div p.faq-title {
font-weight: 600;
}
.footer-text-div {
max-width: 100%;
text-align: left;
margin: 2px;
border: 2px solid purple;
background: white;
padding: 10px;
}
.small-heading {
font-weight: 600;
color: red;
text-shadow: 0px 0px 1px yellow;
padding: 0px;
margin: 10px 0px 5px 0px;
}
.footer-text-div p {
font-weight: 500;
font-size: 12px;
padding: 0px;
margin: 0px;
}
.faq-heading {
font-weight: 600;
color: red;
text-shadow: 0px 0px 1px yellow;
}
.footer-text-div ul {
font-size: 12px;
text-align: left;
}
.newptn p {
writing-mode: vertical-rl;
text-orientation: upright;
margin: 0px;
}
.styles-module_blinkingCursor__yugAC {
color: inherit;
font: inherit;
left: 3px;
line-height: inherit;
opacity: 1;
position: relative;
top: 0
}
.styles-module_blinking__9VXRT {
animation-duration: .8s;
animation-iteration-count: infinite;
animation-name: styles-module_blink__rqfaf
}
@keyframes styles-module_blink__rqfaf {
0% {
opacity: 1
}
to {
opacity: 0
}
}
body {
transition: opacity ease-in 0.2s;
}
body[unresolved] {
opacity: 0;
display: block;
overflow: hidden;
position: relative;
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
html {
overflow-x: hidden !important
}
html.i-amphtml-fie {
height: 100% !important;
width: 100% !important
}
html:not([amp4ads]),
html:not([amp4ads]) body {
height: auto !important
}
html:not([amp4ads]) body {
margin: 0 !important
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%
}
html.i-amphtml-singledoc.i-amphtml-embedded {
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom
}
html.i-amphtml-fie>body,
html.i-amphtml-singledoc>body {
overflow: visible !important
}
html.i-amphtml-fie:not(.i-amphtml-inabox)>body,
html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body {
position: relative !important
}
html.i-amphtml-ios-embed-legacy>body {
overflow-x: hidden !important;
overflow-y: auto !important;
position: absolute !important
}
html.i-amphtml-ios-embed {
overflow-y: auto !important;
position: static
}
#i-amphtml-wrapper {
overflow-x: hidden !important;
overflow-y: auto !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
display: block !important
}
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper {
-webkit-overflow-scrolling: touch !important
}
#i-amphtml-wrapper>body {
position: relative !important;
border-top: 1px solid transparent !important
}
#i-amphtml-wrapper+body {
visibility: visible
}
#i-amphtml-wrapper+body .i-amphtml-lightbox-element,
#i-amphtml-wrapper+body[i-amphtml-lightbox] {
visibility: hidden
}
#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element {
visibility: visible
}
#i-amphtml-wrapper.i-amphtml-scroll-disabled,
.i-amphtml-scroll-disabled {
overflow-x: hidden !important;
overflow-y: hidden !important
}
amp-instagram {
padding: 54px 0px 0px !important;
background-color: #fff
}
amp-iframe iframe {
box-sizing: border-box !important
}
[amp-access][amp-access-hide] {
display: none
}
[subscriptions-dialog],
body:not(.i-amphtml-subs-ready) [subscriptions-action],
body:not(.i-amphtml-subs-ready) [subscriptions-section] {
display: none !important
}
amp-experiment,
amp-live-list>[update] {
display: none
}
amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden {
display: none !important
}
amp-list [fetch-error],
amp-list[load-more] [load-more-button],
amp-list[load-more] [load-more-end],
amp-list[load-more] [load-more-failed],
amp-list[load-more] [load-more-loading] {
display: none
}
amp-list[diffable] div[role=list] {
display: block
}
amp-story-page,
amp-story[standalone] {
min-height: 1px !important;
display: block !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
width: 100% !important
}
amp-story[standalone] {
background-color: #000 !important;
position: relative !important
}
amp-story-page {
background-color: #757575
}
amp-story .amp-active>div,
amp-story .i-amphtml-loader-background {
display: none !important
}
amp-story-page:not(:first-of-type):not([distance]):not([active]) {
transform: translateY(1000vh) !important
}
amp-autocomplete {
position: relative !important;
display: inline-block !important
}
amp-autocomplete>input,
amp-autocomplete>textarea {
padding: 0.5rem;
border: 1px solid rgba(0, 0, 0, .33)
}
.i-amphtml-autocomplete-results,
amp-autocomplete>input,
amp-autocomplete>textarea {
font-size: 1rem;
line-height: 1.5rem
}
[amp-fx^=fly-in] {
visibility: hidden
}
amp-script[nodom],
amp-script[sandboxed] {
position: fixed !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
visibility: hidden
}
/*# sourceURL=/css/ampdoc.css*/
[hidden] {
display: none !important
}
.i-amphtml-element {
display: inline-block
}
.i-amphtml-blurry-placeholder {
transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1) !important;
pointer-events: none
}
[layout=nodisplay]:not(.i-amphtml-element) {
display: none !important
}
.i-amphtml-layout-fixed,
[layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {
display: inline-block;
position: relative
}
.i-amphtml-layout-responsive,
[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),
[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive) {
display: block;
position: relative
}
.i-amphtml-layout-intrinsic,
[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic) {
display: inline-block;
position: relative;
max-width: 100%
}
.i-amphtml-layout-intrinsic .i-amphtml-sizer {
max-width: 100%
}
.i-amphtml-intrinsic-sizer {
max-width: 100%;
display: block !important
}
.i-amphtml-layout-container,
.i-amphtml-layout-fixed-height,
[layout=container],
[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height) {
display: block;
position: relative
}
.i-amphtml-layout-fill,
.i-amphtml-layout-fill.i-amphtml-notbuilt,
[layout=fill]:not(.i-amphtml-layout-fill),
body noscript>* {
display: block;
overflow: hidden !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
body noscript>* {
position: absolute !important;
width: 100%;
height: 100%;
z-index: 2
}
body noscript {
display: inline !important
}
.i-amphtml-layout-flex-item,
[layout=flex-item]:not(.i-amphtml-layout-flex-item) {
display: block;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.i-amphtml-layout-fluid {
position: relative
}
.i-amphtml-layout-size-defined {
overflow: hidden !important
}
.i-amphtml-layout-awaiting-size {
position: absolute !important;
top: auto !important;
bottom: auto !important
}
i-amphtml-sizer {
display: block !important
}
@supports (aspect-ratio:1/1) {
i-amphtml-sizer.i-amphtml-disable-ar {
display: none !important
}
}
.i-amphtml-blurry-placeholder,
.i-amphtml-fill-content {
display: block;
height: 0;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
width: 0;
margin: auto
}
.i-amphtml-layout-size-defined .i-amphtml-fill-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.i-amphtml-replaced-content,
.i-amphtml-screen-reader {
padding: 0 !important;
border: none !important
}
.i-amphtml-screen-reader {
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: 4px !important;
height: 4px !important;
opacity: 0 !important;
overflow: hidden !important;
margin: 0 !important;
display: block !important;
visibility: visible !important
}
.i-amphtml-screen-reader~.i-amphtml-screen-reader {
left: 8px !important
}
.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
left: 12px !important
}
.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
left: 16px !important
}
.i-amphtml-unresolved {
position: relative;
overflow: hidden !important
}
.i-amphtml-select-disabled {
-webkit-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important
}
.i-amphtml-notbuilt,
[layout]:not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
position: relative;
overflow: hidden !important;
color: transparent !important
}
.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,
[layout]:not([layout=container]):not(.i-amphtml-element)>*,
[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,
[width][height][sizes]:not([layout]):not(.i-amphtml-element)>* {
display: none
}
amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content {
display: block
}
.i-amphtml-notbuilt:not(.i-amphtml-layout-container),
[layout]:not([layout=container]):not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
color: transparent !important;
line-height: 0 !important
}
.i-amphtml-ghost {
visibility: hidden !important
}
.i-amphtml-element>[placeholder],
[layout]:not(.i-amphtml-element)>[placeholder],
[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],
[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder] {
display: block;
line-height: normal
}
.i-amphtml-element>[placeholder].amp-hidden,
.i-amphtml-element>[placeholder].hidden {
visibility: hidden
}
.i-amphtml-element:not(.amp-notsupported)>[fallback],
.i-amphtml-layout-container>[placeholder].amp-hidden,
.i-amphtml-layout-container>[placeholder].hidden {
display: none
}
.i-amphtml-layout-size-defined>[fallback],
.i-amphtml-layout-size-defined>[placeholder] {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1
}
amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder] {
z-index: auto
}
.i-amphtml-notbuilt>[placeholder] {
display: block !important
}
.i-amphtml-hidden-by-media-query {
display: none !important
}
.i-amphtml-element-error {
background: red !important;
color: #fff !important;
position: relative !important
}
.i-amphtml-element-error:before {
content: attr(error-message)
}
i-amp-scroll-container,
i-amphtml-scroll-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block
}
i-amp-scroll-container.amp-active,
i-amphtml-scroll-container.amp-active {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.i-amphtml-loading-container {
display: block !important;
pointer-events: none;
z-index: 1
}
.i-amphtml-notbuilt>.i-amphtml-loading-container {
display: block !important
}
.i-amphtml-loading-container.amp-hidden {
visibility: hidden
}
.i-amphtml-element>[overflow] {
cursor: pointer;
position: relative;
z-index: 2;
visibility: hidden;
display: initial;
line-height: normal
}
.i-amphtml-layout-size-defined>[overflow] {
position: absolute
}
.i-amphtml-element>[overflow].amp-visible {
visibility: visible
}
template {
display: none !important
}
.amp-border-box,
.amp-border-box *,
.amp-border-box :after,
.amp-border-box :before {
box-sizing: border-box
}
amp-pixel {
display: none !important
}
amp-analytics,
amp-auto-ads,
amp-story-auto-ads {
position: fixed !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
visibility: hidden
}
amp-story {
visibility: hidden !important
}
html.i-amphtml-fie>amp-analytics {
position: initial !important
}
[visible-when-invalid]:not(.visible),
form [submit-error],
form [submit-success],
form [submitting] {
display: none
}
amp-accordion {
display: block !important
}
@media (min-width:1px) {
:where(amp-accordion>section)>:first-child {
margin: 0;
background-color: #efefef;
padding-right: 20px;
border: 1px solid #dfdfdf
}
:where(amp-accordion>section)>:last-child {
margin: 0
}
}
amp-accordion>section {
float: none !important
}
amp-accordion>section>* {
float: none !important;
display: block !important;
overflow: hidden !important;
position: relative !important
}
amp-accordion,
amp-accordion>section {
margin: 0
}
amp-accordion:not(.i-amphtml-built)>section>:last-child {
display: none !important
}
amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child {
display: block !important
}
/*# sourceURL=/css/ampshared.css*/
form.amp-form-submit-error [submit-error],
form.amp-form-submit-success [submit-success],
form.amp-form-submitting [submitting] {
display: block
}
textarea[autoexpand]:not(.i-amphtml-textarea-max) {
overflow: hidden !important
}
.i-amphtml-textarea-clone {
visibility: hidden;
position: absolute;
top: -9999px;
left: -9999px;
height: 0 !important
}
.i-amphtml-validation-bubble {
transform: translate(-50%, -100%);
background-color: #fff;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
max-width: 200px;
position: absolute;
display: block;
box-sizing: border-box;
padding: 10px;
border-radius: 5px
}
.i-amphtml-validation-bubble:after {
content: " ";
position: absolute;
bottom: -8px;
left: 30px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff
}
[visible-when-invalid] {
color: red
}
/*# sourceURL=/extensions/amp-form/0.1/amp-form.css*/
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
.mc-palette-default {
color: rgba(176, 183, 191, 1);
background-color: rgb(176, 183, 191, 0.10);
}
.mc-palette-default:hover {
background-color: rgb(176, 183, 191, 0.20);
}
.mc-palette-red {
color: rgb(243, 73, 112, 1);
background-color: rgba(243, 73, 112, 0.10);
}
.mc-palette-red:hover {
background-color: rgba(243, 73, 112, 0.20);
}
.mc-palette-orange-red {
color: rgb(242, 102, 97, 1);
background-color: rgba(242, 102, 97, 0.10);
}
.mc-palette-orange-red:hover {
background-color: rgba(242, 102, 97, 0.20);
}
.mc-palette-orange {
color: rgba(255, 179, 31, 1);
background-color: rgba(255, 179, 31, 0.10);
}
.mc-palette-orange:hover {
background-color: rgba(255, 179, 31, 0.20);
}
.mc-palette-cyan {
color: rgba(57, 192, 200, 1);
background-color: rgba(57, 192, 200, 0.10);
}
.mc-palette-cyan:hover {
background-color: rgba(57, 192, 200, 0.20);
}
.mc-palette-blue {
color: rgba(1, 123, 255, 1);
background-color: rgba(1, 123, 255, 0.10);
}
.mc-palette-blue:hover {
background-color: rgba(1, 123, 255, 0.20);
}
.mc-palette-purple {
color: rgb(108, 71, 255);
background-color: rgba(108, 71, 255, 0.10);
}
.mc-palette-purple:hover {
background-color: rgba(108, 71, 255, 0.20);
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
/**
* 公共样式 - 所有 Content Scripts 共享
*
* 参考 showcase-extension 的实现，只保留必要的基础样式
* antd 5 会通过 CSS-in-JS 动态注入组件样式
*/
/* 基础 box-sizing 设置 - 确保 antd 组件在 Shadow DOM 中正确渲染 */
*,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
/*
* Shadow DOM 中 antd 的 spin 动画修复
*
* 问题：antd 的全局 anticon-spin 类的动画定义在 Shadow DOM 中丢失
* 解决：手动添加 spin 动画定义
*/
@keyframes anticon-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.anticon-spin {
animation: anticon-spin 1s linear infinite;
}
._transcription_toolbar_1kv88_1 {
display: flex;
flex-direction: row;
position: fixed;
right: 45px;
height: 48px;
width: fit-content;
cursor: pointer;
z-index: 99999999;
border-radius: 40px;
background: var(--color-background-neutral-white, #fff);
box-shadow: 0px 0px 1px 0px rgba(15, 26, 38, 0.12), 0px 6px 24px 0px rgba(15, 26, 38, 0.12);
display: inline-flex;
padding: 6px var(--spacing-100, 8px);
align-items: center;
flex-shrink: 0;
}
._transcription_toolbar_1kv88_1 ._tips_1kv88_18 {
position: absolute;
top: -55px;
left: 55px;
display: flex;
align-items: center;
padding: 8px;
background-color: #fff;
border-radius: 6px;
gap: 8px;
box-shadow: 0px 8px 32px 0px rgba(15, 26, 38, 0.08), 0px 2px 20px 0px rgba(15, 26, 38, 0.04);
}
._transcription_toolbar_1kv88_1 ._tips_1kv88_18 ._text_1kv88_30 {
white-space: nowrap;
color: #05080d;
}
._transcription_toolbar_1kv88_1 ._drag_box_1kv88_34 {
display: flex;
box-sizing: border-box;
width: 36px;
height: 36px;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 50%;
cursor: grab;
}
._transcription_toolbar_1kv88_1 ._drag_box_1kv88_34:hover {
background: var(--color-background-neutral-hovered, #eeeff0);
}
._transcription_toolbar_1kv88_1 ._stop_recording_1kv88_49 {
display: flex;
flex-direction: row;
justify-content: center;
box-sizing: border-box;
height: 36px;
margin: 0 8px;
padding: 0px var(--spacing-100, 8px) 0px var(--spacing-50, 4px);
align-items: center;
gap: var(--spacing-50, 4px);
border-radius: var(--radius-full, 999px);
color: var(--color-text-neutral-primary, #05080d);
font-feature-settings: 'clig' off, 'liga' off;
/* English/Paragaraph/Emphasized/XXL & XL */
font-family: 'Noto Sans';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
/* 157.143% */
cursor: pointer;
}
._transcription_toolbar_1kv88_1 ._stop_recording_1kv88_49 ._red_box_1kv88_71 {
display: flex;
align-items: center;
justify-content: center;
}
._transcription_toolbar_1kv88_1 ._stop_recording_1kv88_49:hover {
background: var(--color-background-neutral-hovered, #eeeff0);
}
._transcription_toolbar_1kv88_1 ._divider_1kv88_79 {
width: 5px;
height: 20px;
border-left: 1px solid var(--color-divider-neutral-weak, #eeeff0);
margin-left: 4px;
}
._transcription_toolbar_1kv88_1 ._pause_recording_1kv88_85 {
display: flex;
box-sizing: border-box;
width: 36px;
height: 36px;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 50%;
cursor: pointer;
}
._transcription_toolbar_1kv88_1 ._bookmark_btn_1kv88_97 {
display: flex;
align-items: center;
gap: 4px;
padding: 10px;
cursor: pointer;
border-radius: var(--radius-full, 999px);
user-select: none;
}
._transcription_toolbar_1kv88_1 ._bookmark_btn_1kv88_97 span {
color: #05080d;
}
._transcription_toolbar_1kv88_1 ._bookmark_btn_1kv88_97._disabled_1kv88_109 {
cursor: not-allowed;
opacity: 0.5;
}
._transcription_toolbar_1kv88_1 ._pause_recording_1kv88_85:hover,
._transcription_toolbar_1kv88_1 ._bookmark_btn_1kv88_97:hover {
background: var(--color-background-neutral-hovered, #eeeff0);
}
._transcription_toolbar_1kv88_1 ._hover_area_1kv88_117 {
display: none;
position: absolute;
width: 48px;
height: 20px;
top: -14px;
}
._transcription_toolbar_1kv88_1 ._bottom_1kv88_124 {
top: auto;
/* 取消 top 设置 */
bottom: -50px;
/* 设置 bottom */
}
._transcription_toolbar_1kv88_1 ._bottom_1kv88_124._hover_area_1kv88_117 {
bottom: -14px;
}
._transcription_toolbar_1kv88_1:hover ._hover_area_1kv88_117 {
display: block;
}
._transcription_toolbar_1kv88_1:hover ._close_1kv88_136 {
display: block;
}
._transcription_toolbar_1kv88_1:hover ._start_transcript_1kv88_139 {
display: flex;
}
._transcription_toolbar_1kv88_1 img {
width: 25px;
height: 25px;
}
._tooltip_container_13fol_1 {
display: flex;
position: relative;
box-sizing: border-box;
}
._tooltip_text_13fol_6 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: var(--spacing-400, 32px);
padding: 8px 12px;
gap: 12px;
color: #fff;
text-wrap: nowrap;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
color: var(--color-palettes-black-white-white, #fff);
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: 'Noto Sans';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
visibility: visible;
border-radius: 6px;
background: var(--Color-Palettes-Grey-Light-800, #0f1a26);
}
._tooltip_text_13fol_6::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #000 transparent transparent transparent;
}
._tooltip_trigger_13fol_44 {
display: flex;
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
html {
overflow-x: hidden !important
}
html.i-amphtml-fie {
height: 100% !important;
width: 100% !important
}
html:not([amp4ads]),
html:not([amp4ads]) body {
height: auto !important
}
html:not([amp4ads]) body {
margin: 0 !important
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%
}
html.i-amphtml-singledoc.i-amphtml-embedded {
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom
}
html.i-amphtml-fie>body,
html.i-amphtml-singledoc>body {
overflow: visible !important
}
html.i-amphtml-fie:not(.i-amphtml-inabox)>body,
html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body {
position: relative !important
}
html.i-amphtml-ios-embed-legacy>body {
overflow-x: hidden !important;
overflow-y: auto !important;
position: absolute !important
}
html.i-amphtml-ios-embed {
overflow-y: auto !important;
position: static
}
#i-amphtml-wrapper {
overflow-x: hidden !important;
overflow-y: auto !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
display: block !important
}
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper {
-webkit-overflow-scrolling: touch !important
}
#i-amphtml-wrapper>body {
position: relative !important;
border-top: 1px solid transparent !important
}
#i-amphtml-wrapper+body {
visibility: visible
}
#i-amphtml-wrapper+body .i-amphtml-lightbox-element,
#i-amphtml-wrapper+body[i-amphtml-lightbox] {
visibility: hidden
}
#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element {
visibility: visible
}
#i-amphtml-wrapper.i-amphtml-scroll-disabled,
.i-amphtml-scroll-disabled {
overflow-x: hidden !important;
overflow-y: hidden !important
}
amp-instagram {
padding: 54px 0px 0px !important;
background-color: #fff
}
amp-iframe iframe {
box-sizing: border-box !important
}
[amp-access][amp-access-hide] {
display: none
}
[subscriptions-dialog],
body:not(.i-amphtml-subs-ready) [subscriptions-action],
body:not(.i-amphtml-subs-ready) [subscriptions-section] {
display: none !important
}
amp-experiment,
amp-live-list>[update] {
display: none
}
amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden {
display: none !important
}
amp-list [fetch-error],
amp-list[load-more] [load-more-button],
amp-list[load-more] [load-more-end],
amp-list[load-more] [load-more-failed],
amp-list[load-more] [load-more-loading] {
display: none
}
amp-list[diffable] div[role=list] {
display: block
}
amp-story-page,
amp-story[standalone] {
min-height: 1px !important;
display: block !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
width: 100% !important
}
amp-story[standalone] {
background-color: #000 !important;
position: relative !important
}
amp-story-page {
background-color: #757575
}
amp-story .amp-active>div,
amp-story .i-amphtml-loader-background {
display: none !important
}
amp-story-page:not(:first-of-type):not([distance]):not([active]) {
transform: translateY(1000vh) !important
}
amp-autocomplete {
position: relative !important;
display: inline-block !important
}
amp-autocomplete>input,
amp-autocomplete>textarea {
padding: 0.5rem;
border: 1px solid rgba(0, 0, 0, .33)
}
.i-amphtml-autocomplete-results,
amp-autocomplete>input,
amp-autocomplete>textarea {
font-size: 1rem;
line-height: 1.5rem
}
[amp-fx^=fly-in] {
visibility: hidden
}
amp-script[nodom],
amp-script[sandboxed] {
position: fixed !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
visibility: hidden
}
/*# sourceURL=/css/ampdoc.css*/
[hidden] {
display: none !important
}
.i-amphtml-element {
display: inline-block
}
.i-amphtml-blurry-placeholder {
transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1) !important;
pointer-events: none
}
[layout=nodisplay]:not(.i-amphtml-element) {
display: none !important
}
.i-amphtml-layout-fixed,
[layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {
display: inline-block;
position: relative
}
.i-amphtml-layout-responsive,
[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),
[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive) {
display: block;
position: relative
}
.i-amphtml-layout-intrinsic,
[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic) {
display: inline-block;
position: relative;
max-width: 100%
}
.i-amphtml-layout-intrinsic .i-amphtml-sizer {
max-width: 100%
}
.i-amphtml-intrinsic-sizer {
max-width: 100%;
display: block !important
}
.i-amphtml-layout-container,
.i-amphtml-layout-fixed-height,
[layout=container],
[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height) {
display: block;
position: relative
}
.i-amphtml-layout-fill,
.i-amphtml-layout-fill.i-amphtml-notbuilt,
[layout=fill]:not(.i-amphtml-layout-fill),
body noscript>* {
display: block;
overflow: hidden !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
body noscript>* {
position: absolute !important;
width: 100%;
height: 100%;
z-index: 2
}
body noscript {
display: inline !important
}
.i-amphtml-layout-flex-item,
[layout=flex-item]:not(.i-amphtml-layout-flex-item) {
display: block;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.i-amphtml-layout-fluid {
position: relative
}
.i-amphtml-layout-size-defined {
overflow: hidden !important
}
.i-amphtml-layout-awaiting-size {
position: absolute !important;
top: auto !important;
bottom: auto !important
}
i-amphtml-sizer {
display: block !important
}
@supports (aspect-ratio:1/1) {
i-amphtml-sizer.i-amphtml-disable-ar {
display: none !important
}
}
.i-amphtml-blurry-placeholder,
.i-amphtml-fill-content {
display: block;
height: 0;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
width: 0;
margin: auto
}
.i-amphtml-layout-size-defined .i-amphtml-fill-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.i-amphtml-replaced-content,
.i-amphtml-screen-reader {
padding: 0 !important;
border: none !important
}
.i-amphtml-screen-reader {
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: 4px !important;
height: 4px !important;
opacity: 0 !important;
overflow: hidden !important;
margin: 0 !important;
display: block !important;
visibility: visible !important
}
.i-amphtml-screen-reader~.i-amphtml-screen-reader {
left: 8px !important
}
.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
left: 12px !important
}
.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
left: 16px !important
}
.i-amphtml-unresolved {
position: relative;
overflow: hidden !important
}
.i-amphtml-select-disabled {
-webkit-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important
}
.i-amphtml-notbuilt,
[layout]:not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
position: relative;
overflow: hidden !important;
color: transparent !important
}
.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,
[layout]:not([layout=container]):not(.i-amphtml-element)>*,
[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,
[width][height][sizes]:not([layout]):not(.i-amphtml-element)>* {
display: none
}
amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content {
display: block
}
.i-amphtml-notbuilt:not(.i-amphtml-layout-container),
[layout]:not([layout=container]):not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
color: transparent !important;
line-height: 0 !important
}
.i-amphtml-ghost {
visibility: hidden !important
}
.i-amphtml-element>[placeholder],
[layout]:not(.i-amphtml-element)>[placeholder],
[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],
[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder] {
display: block;
line-height: normal
}
.i-amphtml-element>[placeholder].amp-hidden,
.i-amphtml-element>[placeholder].hidden {
visibility: hidden
}
.i-amphtml-element:not(.amp-notsupported)>[fallback],
.i-amphtml-layout-container>[placeholder].amp-hidden,
.i-amphtml-layout-container>[placeholder].hidden {
display: none
}
.i-amphtml-layout-size-defined>[fallback],
.i-amphtml-layout-size-defined>[placeholder] {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1
}
amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder] {
z-index: auto
}
.i-amphtml-notbuilt>[placeholder] {
display: block !important
}
.i-amphtml-hidden-by-media-query {
display: none !important
}
.i-amphtml-element-error {
background: red !important;
color: #fff !important;
position: relative !important
}
.i-amphtml-element-error:before {
content: attr(error-message)
}
i-amp-scroll-container,
i-amphtml-scroll-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block
}
i-amp-scroll-container.amp-active,
i-amphtml-scroll-container.amp-active {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.i-amphtml-loading-container {
display: block !important;
pointer-events: none;
z-index: 1
}
.i-amphtml-notbuilt>.i-amphtml-loading-container {
display: block !important
}
.i-amphtml-loading-container.amp-hidden {
visibility: hidden
}
.i-amphtml-element>[overflow] {
cursor: pointer;
position: relative;
z-index: 2;
visibility: hidden;
display: initial;
line-height: normal
}
.i-amphtml-layout-size-defined>[overflow] {
position: absolute
}
.i-amphtml-element>[overflow].amp-visible {
visibility: visible
}
template {
display: none !important
}
.amp-border-box,
.amp-border-box *,
.amp-border-box :after,
.amp-border-box :before {
box-sizing: border-box
}
amp-pixel {
display: none !important
}
amp-analytics,
amp-auto-ads,
amp-story-auto-ads {
position: fixed !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
visibility: hidden
}
amp-story {
visibility: hidden !important
}
html.i-amphtml-fie>amp-analytics {
position: initial !important
}
[visible-when-invalid]:not(.visible),
form [submit-error],
form [submit-success],
form [submitting] {
display: none
}
amp-accordion {
display: block !important
}
@media (min-width:1px) {
:where(amp-accordion>section)>:first-child {
margin: 0;
background-color: #efefef;
padding-right: 20px;
border: 1px solid #dfdfdf
}
:where(amp-accordion>section)>:last-child {
margin: 0
}
}
amp-accordion>section {
float: none !important
}
amp-accordion>section>* {
float: none !important;
display: block !important;
overflow: hidden !important;
position: relative !important
}
amp-accordion,
amp-accordion>section {
margin: 0
}
amp-accordion:not(.i-amphtml-built)>section>:last-child {
display: none !important
}
amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child {
display: block !important
}
/*# sourceURL=/css/ampshared.css*/
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
.mc-palette-default {
color: rgba(176, 183, 191, 1);
background-color: rgb(176, 183, 191, 0.10);
}
.mc-palette-default:hover {
background-color: rgb(176, 183, 191, 0.20);
}
.mc-palette-red {
color: rgb(243, 73, 112, 1);
background-color: rgba(243, 73, 112, 0.10);
}
.mc-palette-red:hover {
background-color: rgba(243, 73, 112, 0.20);
}
.mc-palette-orange-red {
color: rgb(242, 102, 97, 1);
background-color: rgba(242, 102, 97, 0.10);
}
.mc-palette-orange-red:hover {
background-color: rgba(242, 102, 97, 0.20);
}
.mc-palette-orange {
color: rgba(255, 179, 31, 1);
background-color: rgba(255, 179, 31, 0.10);
}
.mc-palette-orange:hover {
background-color: rgba(255, 179, 31, 0.20);
}
.mc-palette-cyan {
color: rgba(57, 192, 200, 1);
background-color: rgba(57, 192, 200, 0.10);
}
.mc-palette-cyan:hover {
background-color: rgba(57, 192, 200, 0.20);
}
.mc-palette-blue {
color: rgba(1, 123, 255, 1);
background-color: rgba(1, 123, 255, 0.10);
}
.mc-palette-blue:hover {
background-color: rgba(1, 123, 255, 0.20);
}
.mc-palette-purple {
color: rgb(108, 71, 255);
background-color: rgba(108, 71, 255, 0.10);
}
.mc-palette-purple:hover {
background-color: rgba(108, 71, 255, 0.20);
}
*,
:after,
:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
box-sizing: border-box;
border: 0 solid #e5e7eb
}
:after,
:before {
--tw-content: ""
}
:host,
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent
}
body {
margin: 0;
line-height: inherit
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0
}
button,
select {
text-transform: none
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0
}
fieldset {
margin: 0
}
fieldset,
legend {
padding: 0
}
menu,
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af
}
[role=button],
button {
cursor: pointer
}
:disabled {
cursor: default
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle
}
img,
video {
max-width: 100%;
height: auto
}
[hidden]:where(:not([hidden=until-found])) {
display: none
}
[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:where(:not([type])),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000
}
[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea: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;
text-align: inherit
}
::-webkit-datetime-edit {
display: inline-flex
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
padding-top: 0;
padding-bottom: 0
}
select {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
background-position: right .5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact
}
[multiple],
[size]:where(select:not([size="1"])) {
background-image: none;
background-position: 0 0;
background-repeat: unset;
background-size: initial;
padding-right: .75rem;
-webkit-print-color-adjust: unset;
print-color-adjust: unset
}
[type=checkbox],
[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
print-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: 0
}
[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: 50%;
background-repeat: no-repeat
}
[type=checkbox]:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0%27/%3E%3C/svg%3E")
}
@media (forced-colors:active) {
[type=checkbox]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto
}
}
[type=radio]:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 16 16%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/svg%3E")
}
@media (forced-colors:active) {
[type=radio]:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto
}
}
[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
border-color: transparent;
background-color: currentColor
}
[type=checkbox]:indeterminate {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3E%3C/svg%3E");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat
}
@media (forced-colors:active) {
[type=checkbox]:indeterminate {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto
}
}
[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
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 solid ButtonText;
outline: 1px auto -webkit-focus-ring-color
}
body {
font-size: 100% !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important
}
.\!container {
width: 100% !important
}
.container {
width: 100%
}
@media (min-width:640px) {
.\!container {
max-width: 640px !important
}
.container {
max-width: 640px
}
}
@media (min-width:768px) {
.\!container {
max-width: 768px !important
}
.container {
max-width: 768px
}
}
@media (min-width:1024px) {
.\!container {
max-width: 1024px !important
}
.container {
max-width: 1024px
}
}
@media (min-width:1280px) {
.\!container {
max-width: 1280px !important
}
.container {
max-width: 1280px
}
}
@media (min-width:1536px) {
.\!container {
max-width: 1536px !important
}
.container {
max-width: 1536px
}
}
#app-container {
height: 100% !important;
width: 100% !important
}
.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
}
.\!visible {
visibility: visible !important
}
.visible {
visibility: visible
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
inset: 0
}
.inset-x-0 {
left: 0;
right: 0
}
.inset-y-0 {
top: 0;
bottom: 0
}
.-left-1 {
left: -4px
}
.bottom-0 {
bottom: 0
}
.bottom-1\/2 {
bottom: 50%
}
.left-0 {
left: 0
}
.left-1 {
left: 4px
}
.left-1\.5 {
left: 6px
}
.right-0 {
right: 0
}
.right-1 {
right: 4px
}
.right-1\.5 {
right: 6px
}
.right-2 {
right: 8px
}
.right-2\.5 {
right: 10px
}
.right-3 {
right: 12px
}
.right-4 {
right: 16px
}
.right-5 {
right: 20px
}
.right-8 {
right: 32px
}
.top-0 {
top: 0
}
.top-1 {
top: 4px
}
.top-1\/2 {
top: 50%
}
.top-1\/3 {
top: 33.333333%
}
.top-2 {
top: 8px
}
.top-2\.5 {
top: 10px
}
.top-3 {
top: 12px
}
.top-36 {
top: 144px
}
.top-4 {
top: 16px
}
.\!z-max {
z-index: 9999 !important
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-50 {
z-index: 50
}
.z-max {
z-index: 9999
}
.z-medium {
z-index: 9000
}
.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-6 {
grid-column: span 6/span 6
}
.col-span-full {
grid-column: 1/-1
}
.m-0 {
margin: 0
}
.mx-3 {
margin-left: 12px;
margin-right: 12px
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-2 {
margin-top: 8px;
margin-bottom: 8px
}
.-mb-1 {
margin-bottom: -4px
}
.-mr-\[14px\] {
margin-right: -14px
}
.-mt-0\.5 {
margin-top: -2px
}
.-mt-2 {
margin-top: -8px
}
.mb-1 {
margin-bottom: 4px
}
.mb-2 {
margin-bottom: 8px
}
.mb-4 {
margin-bottom: 16px
}
.mb-6 {
margin-bottom: 24px
}
.mb-\[3px\] {
margin-bottom: 3px
}
.ml-0\.5 {
margin-left: 2px
}
.ml-1 {
margin-left: 4px
}
.ml-2 {
margin-left: 8px
}
.ml-4 {
margin-left: 16px
}
.ml-\[3px\] {
margin-left: 3px
}
.ml-auto {
margin-left: auto
}
.mr-1 {
margin-right: 4px
}
.mr-2 {
margin-right: 8px
}
.mr-3 {
margin-right: 12px
}
.ms-2 {
margin-inline-start: 8px
}
.mt-0\.5 {
margin-top: 2px
}
.mt-1 {
margin-top: 4px
}
.mt-1\.5 {
margin-top: 6px
}
.mt-2 {
margin-top: 8px
}
.mt-3 {
margin-top: 12px
}
.mt-4 {
margin-top: 16px
}
.mt-6 {
margin-top: 24px
}
.mt-8 {
margin-top: 32px
}
.mt-px {
margin-top: 1px
}
.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
}
.aspect-\[16\/8\] {
aspect-ratio: 16/8
}
.aspect-\[4\/3\] {
aspect-ratio: 4/3
}
.aspect-square {
aspect-ratio: 1/1
}
.aspect-video {
aspect-ratio: 16/9
}
.h-1 {
height: 4px
}
.h-1\.5 {
height: 6px
}
.h-10 {
height: 40px
}
.h-12 {
height: 48px
}
.h-14 {
height: 56px
}
.h-16 {
height: 64px
}
.h-2 {
height: 8px
}
.h-3 {
height: 12px
}
.h-3\.5 {
height: 14px
}
.h-32 {
height: 128px
}
.h-4 {
height: 16px
}
.h-5 {
height: 20px
}
.h-6 {
height: 24px
}
.h-7 {
height: 28px
}
.h-8 {
height: 32px
}
.h-9 {
height: 36px
}
.h-\[250px\] {
height: 250px
}
.h-\[80vh\] {
height: 80vh
}
.h-full {
height: 100%
}
.h-max {
height: -moz-max-content;
height: max-content
}
.max-h-60 {
max-height: 240px
}
.max-h-96 {
max-height: 384px
}
.max-h-\[250px\] {
max-height: 250px
}
.max-h-\[520px\] {
max-height: 520px
}
.min-h-\[180px\] {
min-height: 180px
}
.min-h-\[320px\] {
min-height: 320px
}
.w-10 {
width: 40px
}
.w-11 {
width: 44px
}
.w-12 {
width: 48px
}
.w-14 {
width: 56px
}
.w-16 {
width: 64px
}
.w-2 {
width: 8px
}
.w-24 {
width: 96px
}
.w-3 {
width: 12px
}
.w-3\.5 {
width: 14px
}
.w-36 {
width: 144px
}
.w-4 {
width: 16px
}
.w-44 {
width: 176px
}
.w-5 {
width: 20px
}
.w-52 {
width: 208px
}
.w-6 {
width: 24px
}
.w-64 {
width: 256px
}
.w-7 {
width: 28px
}
.w-8 {
width: 32px
}
.w-9 {
width: 36px
}
.w-\[0\%\] {
width: 0
}
.w-\[800px\] {
width: 800px
}
.w-full {
width: 100%
}
.w-max {
width: -moz-max-content;
width: max-content
}
.max-w-\[240px\] {
max-width: 240px
}
.max-w-\[300px\] {
max-width: 300px
}
.max-w-lg {
max-width: 512px
}
.max-w-md {
max-width: 448px
}
.max-w-sm {
max-width: 384px
}
.max-w-xs {
max-width: 320px
}
.flex-1 {
flex: 1 1 0%
}
.flex-shrink-0,
.shrink-0 {
flex-shrink: 0
}
.table-auto {
table-layout: auto
}
.origin-top-left {
transform-origin: top left
}
.origin-top-right {
transform-origin: top right
}
.-translate-x-1\/2 {
--tw-translate-x: -50%
}
.-translate-x-1\/2,
.-translate-x-full {
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%
}
.-translate-y-1\/2 {
--tw-translate-y: -50%
}
.-translate-y-1\/2,
.translate-x-0 {
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: 0
}
.translate-x-1\/2 {
--tw-translate-x: 50%
}
.translate-x-1\/2,
.translate-x-5 {
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: 20px
}
.translate-y-0 {
--tw-translate-y: 0
}
.translate-y-0,
.translate-y-1\/2 {
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-1\/2 {
--tw-translate-y: 50%
}
.translate-y-full {
--tw-translate-y: 100%
}
.rotate-45,
.translate-y-full {
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-45 {
--tw-rotate: 45deg
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1
}
.scale-100,
.scale-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))
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95
}
.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 ping {
75%,
to {
transform: scale(2);
opacity: 0
}
}
.animate-ping {
animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}
@keyframes pulse {
50% {
opacity: .5
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
.animate-spin {
animation: spin 1s linear infinite
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-pointer {
cursor: pointer
}
.cursor-wait {
cursor: wait
}
.list-inside {
list-style-position: inside
}
.list-decimal {
list-style-type: decimal
}
.grid-cols-12 {
grid-template-columns: repeat(12, 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))
}
.flex-row-reverse {
flex-direction: row-reverse
}
.flex-col {
flex-direction: column
}
.place-items-center {
place-items: center
}
.items-start {
align-items: flex-start
}
.items-center {
align-items: center
}
.items-baseline {
align-items: baseline
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-evenly {
justify-content: space-evenly
}
.gap-1 {
gap: 4px
}
.gap-2 {
gap: 8px
}
.gap-4 {
gap: 16px
}
.gap-6 {
gap: 24px
}
.gap-x-4 {
-moz-column-gap: 16px;
column-gap: 16px
}
.gap-y-6 {
row-gap: 24px
}
.space-x-1>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(4px*var(--tw-space-x-reverse));
margin-left: calc(4px*(1 - var(--tw-space-x-reverse)))
}
.space-x-1\.5>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(6px*var(--tw-space-x-reverse));
margin-left: calc(6px*(1 - var(--tw-space-x-reverse)))
}
.space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(8px*var(--tw-space-x-reverse));
margin-left: calc(8px*(1 - var(--tw-space-x-reverse)))
}
.space-x-4>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(16px*var(--tw-space-x-reverse));
margin-left: calc(16px*(1 - var(--tw-space-x-reverse)))
}
.space-x-6>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(24px*var(--tw-space-x-reverse));
margin-left: calc(24px*(1 - var(--tw-space-x-reverse)))
}
.space-x-8>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(32px*var(--tw-space-x-reverse));
margin-left: calc(32px*(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(4px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(4px*var(--tw-space-y-reverse))
}
.space-y-1\.5>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(6px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(6px*var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(8px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(8px*var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(12px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(12px*var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px*(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px*var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}
.divide-gray-100>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(243 244 246/var(--tw-divide-opacity, 1))
}
.divide-gray-200>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(229 231 235/var(--tw-divide-opacity, 1))
}
.self-center {
align-self: center
}
.overflow-hidden {
overflow: hidden
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-y-hidden {
overflow-y: hidden
}
.overflow-y-scroll {
overflow-y: scroll
}
.truncate {
overflow: hidden;
text-overflow: ellipsis
}
.truncate,
.whitespace-nowrap {
white-space: nowrap
}
.rounded {
border-radius: 4px
}
.rounded-full {
border-radius: 9999px
}
.rounded-lg {
border-radius: 8px
}
.rounded-md {
border-radius: 6px
}
.rounded-sm {
border-radius: 2px
}
.rounded-l {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.border {
border-width: 1px
}
.border-b {
border-bottom-width: 1px
}
.border-b-4 {
border-bottom-width: 4px
}
.border-t {
border-top-width: 1px
}
.border-solid {
border-style: solid
}
.border-none {
border-style: none
}
.border-brand {
--tw-border-opacity: 1;
border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
}
.border-gray-100\/50 {
border-color: rgba(243, 244, 246, .5)
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}
.border-gray-200\/50 {
border-color: rgba(229, 231, 235, .5)
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}
.border-red-600 {
--tw-border-opacity: 1;
border-color: rgb(220 38 38/var(--tw-border-opacity, 1))
}
.border-slate-100 {
--tw-border-opacity: 1;
border-color: rgb(241 245 249/var(--tw-border-opacity, 1))
}
.bg-\[\#232935\] {
--tw-bg-opacity: 1;
background-color: rgb(35 41 53/var(--tw-bg-opacity, 1))
}
.bg-\[\#F4F5FF\] {
--tw-bg-opacity: 1;
background-color: rgb(244 245 255/var(--tw-bg-opacity, 1))
}
.bg-\[\#d2e3fc\] {
--tw-bg-opacity: 1;
background-color: rgb(210 227 252/var(--tw-bg-opacity, 1))
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}
.bg-black\/50 {
background-color: rgba(0, 0, 0, .5)
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}
.bg-brand {
--tw-bg-opacity: 1;
background-color: rgb(188 32 144/var(--tw-bg-opacity, 1))
}
.bg-brand\/10 {
background-color: rgba(188, 32, 144, .1)
}
.bg-brand\/90 {
background-color: rgba(188, 32, 144, .9)
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}
.bg-gray-50\/10 {
background-color: rgba(249, 250, 251, .1)
}
.bg-gray-50\/70 {
background-color: rgba(249, 250, 251, .7)
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128/var(--tw-bg-opacity, 1))
}
.bg-gray-600 {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231/var(--tw-bg-opacity, 1))
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}
.bg-purple-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 232 255/var(--tw-bg-opacity, 1))
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}
.bg-stone-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 244/var(--tw-bg-opacity, 1))
}
.bg-stone-300 {
--tw-bg-opacity: 1;
background-color: rgb(214 211 209/var(--tw-bg-opacity, 1))
}
.bg-transparent {
background-color: transparent
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}
.bg-white\/60 {
background-color: hsla(0, 0%, 100%, .6)
}
.bg-white\/90 {
background-color: hsla(0, 0%, 100%, .9)
}
.bg-zinc-100 {
--tw-bg-opacity: 1;
background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}
.bg-opacity-10 {
--tw-bg-opacity: 0.1
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5
}
.bg-opacity-70 {
--tw-bg-opacity: 0.7
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.from-white {
--tw-gradient-from: #fff var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.to-gray-700 {
--tw-gradient-to: #374151 var(--tw-gradient-to-position)
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.bg-no-repeat {
background-repeat: no-repeat
}
.fill-brand {
fill: #bc2090
}
.object-contain {
-o-object-fit: contain;
object-fit: contain
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.object-center {
-o-object-position: center;
object-position: center
}
.p-0 {
padding: 0
}
.p-1\.5 {
padding: 6px
}
.p-2 {
padding: 8px
}
.p-4 {
padding: 16px
}
.p-5 {
padding: 20px
}
.p-6 {
padding: 24px
}
.px-1 {
padding-left: 4px;
padding-right: 4px
}
.px-1\.5 {
padding-left: 6px;
padding-right: 6px
}
.px-2 {
padding-left: 8px;
padding-right: 8px
}
.px-2\.5 {
padding-left: 10px;
padding-right: 10px
}
.px-3 {
padding-left: 12px;
padding-right: 12px
}
.px-4 {
padding-left: 16px;
padding-right: 16px
}
.px-5 {
padding-left: 20px;
padding-right: 20px
}
.px-6 {
padding-left: 24px;
padding-right: 24px
}
.px-8 {
padding-left: 32px;
padding-right: 32px
}
.py-0\.5 {
padding-top: 2px;
padding-bottom: 2px
}
.py-1 {
padding-top: 4px;
padding-bottom: 4px
}
.py-1\.5 {
padding-top: 6px;
padding-bottom: 6px
}
.py-2 {
padding-top: 8px;
padding-bottom: 8px
}
.py-2\.5 {
padding-top: 10px;
padding-bottom: 10px
}
.py-3 {
padding-top: 12px;
padding-bottom: 12px
}
.py-4 {
padding-top: 16px;
padding-bottom: 16px
}
.py-6 {
padding-top: 24px;
padding-bottom: 24px
}
.py-\[2px\] {
padding-top: 2px;
padding-bottom: 2px
}
.pb-1 {
padding-bottom: 4px
}
.pb-2 {
padding-bottom: 8px
}
.pb-3 {
padding-bottom: 12px
}
.pb-4 {
padding-bottom: 16px
}
.pb-5 {
padding-bottom: 20px
}
.pb-6 {
padding-bottom: 24px
}
.pl-4 {
padding-left: 16px
}
.pl-8 {
padding-left: 32px
}
.pr-12 {
padding-right: 48px
}
.pr-3 {
padding-right: 12px
}
.pr-4 {
padding-right: 16px
}
.pr-8 {
padding-right: 32px
}
.pt-1 {
padding-top: 4px
}
.pt-2 {
padding-top: 8px
}
.pt-3 {
padding-top: 12px
}
.pt-4 {
padding-top: 16px
}
.pt-6 {
padding-top: 24px
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.align-middle {
vertical-align: middle
}
.\!font-google-sans {
font-family: Google Sans, sans-serif !important
}
.\!font-sans {
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
}
.font-google-sans {
font-family: Google Sans, sans-serif
}
.font-inter {
font-family: Inter, sans-serif
}
.font-poppins {
font-family: Poppins, sans-serif
}
.font-sans {
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
.text-3xl {
font-size: 30px;
line-height: 36px
}
.text-5xl {
font-size: 48px;
line-height: 1
}
.text-\[10px\] {
font-size: 10px
}
.text-\[11px\] {
font-size: 11px
}
.text-\[12px\] {
font-size: 12px
}
.text-\[13px\] {
font-size: 13px
}
.text-\[55px\] {
font-size: 55px
}
.text-\[8px\] {
font-size: 8px
}
.text-base {
font-size: 16px;
line-height: 24px
}
.text-lg {
font-size: 18px;
line-height: 28px
}
.text-sm {
font-size: 14px;
line-height: 20px
}
.text-xl {
font-size: 20px;
line-height: 28px
}
.text-xs {
font-size: 12px;
line-height: 16px
}
.font-\[500\] {
font-weight: 500
}
.font-black {
font-weight: 900
}
.font-bold {
font-weight: 700
}
.font-extrabold {
font-weight: 800
}
.font-extralight {
font-weight: 200
}
.font-light {
font-weight: 300
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.font-thin {
font-weight: 100
}
.uppercase {
text-transform: uppercase
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-4 {
line-height: 16px
}
.leading-none {
line-height: 1
}
.leading-relaxed {
line-height: 1.625
}
.leading-snug {
line-height: 1.375
}
.leading-tight {
line-height: 1.25
}
.tracking-\[0\.25px\] {
letter-spacing: .25px
}
.tracking-tight {
letter-spacing: -.025em
}
.tracking-tighter {
letter-spacing: -.05em
}
.text-\[\#1a73e8\] {
--tw-text-opacity: 1;
color: rgb(26 115 232/var(--tw-text-opacity, 1))
}
.text-\[\#202124\] {
--tw-text-opacity: 1;
color: rgb(32 33 36/var(--tw-text-opacity, 1))
}
.text-\[\#232529\] {
--tw-text-opacity: 1;
color: rgb(35 37 41/var(--tw-text-opacity, 1))
}
.text-\[\#232935\] {
--tw-text-opacity: 1;
color: rgb(35 41 53/var(--tw-text-opacity, 1))
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity, 1))
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246/var(--tw-text-opacity, 1))
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(37 99 235/var(--tw-text-opacity, 1))
}
.text-brand {
--tw-text-opacity: 1;
color: rgb(188 32 144/var(--tw-text-opacity, 1))
}
.text-brandSecondary {
--tw-text-opacity: 1;
color: rgb(133 42 225/var(--tw-text-opacity, 1))
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 246/var(--tw-text-opacity, 1))
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235/var(--tw-text-opacity, 1))
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175/var(--tw-text-opacity, 1))
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128/var(--tw-text-opacity, 1))
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99/var(--tw-text-opacity, 1))
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81/var(--tw-text-opacity, 1))
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55/var(--tw-text-opacity, 1))
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39/var(--tw-text-opacity, 1))
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94/var(--tw-text-opacity, 1))
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74/var(--tw-text-opacity, 1))
}
.text-green-700 {
--tw-text-opacity: 1;
color: rgb(21 128 61/var(--tw-text-opacity, 1))
}
.text-green-800 {
--tw-text-opacity: 1;
color: rgb(22 101 52/var(--tw-text-opacity, 1))
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68/var(--tw-text-opacity, 1))
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38/var(--tw-text-opacity, 1))
}
.text-stone-300 {
--tw-text-opacity: 1;
color: rgb(214 211 209/var(--tw-text-opacity, 1))
}
.text-stone-500 {
--tw-text-opacity: 1;
color: rgb(120 113 108/var(--tw-text-opacity, 1))
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity, 1))
}
.text-zinc-400 {
--tw-text-opacity: 1;
color: rgb(161 161 170/var(--tw-text-opacity, 1))
}
.text-zinc-500 {
--tw-text-opacity: 1;
color: rgb(113 113 122/var(--tw-text-opacity, 1))
}
.text-zinc-700 {
--tw-text-opacity: 1;
color: rgb(63 63 70/var(--tw-text-opacity, 1))
}
.underline {
text-decoration-line: underline
}
.line-through {
text-decoration-line: line-through
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.opacity-50 {
opacity: .5
}
.opacity-60 {
opacity: .6
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}
.shadow,
.shadow-lg {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-sm,
.shadow-xl {
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 rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}
.shadow-gray-500\/40 {
--tw-shadow-color: hsla(220, 9%, 46%, .4);
--tw-shadow: var(--tw-shadow-colored)
}
.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)
}
.ring-1,
.ring-2 {
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)
}
.ring-inset {
--tw-ring-inset: inset
}
.ring-black {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity, 1))
}
.ring-blue-200 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(191 219 254/var(--tw-ring-opacity, 1))
}
.ring-brand {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
}
.ring-brand\/50 {
--tw-ring-color: rgba(188, 32, 144, .5)
}
.ring-brand\/80 {
--tw-ring-color: rgba(188, 32, 144, .8)
}
.ring-brandSecondary {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(133 42 225/var(--tw-ring-opacity, 1))
}
.ring-gray-200 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity, 1))
}
.ring-gray-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
}
.ring-gray-600 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity, 1))
}
.ring-stone-200\/80 {
--tw-ring-color: hsla(20, 6%, 90%, .8)
}
.ring-opacity-10 {
--tw-ring-opacity: 0.1
}
.ring-opacity-20 {
--tw-ring-opacity: 0.2
}
.ring-opacity-5 {
--tw-ring-opacity: 0.05
}
.ring-opacity-60 {
--tw-ring-opacity: 0.6
}
.ring-offset-0 {
--tw-ring-offset-width: 0px
}
.ring-offset-1 {
--tw-ring-offset-width: 1px
}
.ring-offset-2 {
--tw-ring-offset-width: 2px
}
.ring-offset-gray-50 {
--tw-ring-offset-color: #f9fafb
}
.blur-sm {
--tw-blur: blur(4px)
}
.blur-sm,
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px)
}
.backdrop-blur,
.backdrop-blur-md {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(12px)
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.duration-100 {
transition-duration: .1s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.duration-75 {
transition-duration: 75ms
}
.ease-in {
transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.line-clamp-1 {
-webkit-line-clamp: 1
}
.line-clamp-1,
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical
}
.line-clamp-2 {
-webkit-line-clamp: 2
}
.after\:mr-4:after {
content: var(--tw-content);
margin-right: 16px
}
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05
}
.hover\:scale-105:hover,
.hover\:scale-\[1\.02\]:hover {
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))
}
.hover\:scale-\[1\.02\]:hover {
--tw-scale-x: 1.02;
--tw-scale-y: 1.02
}
.hover\:border-brand:hover {
--tw-border-opacity: 1;
border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
}
.hover\:bg-\[\#1967d2\]\/30:hover {
background-color: rgba(25, 103, 210, .3)
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}
.hover\:bg-blue-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}
.hover\:bg-blue-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
}
.hover\:bg-brand:hover {
--tw-bg-opacity: 1;
background-color: rgb(188 32 144/var(--tw-bg-opacity, 1))
}
.hover\:bg-brand\/80:hover {
background-color: rgba(188, 32, 144, .8)
}
.hover\:bg-brand\/90:hover {
background-color: rgba(188, 32, 144, .9)
}
.hover\:bg-brand\/95:hover {
background-color: rgba(188, 32, 144, .95)
}
.hover\:bg-brandSecondary\/90:hover {
background-color: rgba(133, 42, 225, .9)
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}
.hover\:bg-gray-50\/30:hover {
background-color: rgba(249, 250, 251, .3)
}
.hover\:bg-purple-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(126 34 206/var(--tw-bg-opacity, 1))
}
.hover\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}
.hover\:bg-white\/95:hover {
background-color: hsla(0, 0%, 100%, .95)
}
.hover\:bg-opacity-80:hover {
--tw-bg-opacity: 0.8
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity, 1))
}
.hover\:text-brand:hover {
--tw-text-opacity: 1;
color: rgb(188 32 144/var(--tw-text-opacity, 1))
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgb(75 85 99/var(--tw-text-opacity, 1))
}
.hover\:text-gray-700:hover {
--tw-text-opacity: 1;
color: rgb(55 65 81/var(--tw-text-opacity, 1))
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55/var(--tw-text-opacity, 1))
}
.hover\:text-red-500:hover {
--tw-text-opacity: 1;
color: rgb(239 68 68/var(--tw-text-opacity, 1))
}
.hover\:text-stone-700:hover {
--tw-text-opacity: 1;
color: rgb(68 64 60/var(--tw-text-opacity, 1))
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity, 1))
}
.hover\:underline:hover {
text-decoration-line: underline
}
.hover\:shadow:hover {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(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)
}
.hover\:ring-brand:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
}
.focus\:border-brand:focus {
--tw-border-opacity: 1;
border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
}
.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)
}
.focus\:ring-1:focus,
.focus\:ring-2:focus {
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)
}
.focus\:ring-\[\#1967d2\]:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(25 103 210/var(--tw-ring-opacity, 1))
}
.focus\:ring-blue-600\/50:focus {
--tw-ring-color: rgba(37, 99, 235, .5)
}
.focus\:ring-brand:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
}
.focus\:ring-brandSecondary:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(133 42 225/var(--tw-ring-opacity, 1))
}
.focus\:ring-opacity-80:focus {
--tw-ring-opacity: 0.8
}
.focus\:ring-offset-1:focus {
--tw-ring-offset-width: 1px
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px
}
.focus\:ring-offset-white:focus {
--tw-ring-offset-color: #fff
}
.focus-visible\:border-brand:focus-visible {
--tw-border-opacity: 1;
border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
}
.focus-visible\:ring-1:focus-visible {
--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-visible\:ring-2:focus-visible {
--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-visible\:ring-black\/60:focus-visible {
--tw-ring-color: rgba(0, 0, 0, .6)
}
.focus-visible\:ring-brand:focus-visible {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
}
.focus-visible\:ring-opacity-60:focus-visible {
--tw-ring-opacity: 0.6
}
.focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px
}
.disabled\:pointer-events-none:disabled {
pointer-events: none
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed
}
.disabled\:cursor-wait:disabled {
cursor: wait
}
.disabled\:opacity-50:disabled {
opacity: .5
}
.disabled\:grayscale:disabled {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.group:hover .group-hover\:text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81/var(--tw-text-opacity, 1))
}
@media (min-width:640px) {
.sm\:ml-3 {
margin-left: 12px
}
.sm\:mt-0 {
margin-top: 0
}
.sm\:w-auto {
width: auto
}
}
@media (prefers-color-scheme:dark) {
.dark\:text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99/var(--tw-text-opacity, 1))
}
}
div.grammarly-desktop-integration {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.grammarly-desktop-integration:before {
content: attr(data-content);
}