@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}

body.single-works .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_実績詳細.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.single-works .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_実績詳細_SP.jpg) no-repeat top center;
height: 9178px;
background-position: top 0 center;
}
}
body.single-works .site-main .breadcrumbs {
position: relative;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .breadcrumbs .breadcrumbs_box_1 {
display: flex;
align-items: flex-start;
}
}
body.single-works .site-main .breadcrumbs .breadcrumbs_box_1 br {
display: none;
}
@media screen and (min-width: 700px) {
body.single-works .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.single-works .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -14px;
bottom: -107px;
}
}
@media screen and (max-width: 701px) {
body.single-works .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -16rem;
bottom: -169rem;
}
body.single-works .site-main .breadcrumbs .image_1 img {
width: 639.97rem;
height: 92.62rem;
}
}
body.single-works .site-main section.performance-single-content {
padding-top: 70px;
padding-bottom: 40px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content {
padding-top: 118rem;
padding-bottom: 40rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area {
width: 100%;
max-width: 540px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area {
order: 2;
max-width: 600rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .view {
width: 540px;
height: 380px;
overflow: hidden;
margin-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .view {
width: 600rem;
height: 423.25rem;
margin-bottom: 20rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .view img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .thumbs {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap: 13px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .thumbs {
gap: 13rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .thumbs li {
display: block;
width: 125px;
height: 88.18px;
cursor: pointer;
overflow: hidden;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .thumbs li {
width: 138.89rem;
height: 97.97rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .gallery-area .slides .thumbs li img {
display: none;
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area {
width: 100%;
max-width: 480px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .info-area {
order: 1;
}
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .info-area {
max-width: 600rem;
margin-bottom: 93rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .category {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
text-align: left;
color: #203964;
margin-bottom: 14px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .category {
font-size: 22rem;
margin-bottom: 14rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .title {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: left;
color: #000;
margin-bottom: 52px;
position: relative;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .title {
font-size: 28rem;
line-height: 48rem;
margin-bottom: 82rem;
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .title br {
display: none !important;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .title::before {
content: "";
position: absolute;
left: 0;
bottom: -25px;
width: 400px;
height: 1px;
background: #ddd;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .title::before {
left: 0rem;
bottom: -25rem;
width: 600rem;
height: 1rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .title br {
display: none;
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .details-list {
display: grid;
grid-template-columns: max-content 1fr;
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .details-list dt,
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .details-list dd {
font-weight: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .details-list dt,
body.single-works .site-main section.performance-single-content .main-content-area .info-area .info-box .details-list dd {
font-size: 22rem;
line-height: 44rem;
}
}
body.single-works .site-main section.performance-single-content .main-content-area .info-area .background_text { }
body.single-works .site-main section.pic-comment {
padding-top: 70px;
padding-bottom: 26px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment {
padding-top: 99rem;
padding-bottom: 26rem;
}
}
body.single-works .site-main section.pic-comment .section_title {
position: relative;
margin-bottom: 28px;
}
@media screen and (min-width: 700px) {
body.single-works .site-main section.pic-comment .section_title {
letter-spacing: 0;
}
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .section_title {
margin-bottom: 51rem;
}
}
body.single-works .site-main section.pic-comment .section_title .section_title_background {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 54px;
letter-spacing: 0.08em;
line-height: 1;
text-align: right;
color: #000;
opacity: 0.1;
position: absolute;
right: -8px;
bottom: 15px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .section_title .section_title_background {
font-size: 54rem;
right: -8rem;
bottom: 15rem;
}
}
body.single-works .site-main section.pic-comment .comment-box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-top: 14px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box {
padding-top: 14rem;
flex-direction: column;
}
}
body.single-works .site-main section.pic-comment .comment-box .pic-info {
width: 360px;
padding-top: 3px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box .pic-info {
width: 360rem;
padding-top: 3rem;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 46rem;
}
}
body.single-works .site-main section.pic-comment .comment-box .pic-info .name {
font-size: 16px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
padding-left: 23px;
margin-bottom: 26px;
position: relative;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box .pic-info .name {
font-size: 22rem;
line-height: 26rem;
padding-left: 23rem;
margin-bottom: 0;
min-width: 218rem;
line-height: 32rem;
}
}
body.single-works .site-main section.pic-comment .comment-box .pic-info .name .label { }
body.single-works .site-main section.pic-comment .comment-box .pic-info .name::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 10px;
height: 10px;
background: #000;
border-radius: 50%;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box .pic-info .name::before {
left: 0rem;
top: 10rem;
width: 14rem;
height: 14rem;
}
}
body.single-works .site-main section.pic-comment .comment-box .pic-info .name::after {
content: "";
position: absolute;
left: 0;
bottom: -15px;
width: 240px;
height: 1px;
background: #ddd;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box .pic-info .name::after {
left: unset;
right: 0;
top: 0;
bottom: unset;
width: 1px;
height: 57rem;
}
}
body.single-works .site-main section.pic-comment .comment-box .pic-info .department,
body.single-works .site-main section.pic-comment .comment-box .pic-info .position {
font-family: "Noto Sans JP";
font-weight: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box .pic-info .department,
body.single-works .site-main section.pic-comment .comment-box .pic-info .position {
margin-left: 45rem;
font-size: 22rem;
line-height: 32rem;
}
}
body.single-works .site-main section.pic-comment .comment-box .comment-text {
flex: 1;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.pic-comment .comment-box .comment-text {
font-size: 22rem;
line-height: 44rem;
}
}
body.single-works .site-main section.project-data {
padding-top: 70px;
padding-bottom: 42px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data {
padding-top: 92rem;
padding-bottom: 42rem;
}
}
body.single-works .site-main section.project-data .data_box {
background: #f7f7f7;
padding: 92px 0 0 100px;
position: relative;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box {
width: 650rem;
padding: 50rem 50rem 0 60rem;
}
}
body.single-works .site-main section.project-data .data_box::before {
content: "";
position: absolute;
left: 0;
top: 0;
background: #f7f7f7;
width: 100vw;
height: 100%;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box::before {
left: 0rem;
top: 0rem;
}
}
body.single-works .site-main section.project-data .data_box .section_title {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 32px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
margin-bottom: 33px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .section_title {
font-size: 42rem;
margin-bottom: 29rem;
}
}
body.single-works .site-main section.project-data .data_box .data-table {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0 40px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table {
gap: 0rem 40rem;
}
}
body.single-works .site-main section.project-data .data_box .data-table .data-row {
border-bottom: 1px solid #203964;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 17px;
margin-bottom: 40px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table .data-row {
border-bottom-width: 1rem;
padding-bottom: 17rem;
margin-bottom: 56rem;
}
}
body.single-works .site-main section.project-data .data_box .data-table .data-row:last-of-type {
border-bottom: none;
}
body.single-works .site-main section.project-data .data_box .data-table .data-row.sekounengetsu {
width: 300px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table .data-row.sekounengetsu {
width: 100%;
}
}
body.single-works .site-main section.project-data .data_box .data-table .data-row.shozaichi {
width: 300px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table .data-row.shozaichi {
width: 100%;
}
}
body.single-works .site-main section.project-data .data_box .data-table .data-row.chikunensu {
width: 300px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table .data-row.chikunensu {
width: 100%;
}
}
body.single-works .site-main section.project-data .data_box .data-table .data-row.mokuteki {
width: 100%;
}
body.single-works .site-main section.project-data .data_box .data-table .data-row.kojinaiyo {
width: 100%;
}
body.single-works .site-main section.project-data .data_box .data-table .data-row .label {
width: 74px;
height: 23px;
display: flex;
justify-content: center;
align-items: center;
background: #203964;
font-family: shippori-mincho, serif;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1;
text-align: center;
color: #fff;
margin-right: 20px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table .data-row .label {
width: 126rem;
height: 39rem;
font-size: 22rem;
margin-right: 49rem;
}
}
body.single-works .site-main section.project-data .data_box .data-table .data-row .value {
width: calc(100% - 94px);
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
}
@media screen and (max-width: 701px) {
body.single-works .site-main section.project-data .data_box .data-table .data-row .value {
width: 364rem;
font-size: 22rem;
line-height: 44rem;
}
}
body.single-works .site-main .post_navigation {
padding-top: 100px;
padding-bottom: 105px;
width: 100%;
max-width: 940px;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation {
padding-top: 86rem;
padding-bottom: 175rem;
max-width: 940rem;
}
}
body.single-works .site-main .post_navigation .nav-links {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
color: #203964;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links {
font-size: 18rem;
}
}
body.single-works .site-main .post_navigation .nav-links a {
color: inherit;
text-decoration: none;
}
body.single-works .site-main .post_navigation .nav-links .previous {
width: 70px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .previous {
width: 85rem;
}
}
body.single-works .site-main .post_navigation .nav-links .previous a {
display: block;
padding-left: 30px;
position: relative;
line-height: 1;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .previous a {
padding-left: 30rem;
}
}
body.single-works .site-main .post_navigation .nav-links .previous a:hover::before {
left: calc(50% + -36px);
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .previous a:hover::before {
left: calc(50% + -36rem);
}
}
body.single-works .site-main .post_navigation .nav-links .previous a::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + -2px);
left: calc(50% + -26px);
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/voice_icon_5.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .previous a::before {
top: calc(50% + -2rem);
left: calc(50% + -30rem);
width: 20rem;
height: 10rem;
}
}
body.single-works .site-main .post_navigation .nav-links .nav-back-to-top {
text-align: center;
}
body.single-works .site-main .post_navigation .nav-links .nav-back-to-top a {
position: relative;
left: 14px;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .nav-back-to-top a {
left: 14rem;
}
}
body.single-works .site-main .post_navigation .nav-links .nav-back-to-top a:hover::before {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/voice_icon_8.png) no-repeat center/contain;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
body.single-works .site-main .post_navigation .nav-links .nav-back-to-top a::before {
content: "";
position: absolute;
left: -22px;
top: 4px;
width: 13px;
height: 13px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/voice_icon_7.png) no-repeat center/contain;
transition: all 0.3s ease;
transform: rotate(0);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform-origin: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .nav-back-to-top a::before {
left: -22rem;
top: 5rem;
width: 16rem;
height: 16rem;
}
}
body.single-works .site-main .post_navigation .nav-links .next {
width: 70px;
text-align: right;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .next {
width: 85rem;
}
}
body.single-works .site-main .post_navigation .nav-links .next a {
display: block;
padding-right: 30px;
position: relative;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .next a {
padding-right: 30rem;
}
}
body.single-works .site-main .post_navigation .nav-links .next a:hover::before {
right: calc(50% + -56px);
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .next a:hover::before {
right: calc(50% + -56rem);
}
}
body.single-works .site-main .post_navigation .nav-links .next a::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + -2px);
right: calc(50% + -46px);
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/voice_icon_6.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.single-works .site-main .post_navigation .nav-links .next a::before {
top: calc(50% + -2rem);
right: calc(50% + -52rem);
width: 20rem;
height: 10rem;
}
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}

html {
font-size: 16px;
}
@media screen and (max-width: 701px) {
html {
font-size: calc(100vw / 700);
}
}
body {
-webkit-font-smoothing: antialiased;
font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
font-style: normal;
margin: 0 !important;
line-height: 1.6;
}
body * {
color: #000;
}
body span {
letter-spacing: inherit;
}
#page.site {
overflow: hidden;
}
@media screen and (min-width: 700px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 701px) {
.pc {
display: none !important;
}
}
.w-md {
width: 1160px;
padding-left: 40px;
padding-right: 40px;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
.w-md {
width: 100%;
padding-left: 50rem;
padding-right: 50rem;
}
}
.w-sd {
width: 879px;
padding-left: 40px;
padding-right: 40px;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
.w-sd {
width: 100%;
padding-left: 50rem;
padding-right: 50rem;
}
}
body.home #page,
body.page-recruit #page,
body.page-repair-design #page,
body.page-building-renovation #page,
body.page-reassurance #page,
body.page-flow #page,
body.page-sustainability #page,
body.page-voice #page,
body.page-about-who-we-are #page,
body.page-about-company #page,
body.page-performance #page,
body.single-works #page,
body.page-news #page {
position: relative;
}
body.home #page::before,
body.page-recruit #page::before,
body.page-repair-design #page::before,
body.page-building-renovation #page::before,
body.page-reassurance #page::before,
body.page-flow #page::before,
body.page-sustainability #page::before,
body.page-voice #page::before,
body.page-about-who-we-are #page::before,
body.page-about-company #page::before,
body.page-performance #page::before,
body.single-works #page::before,
body.page-news #page::before {
content: "";
position: absolute;
top: -10px;
width: 1080px;
height: calc(100% + 20px);
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
z-index: -10;
}
@media screen and (min-width: 1170px) {
body.home #page::before,
body.page-recruit #page::before,
body.page-repair-design #page::before,
body.page-building-renovation #page::before,
body.page-reassurance #page::before,
body.page-flow #page::before,
body.page-sustainability #page::before,
body.page-voice #page::before,
body.page-about-who-we-are #page::before,
body.page-about-company #page::before,
body.page-performance #page::before,
body.single-works #page::before,
body.page-news #page::before {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
@media screen and (max-width: 1171px) {
body.home #page::before,
body.page-recruit #page::before,
body.page-repair-design #page::before,
body.page-building-renovation #page::before,
body.page-reassurance #page::before,
body.page-flow #page::before,
body.page-sustainability #page::before,
body.page-voice #page::before,
body.page-about-who-we-are #page::before,
body.page-about-company #page::before,
body.page-performance #page::before,
body.single-works #page::before,
body.page-news #page::before {
left: 40px;
}
}
@media screen and (max-width: 701px) {
body.home #page::before,
body.page-recruit #page::before,
body.page-repair-design #page::before,
body.page-building-renovation #page::before,
body.page-reassurance #page::before,
body.page-flow #page::before,
body.page-sustainability #page::before,
body.page-voice #page::before,
body.page-about-who-we-are #page::before,
body.page-about-company #page::before,
body.page-performance #page::before,
body.single-works #page::before,
body.page-news #page::before {
width: 600rem;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
body.home #page::after,
body.page-recruit #page::after,
body.page-repair-design #page::after,
body.page-building-renovation #page::after,
body.page-reassurance #page::after,
body.page-flow #page::after,
body.page-sustainability #page::after,
body.page-voice #page::after,
body.page-about-who-we-are #page::after,
body.page-about-company #page::after,
body.page-performance #page::after,
body.single-works #page::after,
body.page-news #page::after {
content: "";
position: absolute;
top: -10px;
width: 1px;
height: calc(100% + 20px);
background: #f2f2f2;
z-index: -10;
}
@media screen and (min-width: 1170px) {
body.home #page::after,
body.page-recruit #page::after,
body.page-repair-design #page::after,
body.page-building-renovation #page::after,
body.page-reassurance #page::after,
body.page-flow #page::after,
body.page-sustainability #page::after,
body.page-voice #page::after,
body.page-about-who-we-are #page::after,
body.page-about-company #page::after,
body.page-performance #page::after,
body.single-works #page::after,
body.page-news #page::after {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
@media screen and (max-width: 1171px) {
body.home #page::after,
body.page-recruit #page::after,
body.page-repair-design #page::after,
body.page-building-renovation #page::after,
body.page-reassurance #page::after,
body.page-flow #page::after,
body.page-sustainability #page::after,
body.page-voice #page::after,
body.page-about-who-we-are #page::after,
body.page-about-company #page::after,
body.page-performance #page::after,
body.single-works #page::after,
body.page-news #page::after {
left: 580px;
}
}
@media screen and (max-width: 701px) {
body.home #page::after,
body.page-recruit #page::after,
body.page-repair-design #page::after,
body.page-building-renovation #page::after,
body.page-reassurance #page::after,
body.page-flow #page::after,
body.page-sustainability #page::after,
body.page-voice #page::after,
body.page-about-who-we-are #page::after,
body.page-about-company #page::after,
body.page-performance #page::after,
body.single-works #page::after,
body.page-news #page::after {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
.guidebox {
pointer-events: none;
background-size: 1280px;
width: 100%;
max-width: 1280px;
z-index: 999;
opacity: 0.9;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 0;
opacity: 0.3;
}
@media screen and (max-width: 701px) {
.guidebox {
max-width: 100vw;
background-size: 100vw !important;
}
}
.bold {
font-weight: bold;
}
.medium {
font-weight: 500;
}
.shippori, #masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1 .link_1, .heading_style_1 .text_2 {
font-family: shippori-mincho, serif;
}
.garamond, .heading_style_1 .text_1 {
font-family: garamond-premier-pro, serif;
}
.futura {
font-weight: 500;
font-style: normal;
}
.heading_style_1 {
padding-top: 140px;
padding-bottom: 58px;
}
@media screen and (max-width: 701px) {
.heading_style_1 {
padding-top: 120rem;
padding-bottom: 75rem;
}
}
.heading_style_1 .text_1 {
font-weight: 600;
font-size: 82px;
line-height: 1;
margin-bottom: 16px;
}
@media screen and (max-width: 701px) {
.heading_style_1 .text_1 {
font-size: 82rem;
margin-bottom: 7rem;
}
}
.heading_style_1 .text_2 {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.6;
}
@media screen and (max-width: 701px) {
.heading_style_1 .text_2 {
font-size: 22rem;
}
}
.breadcrumbs_style_1 .breadcrumbs_box_1 {
border-top: 1px solid #F2F2F2;
font-family: garamond-premier-pro, shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
color: #203964;
padding-top: 26px;
padding-bottom: 26px;
line-height: 1.6;
}
@media screen and (max-width: 701px) {
.breadcrumbs_style_1 .breadcrumbs_box_1 {
font-size: 20rem;
padding-top: 23rem;
padding-bottom: 23rem;
}
}
.breadcrumbs_style_1 .breadcrumbs_box_1 a {
color: #b4b4b4;
position: relative;
margin-right: 26px;
}
@media screen and (max-width: 701px) {
.breadcrumbs_style_1 .breadcrumbs_box_1 a {
margin-right: 24rem;
}
}
.breadcrumbs_style_1 .breadcrumbs_box_1 a::before {
content: "";
position: absolute;
right: -20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 11px;
height: 1px;
background: #b4b4b4;
}
@media screen and (max-width: 701px) {
.breadcrumbs_style_1 .breadcrumbs_box_1 a::before {
width: 11rem;
right: -19rem;
}
}
.line_style_1 {
border-top: 2px solid #203964;
width: 1080px;
margin: 0 auto;
}
@media screen and (max-width: 701px) {
.line_style_1 {
width: 600rem;
border-top: 2rem solid #203964;
}
}
.section_title_style_1 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
line-height: 60px;
text-align: left;
color: #203964;
margin-bottom: 22px;
}
@media screen and (max-width: 701px) {
.section_title_style_1 {
font-size: 48rem;
line-height: 76rem;
margin-bottom: 16rem;
}
}
.section_title_style_2 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.12em;
line-height: 60px;
text-align: left;
color: #000;
position: relative;
padding-bottom: 17px;
}
@media screen and (max-width: 701px) {
.section_title_style_2 {
font-size: 32rem;
line-height: 60rem;
padding-bottom: 17rem;
}
}
.section_title_style_2::before {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 100px;
height: 5px;
background: #203964;
}
@media screen and (max-width: 701px) {
.section_title_style_2::before {
left: 0rem;
bottom: -5rem;
width: 122rem;
height: 5rem;
}
}
.section_title_style_2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #e2e4e5;
}
@media screen and (max-width: 701px) {
.section_title_style_2::after {
left: 0rem;
bottom: 0rem;
height: 1rem;
}
}
.text_style_1 {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
}
@media screen and (max-width: 701px) {
.text_style_1 {
font-size: 22rem;
line-height: 44rem;
}
}
.link_style_1 {
display: flex;
align-items: center;
justify-content: center;
width: 360px;
height: 70px;
border-radius: 35px;
border: 1px solid #203964;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
color: #203964;
transition: all 0.3s ease;
text-decoration: none;
background: #fff;
position: relative;
}
@media screen and (max-width: 701px) {
.link_style_1 {
width: 600rem;
height: 117rem;
font-size: 22rem;
border-radius: 58.5rem;
}
}
.link_style_1:hover {
background: #203964 !important;
color: #fff !important;
}
.link_style_1:hover .icon_1 {
right: 16px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_arrow_icon_2.png) no-repeat center/contain;
}
.link_style_1 .icon_1 {
position: absolute;
width: 22px;
height: 7px;
right: 26px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -3px);
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_arrow_icon_1.png) no-repeat center/contain;
margin-left: 10px;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
.link_style_1 .icon_1 {
width: 33rem;
height: 18rem;
right: 50rem;
top: calc(50% + -4rem);
}
}
@keyframes rotate-infinite {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.text_move {
overflow: hidden;
}
.text_move > * {
display: inline-block;
transform: translateY(100%);
transition: transform 0.6s ease;
}
.text_move.viewed > * {
transform: translateY(0);
}
#masthead {
min-width: 897px;
}
#masthead.site-header {
top: 0;
position: fixed;
background: #fff;
width: 100%;
z-index: 100;
height: 100px;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
#masthead.site-header {
height: 140rem;
}
}
#masthead.site-header .header_box {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
width: 1280px;
}
@media screen and (max-width: 701px) {
#masthead.site-header .header_box {
padding-left: 27rem;
}
}
#masthead.site-header .header_box .site-branding .site-title a {
transition: all 0.1s ease;
}
#masthead.site-header .header_box .site-branding .site-title a img {
width: 182px;
height: 46.7px;
opacity: 1;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
#masthead.site-header .header_box .site-branding .site-title a img {
width: 312rem;
height: 80rem;
}
}
#masthead.site-header .header_box #site-navigation {
width: 759px;   }
#masthead.site-header .header_box #site-navigation.main-navigation {
position: relative;
z-index: 1001;
width: unset;
}
@media screen and (min-width: 700px) {
#masthead.site-header .header_box #site-navigation.main-navigation {
position: absolute;
right: -30px;
}
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 {
display: flex;
align-items: center;
justify-content: flex-end;
display: flex;
list-style: none;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1 {
margin-left: 40px;
padding: 50px 0;
position: relative;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1 .link_1 {
color: #000;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1 .link_2 {
font-size: 16px;
color: #fff;
width: 100px;
height: 30px;
letter-spacing: 0.05em;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
background: #A6B6C9;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1 .link_3 {
font-size: 16px;
color: #000;
width: 100px;
height: 30px;
letter-spacing: 0.05em;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
background: #ECEFF1;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1.contact {
margin-left: 40px;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1.contact .link_1 {
width: 150px;
height: 40px;
border-radius: 20px 0px 0px 20px;
background: #203964;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 .item_1.contact .link_1 .icon_1 {
width: 14px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/header_mail_icon.png) no-repeat center/contain;
margin-right: 10px;
}
#masthead.site-header .header_box #site-navigation .mega-menu {
position: fixed;
top: 100%;
left: 0;
width: 100vw;
height: 290px;
background: #f7f7f7;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 1000;
}
#masthead.site-header .header_box #site-navigation .has-megamenu::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: 2px;
height: 30px;
width: 1px;
background: #203964;
opacity: 0;
transition: all 0.3s ease;
}
#masthead.site-header .header_box #site-navigation .has-megamenu:hover::before {
opacity: 1;
}
#masthead.site-header .header_box #site-navigation .has-megamenu:hover .mega-menu {
opacity: 1;
visibility: visible;
}
#masthead.site-header .header_box #site-navigation .mega-menu-inner {
width: 1160px;
margin: 0 auto;
padding: 40px 40px 40px;
display: flex;
}
#masthead.site-header .header_box #site-navigation .mega-menu-left {
padding-left: 32px;
padding-top: 24px;
width: 252px;
}
#masthead.site-header .header_box #site-navigation .mega-menu-title {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
margin-bottom: 11px;
}
#masthead.site-header .header_box #site-navigation .mega-menu-sub {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
position: relative;
padding-left: 18px;
}
#masthead.site-header .header_box #site-navigation .mega-menu-sub::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 10px;
height: 10px;
background: #203964;
border-radius: 50%;
}
#masthead.site-header .header_box #site-navigation .mega-menu-links {
list-style: none;
margin-top: 30px;
}
#masthead.site-header .header_box #site-navigation .mega-menu-links li {
margin-bottom: 12px;
}
#masthead.site-header .header_box #site-navigation .mega-menu-links a {
color: #666;
text-decoration: none;
font-size: 16px;
transition: color 0.3s ease;
}
#masthead.site-header .header_box #site-navigation .mega-menu-right {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 30px;
}
#masthead.site-header .header_box #site-navigation .mega-menu-item {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
}
#masthead.site-header .header_box #site-navigation .mega_list_1 {
margin-left: 30px;
width: 190px;
margin-top: -4px;
margin-right: 10px;
}
#masthead.site-header .header_box #site-navigation .mega_list_1 .mega_item_1 {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
height: 60px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 16px;
position: relative;
}
#masthead.site-header .header_box #site-navigation .mega_list_1 .mega_item_1:hover::after {
right: 4px;
}
#masthead.site-header .header_box #site-navigation .mega_list_1 .mega_item_1::before {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 6px;
height: 6px;
background: #203964;
}
#masthead.site-header .header_box #site-navigation .mega_list_1 .mega_item_1::after {
content: "";
position: absolute;
right: 12px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 14px;
height: 8px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/mega_arrow_1.png) no-repeat center/contain;
transition: all 0.3s ease;
}
#masthead.site-header .header_box #site-navigation .mega_list_1 .mega_item_1:not(:last-of-type) {
border-bottom: 1px solid #e2e4e5;
}
#masthead.site-header .header_box #site-navigation .mega-menu-item a {
display: block;
text-decoration: none;
color: #333;
}
#masthead.site-header .header_box #site-navigation .mega-menu-item a:hover .image_box::before {
border: 10px solid #fff;
}
#masthead.site-header .header_box #site-navigation .mega-menu-item a:hover .image_box img {
transform: scale(1.2);
}
#masthead.site-header .header_box #site-navigation .image_box {
width: 240px;
height: 140px;
overflow: hidden;
margin-bottom: 12px;
position: relative;
}
#masthead.site-header .header_box #site-navigation .image_box::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0px solid #fff;
opacity: 0.5;
transition: all 0.3s ease;
z-index: 2;
}
#masthead.site-header .header_box #site-navigation .image_box img {
transition: all 0.3s ease;
}
#masthead.site-header .header_box #site-navigation .mega-menu-item .text_1 {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
}
#masthead .home_external_links {
position: fixed;
right: 0;
bottom: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
#masthead .home_external_links .link_2 {
display: flex;
align-items: center;
width: 210px;
height: 40px;
background: #203964;
color: #fff;
font-size: 14px;
padding-left: 21px;
position: relative;
font-family: shippori-mincho, serif;
}
@media screen and (max-width: 701px) {
#masthead .home_external_links .link_2 {
width: 350rem;
height: 100rem;
font-size: 24rem;
padding-left: 24rem;
}
}
#masthead .home_external_links .link_2 .icon_1 {
right: 18px;
position: absolute;
width: 15px;
height: 15px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/footer_information_icon_1.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
#masthead .home_external_links .link_2 .icon_1 {
width: 24rem;
height: 24rem;
right: 20rem;
}
}
.drawer-toggle.button {
width: 160rem;
height: 140rem;
right: 0;
position: fixed;
top: 0;
outline: 0;
border: 0;
z-index: 201;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.drawer-toggle.button hr {
width: 60rem;
height: 1px;
border-top: 1px solid #000;
margin-top: 4rem;
margin-bottom: 4rem;
}
body.drawer--right nav.drawer-nav {
right: -100vw;
width: 100vw;
height: 100svh;
z-index: 200;
background: #fff;
}
body.drawer--right nav.drawer-nav .drawer-nav-inner {
height: 1666rem;
padding-left: 50rem;
padding-right: 50rem;
position: relative;
}
body.drawer--right nav.drawer-nav .site-branding {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 140rem;
margin-left: -23rem;
margin-bottom: 67rem;
}
body.drawer--right nav.drawer-nav .site-branding img {
width: 312rem;
height: 80rem;
}
body.drawer--right nav.drawer-nav .title_text {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 32px;
letter-spacing: 0.05em;
text-align: left;
color: #203964;
margin-bottom: 7px;
}
@media screen and (max-width: 701px) {
body.drawer--right nav.drawer-nav .title_text {
font-size: 42rem;
margin-bottom: -4rem;
}
}
body.drawer--right nav.drawer-nav .subtitle_text {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
position: relative;
padding-left: 18px;
}
@media screen and (max-width: 701px) {
body.drawer--right nav.drawer-nav .subtitle_text {
font-size: 22rem;
padding-left: 26rem;
}
}
body.drawer--right nav.drawer-nav .subtitle_text::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 10px;
height: 10px;
background: #203964;
border-radius: 50%;
}
@media screen and (max-width: 701px) {
body.drawer--right nav.drawer-nav .subtitle_text::before {
top: 8rem;
width: 16rem;
height: 16rem;
}
}
body.drawer--right nav.drawer-nav .box_block {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 53rem;
}
body.drawer--right nav.drawer-nav .box_block .box_title {
width: 50%;
}
body.drawer--right nav.drawer-nav .box_block .list_1 {
width: 50%;
padding-left: 5rem;
padding-top: 18rem;
}
body.drawer--right nav.drawer-nav .box_block .list_1 .item_1 {
margin-bottom: 29rem;
}
body.drawer--right nav.drawer-nav .box_block .list_1 .item_1 a {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 22rem;
letter-spacing: 0.1em;
text-align: left;
color: #000;
position: relative;
}
body.drawer--right nav.drawer-nav .box_block .list_1 .item_1 a::before {
content: "";
position: absolute;
left: -32rem;
top: 11rem;
width: 20rem;
height: 1px;
background: #203964;
}
body.drawer--right nav.drawer-nav .box_block .list_1 .item_1.child {
padding-left: 33rem;
}
body.drawer--right nav.drawer-nav .box_block .list_1 .item_1.child a::before {
content: "";
position: absolute;
left: -27rem;
top: 6rem;
width: 11rem;
height: 11rem;
border-radius: 50%;
border: 1px solid #203964;
background: unset;
}
body.drawer--right nav.drawer-nav .button_box {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 20rem;
flex-wrap: wrap;
margin-top: 109rem;
}
body.drawer--right nav.drawer-nav .button_box > * {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 22rem;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
body.drawer--right nav.drawer-nav .button_box .news {
width: 600rem;
height: 102rem;
background: #203964;
display: flex;
justify-content: center;
align-items: center;
}
body.drawer--right nav.drawer-nav .button_box .voice,
body.drawer--right nav.drawer-nav .button_box .sustainability {
width: 290rem;
height: 102rem;
background: #203964;
display: flex;
justify-content: center;
align-items: center;
}
body.drawer--right nav.drawer-nav .button_box .sentaku {
width: 600rem;
height: 102rem;
background: #0383b9;
display: flex;
justify-content: center;
align-items: center;
}
body.drawer--right nav.drawer-nav .privacy-policy_link {
width: 100%;
padding: 44rem 0;
}
body.drawer--right nav.drawer-nav .privacy-policy_link a {
display: flex;
justify-content: center;
width: 600rem;
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 22rem;
letter-spacing: 0.1em;
color: #203964;
}
body.drawer--right nav.drawer-nav .bottom_box {
width: 100vw;
position: absolute;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
height: 147rem;
display: flex;
}
body.drawer--right nav.drawer-nav .bottom_box .text_1 {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 36rem;
letter-spacing: 0.05em;
color: #fff;
}
body.drawer--right nav.drawer-nav .bottom_box .text_2 {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 22rem;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
body.drawer--right nav.drawer-nav .bottom_box .contact {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
height: 147rem;
background: #203964;
flex-direction: column;
}
body.drawer--right nav.drawer-nav .bottom_box .recruit {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
height: 147rem;
background: #0383b9;
flex-direction: column;
}
.drawer--right.drawer-open .drawer-nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
body.drawer-open .drawer-toggle.sp {
position: absolute !important;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/menu_icon_1_1_sp.svg) no-repeat center/64rem 32rem !important;
}
body.drawer-open .drawer-toggle.sp hr {
opacity: 0;
}
main#primary {
margin-top: 100px;
}
@media screen and (max-width: 701px) {
main#primary {
margin-top: 140rem;
}
}
#contact_banner {
position: relative;
transition: all 0.3s ease;
}
@media screen and (min-width: 700px) {
#contact_banner::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: white;
pointer-events: none;
width: 100%;
height: 100%;
z-index: -12;
transition: all 0.3s ease;
}
#contact_banner.hover::before {
background: rgba(255, 255, 255, 0);
}
#contact_banner.hover::after {
z-index: -9;
}
}
#contact_banner::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(to left, #aec6df 0%, #f5faff 100%);
pointer-events: none;
width: 100%;
height: 100%;
z-index: -15;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
#contact_banner::after {
z-index: -5;
}
}
#contact_banner .contact_banner_box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
height: 280px;
padding: 0 60px;
position: relative;
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box {
height: 567rem;
flex-direction: column;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
padding-top: 124rem;
}
}
@media screen and (min-width: 700px) {
#contact_banner .contact_banner_box::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 960px;
height: 1px;
background: #f0f0f0;
}
}
#contact_banner .contact_banner_box .contact_banner_box_1 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .contact_banner_box_1 {
align-items: center;
}
}
#contact_banner .contact_banner_box .contact_banner_box_1 .contact_banner_box_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .contact_banner_box_1 .contact_banner_box_1_1 {
flex-direction: column;
align-items: center;
}
}
#contact_banner .contact_banner_box .contact_banner_box_1 .text_1 {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 36px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
line-height: 1;
}
@media screen and (min-width: 700px) {
#contact_banner .contact_banner_box .contact_banner_box_1 .text_1 {
margin-right: 7px;
}
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .contact_banner_box_1 .text_1 {
font-size: 48rem;
margin-bottom: 15rem;
}
}
#contact_banner .contact_banner_box .contact_banner_box_1 .text_2 {
width: 100px;
height: 26px;
background: #203964;
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
text-align: center;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 700px) {
#contact_banner .contact_banner_box .contact_banner_box_1 .text_2 {
margin-bottom: 2px;
}
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .contact_banner_box_1 .text_2 {
width: 160rem;
height: 40rem;
font-size: 20rem;
margin-bottom: 70rem;
}
}
#contact_banner .contact_banner_box .text_3 {
font-weight: normal;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 30px;
text-align: left;
color: #000;
}
@media screen and (min-width: 700px) {
#contact_banner .contact_banner_box .text_3 {
margin-top: 3px;
}
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .text_3 {
text-align: center;
font-size: 22rem;
line-height: 44rem;
margin-bottom: 39rem;
}
}
#contact_banner .contact_banner_box .view_more {
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
color: #203964;
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .view_more {
font-size: 18rem;
}
}
#contact_banner .contact_banner_box .view_more:hover .icon_1 {
left: 10px;
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .view_more:hover .icon_1 {
left: 20rem;
}
}
#contact_banner .contact_banner_box .view_more .icon_1 {
transition: all 0.3s ease;
position: relative;
top: -3px;
left: -4px;
width: 22px;
height: 6px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/contact_banner_icon_1.png) no-repeat center/contain;
margin-left: 10px;
display: inline-block;
}
@media screen and (max-width: 701px) {
#contact_banner .contact_banner_box .view_more .icon_1 {
top: -4rem;
left: 0rem;
width: 20rem;
height: 10rem;
margin-left: 10rem;
}
}
@media screen and (min-width: 700px) {
#contact_banner .contact_banner_box .view_more {
margin-top: 6px;
margin-right: 4px;
}
}
footer.site-footer {
background: #f7f7f7;
position: relative;
}
footer.site-footer .site-info {
height: 350px;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 94px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info {
width: 600rem;
height: 842.21rem;
padding-top: 121rem;
padding-bottom: 50rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_1 {
text-align: center;
margin-bottom: 61rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
}
footer.site-footer .site-info .footer_box_1 .footer_logo {
margin-bottom: 22px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_1 .footer_logo {
width: 384.96rem;
height: 98.77rem;
margin-bottom: 25rem;
}
}
footer.site-footer .site-info .footer_box_1 .text_1 {
font-size: 13px;
letter-spacing: 0.1em;
line-height: 26px;
text-align: left;
color: #000;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_1 .text_1 {
font-size: 22rem;
line-height: 26rem;
text-align: inherit;
}
}
footer.site-footer .site-info .footer_box_2 {
margin-left: auto;
margin-right: 67px;
position: relative;
padding-top: 17px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_2 {
margin-left: 0;
margin-right: 0;
padding-top: 59rem;
text-align: center;
width: 100%;
margin-bottom: 72rem;
}
}
footer.site-footer .site-info .footer_box_2::before {
content: "";
position: absolute;
width: 210px;
height: 1px;
background: #b4b4b4;
left: 4px;
top: 0;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_2::before {
width: 600rem;
height: 1rem;
left: 50%;
transform: translateX(-50%);
top: 0rem;
}
}
footer.site-footer .site-info .footer_box_2 .text_2 {
font-size: 13px;
letter-spacing: 0.1em;
line-height: 26px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_2 .text_2 {
font-size: 22rem;
line-height: 44rem;
}
}
footer.site-footer .site-info .footer_box_3 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
position: relative;
padding-top: 29px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3 {
padding-top: 51rem;
justify-content: flex-start;
width: 100%;
}
}
footer.site-footer .site-info .footer_box_3::before {
content: "";
position: absolute;
width: 210px;
height: 1px;
background: #b4b4b4;
left: 124px;
top: 0;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3::before {
width: 180rem;
height: 1px;
left: 92rem;
transform: translateX(-50%);
top: -4rem;
}
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3::after {
content: "";
position: absolute;
background: #b4b4b4;
width: 180rem;
height: 1px;
right: -92rem;
transform: translateX(-50%);
top: -4rem;
}
}
footer.site-footer .site-info .footer_box_3 .text_3 {
position: absolute;
left: 2px;
top: -9px;
font-size: 14px;
letter-spacing: 0.03em;
line-height: 20px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3 .text_3 {
width: 100%;
text-align: center;
font-size: 22rem;
line-height: 20rem;
letter-spacing: 0.1em;
}
}
footer.site-footer .site-info .footer_box_3 .link_1 {
width: 290px;
height: 60px;
border-radius: 30px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
text-decoration: underline;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
margin-right: 22px;
margin-bottom: 6px;
padding-left: 12px;
color: #000;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3 .link_1 {
width: 450rem;
height: 98.21rem;
border-radius: 49.11rem;
font-size: 20rem;
margin-right: 0;
margin-bottom: 20rem;
padding-left: 12rem;
}
}
footer.site-footer .site-info .footer_box_3 .link_1 .icon_1 {
width: 12px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/footer_icon_1.png) no-repeat center/contain;
margin-left: 12px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3 .link_1 .icon_1 {
width: 19.13rem;
height: 16.85rem;
margin-left: 29rem;
}
}
footer.site-footer .site-info .footer_box_3 .image_1 {
position: relative;
top: 7px;
}
@media screen and (max-width: 701px) {
footer.site-footer .site-info .footer_box_3 .image_1 {
top: 4rem;
width: 94rem;
height: 88.8rem;
left: 57rem;
}
}
footer.site-footer .copyright {
background: #fff;
padding: 11px 0px;
}
@media screen and (max-width: 701px) {
footer.site-footer .copyright {
padding: 22rem 0rem;
}
}
footer.site-footer .copyright .text_1 {
text-align: center;
font-size: 12px;
letter-spacing: 0.17em;
color: #707070;
}
@media screen and (max-width: 701px) {
footer.site-footer .copyright .text_1 {
text-align: left;
font-size: 18rem;
padding-left: 10rem;
}
}
footer.site-footer .to_top {
width: 100px;
height: 100px;
background: #f7f7f7;
transition: all 0.3s ease;
position: absolute;
right: 0;
top: -100px;
cursor: pointer;
}
@media screen and (max-width: 701px) {
footer.site-footer .to_top {
width: 100rem;
height: 100rem;
bottom: 0;
top: unset;
right: 0;
z-index: 1000;
background: #fff;
}
}
footer.site-footer .to_top::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + -3px);
left: calc(50% + 3px);
width: 6px;
height: 30px;
transition: all 0.3s ease;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/footer_icon_2.png) no-repeat center bottom/contain;
}
@media screen and (max-width: 701px) {
footer.site-footer .to_top::before {
top: calc(50% + -3rem);
left: calc(50% + -1rem);
width: 12rem;
height: 27rem;
}
}
footer.site-footer .to_top:hover {
background: #203964;
}
footer.site-footer .to_top:hover::before {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/footer_icon_3.png) no-repeat center bottom/contain;
}
section.large-scale-repair-common {
background: #f7f7f7;
padding-top: 118px;
padding-bottom: 120px;
position: relative;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common {
padding-top: 118rem;
padding-bottom: 169rem;
}
}
section.large-scale-repair-common::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 1px;
height: 100px;
background: #203964;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common::before {
left: calc(50% + 0rem);
width: 1rem;
height: 100rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_1 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
line-height: 60px;
text-align: center;
color: #203964;
margin-bottom: 83px;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_1 {
font-size: 36rem;
line-height: 60rem;
margin-bottom: 69rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 90px 120px;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 {
justify-content: center;
gap: 90rem 0;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item {
width: 480px;
height: 453.5px;
position: relative;
border-bottom: 1px solid #8c99ae;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item {
width: 600rem;
height: unset;
border-bottom-width: 1rem;
margin-bottom: 8rem;
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item:last-child {
margin-bottom: 0;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item:nth-of-type(odd)::before {
content: "";
position: absolute;
right: -60px;
top: 0;
width: 1px;
height: 100%;
background: #e2e4e5;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item:nth-of-type(odd)::before {
right: -60rem;
width: 1rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item:hover .image_1 {
opacity: 0.5;
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item:hover .arrow_btn {
background: #0383b9 !important;
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .image_1 {
margin-bottom: 31px;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .image_1 {
margin-bottom: 45rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .title_1 {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
position: relative;
padding-left: 25px;
margin-bottom: 11px;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .title_1 {
font-size: 28rem;
padding-left: 36rem;
margin-bottom: 1rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .title_1::before {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #203964;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .title_1::before {
top: calc(50% + 0rem);
width: 26rem;
height: 26rem;
border-width: 1rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .text_1 {
width: 100%;
max-width: 380px;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 26px;
text-align: left;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .text_1 {
max-width: 100%;
font-size: 22rem;
line-height: 44rem;
margin-bottom: 118rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .arrow_btn {
width: 50px;
height: 50px;
background: #203964;
display: flex;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .arrow_btn {
width: 80rem;
height: 80rem;
}
}
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .arrow_btn::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: 20px;
height: 5px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/reassurance_card_5.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
section.large-scale-repair-common .large-scale-repair_box .large-scale-repair_box_2 .card_item .text_content .arrow_btn::before {
top: calc(50% + 0rem);
left: calc(50% + 0rem);
width: 32rem;
height: 16rem;
}
}body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;  }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}@media (min-width: 576px) {
.container {
max-width: 100% !important;
}
} @media (min-width: 768px) {
.container {
max-width: 1000px !important;
}
}     body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
padding: 0;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a0aec0;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #a0aec0;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} img,
video { height: auto;
}
.container {
width: 100%;
}
@media (min-width: 576px) {
.container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1112px) {
.container {
max-width: 1112px;
}
}
.space-y-reverse > :not(template) ~ :not(template) {
--space-y-reverse: 1;
}
.space-x-reverse > :not(template) ~ :not(template) {
--space-x-reverse: 1;
}
.divide-y-0 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(0px * var(--divide-y-reverse));
}
.divide-x-0 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(0px * var(--divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}
.divide-y-1 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.divide-x-1 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.divide-y-2 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(2px * var(--divide-y-reverse));
}
.divide-x-2 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(2px * var(--divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}
.divide-y-3 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(3px * var(--divide-y-reverse));
}
.divide-x-3 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(3px * var(--divide-x-reverse));
border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
}
.divide-y-4 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(4px * var(--divide-y-reverse));
}
.divide-x-4 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(4px * var(--divide-x-reverse));
border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}
.divide-y-8 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(8px * var(--divide-y-reverse));
}
.divide-x-8 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(8px * var(--divide-x-reverse));
border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}
.divide-y > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.divide-x > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.divide-y-reverse > :not(template) ~ :not(template) {
--divide-y-reverse: 1;
}
.divide-x-reverse > :not(template) ~ :not(template) {
--divide-x-reverse: 1;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.focus\:sr-only:focus {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bg-fixed {
background-attachment: fixed;
}
.bg-local {
background-attachment: local;
}
.bg-scroll {
background-attachment: scroll;
}
.bg-bottom {
background-position: bottom;
}
.bg-center {
background-position: center;
}
.bg-left {
background-position: left;
}
.bg-left-bottom {
background-position: left bottom;
}
.bg-left-top {
background-position: left top;
}
.bg-right {
background-position: right;
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-right-top {
background-position: right top;
}
.bg-top {
background-position: top;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
.bg-repeat-round {
background-repeat: round;
}
.bg-repeat-space {
background-repeat: space;
}
.bg-auto {
background-size: auto;
}
.bg-cover {
background-size: cover;
}
.bg-contain {
background-size: contain;
}
.border-collapse {
border-collapse: collapse;
}
.border-separate {
border-collapse: separate;
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-tl-none {
border-top-left-radius: 0;
}
.rounded-tr-none {
border-top-right-radius: 0;
}
.rounded-br-none {
border-bottom-right-radius: 0;
}
.rounded-bl-none {
border-bottom-left-radius: 0;
}
.rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.rounded-tl {
border-top-left-radius: 0.25rem;
}
.rounded-tr {
border-top-right-radius: 0.25rem;
}
.rounded-br {
border-bottom-right-radius: 0.25rem;
}
.rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.rounded-tl-full {
border-top-left-radius: 9999px;
}
.rounded-tr-full {
border-top-right-radius: 9999px;
}
.rounded-br-full {
border-bottom-right-radius: 9999px;
}
.rounded-bl-full {
border-bottom-left-radius: 9999px;
}
.border-solid {
border-style: solid;
}
.border-dashed {
border-style: dashed;
}
.border-dotted {
border-style: dotted;
}
.border-double {
border-style: double;
}
.border-none {
border-style: none;
}
.border-0 {
border-width: 0;
}
.border-1 {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-3 {
border-width: 3px;
}
.border-4 {
border-width: 4px;
}
.border-8 {
border-width: 8px;
}
.border {
border-width: 1px;
}
.border-t-0 {
border-top-width: 0;
}
.border-r-0 {
border-right-width: 0;
}
.border-b-0 {
border-bottom-width: 0;
}
.border-l-0 {
border-left-width: 0;
}
.border-t-1 {
border-top-width: 1px;
}
.border-r-1 {
border-right-width: 1px;
}
.border-b-1 {
border-bottom-width: 1px;
}
.border-l-1 {
border-left-width: 1px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-r-2 {
border-right-width: 2px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l-2 {
border-left-width: 2px;
}
.border-t-3 {
border-top-width: 3px;
}
.border-r-3 {
border-right-width: 3px;
}
.border-b-3 {
border-bottom-width: 3px;
}
.border-l-3 {
border-left-width: 3px;
}
.border-t-4 {
border-top-width: 4px;
}
.border-r-4 {
border-right-width: 4px;
}
.border-b-4 {
border-bottom-width: 4px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-t-8 {
border-top-width: 8px;
}
.border-r-8 {
border-right-width: 8px;
}
.border-b-8 {
border-bottom-width: 8px;
}
.border-l-8 {
border-left-width: 8px;
}
.border-t {
border-top-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
.cursor-auto {
cursor: auto;
}
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-wait {
cursor: wait;
}
.cursor-text {
cursor: text;
}
.cursor-move {
cursor: move;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-column {
display: table-column;
}
.table-column-group {
display: table-column-group;
}
.table-footer-group {
display: table-footer-group;
}
.table-header-group {
display: table-header-group;
}
.table-row-group {
display: table-row-group;
}
.table-row {
display: table-row;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.hidden {
display: none;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.flex-no-wrap {
flex-wrap: nowrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.self-auto {
align-self: auto;
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.self-stretch {
align-self: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-auto {
flex: 1 1 auto;
}
.flex-initial {
flex: 0 1 auto;
}
.flex-none {
flex: none;
}
.flex-grow-0 {
flex-grow: 0;
}
.flex-grow {
flex-grow: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-shrink {
flex-shrink: 1;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.order-first {
order: -9999;
}
.order-last {
order: 9999;
}
.order-none {
order: 0;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear-both {
clear: both;
}
.clear-none {
clear: none;
}
.font-sans {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-serif {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
.font-hairline {
font-weight: 100;
}
.font-thin {
font-weight: 200;
}
.font-light {
font-weight: 300;
}
.font-normal {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.hover\:font-hairline:hover {
font-weight: 100;
}
.hover\:font-thin:hover {
font-weight: 200;
}
.hover\:font-light:hover {
font-weight: 300;
}
.hover\:font-normal:hover {
font-weight: 400;
}
.hover\:font-medium:hover {
font-weight: 500;
}
.hover\:font-semibold:hover {
font-weight: 600;
}
.hover\:font-bold:hover {
font-weight: 700;
}
.hover\:font-extrabold:hover {
font-weight: 800;
}
.hover\:font-black:hover {
font-weight: 900;
}
.focus\:font-hairline:focus {
font-weight: 100;
}
.focus\:font-thin:focus {
font-weight: 200;
}
.focus\:font-light:focus {
font-weight: 300;
}
.focus\:font-normal:focus {
font-weight: 400;
}
.focus\:font-medium:focus {
font-weight: 500;
}
.focus\:font-semibold:focus {
font-weight: 600;
}
.focus\:font-bold:focus {
font-weight: 700;
}
.focus\:font-extrabold:focus {
font-weight: 800;
}
.focus\:font-black:focus {
font-weight: 900;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.text-11 {
font-size: 11px;
}
.text-12 {
font-size: 12px;
}
.text-13 {
font-size: 13px;
}
.text-14 {
font-size: 14px;
}
.text-15 {
font-size: 15px;
}
.text-16 {
font-size: 16px;
}
.text-17 {
font-size: 17px;
}
.text-18 {
font-size: 18px;
}
.text-20 {
font-size: 20px;
}
.text-22 {
font-size: 22px;
}
.text-24 {
font-size: 24px;
}
.text-25 {
font-size: 25px;
}
.text-26 {
font-size: 26px;
}
.text-27 {
font-size: 27px;
}
.text-28 {
font-size: 28px;
}
.text-30 {
font-size: 30px;
}
.text-32 {
font-size: 32px;
}
.text-34 {
font-size: 34px;
}
.text-36 {
font-size: 36px;
}
.text-38 {
font-size: 38px;
}
.text-40 {
font-size: 40px;
}
.text-42 {
font-size: 42px;
}
.text-44 {
font-size: 44px;
}
.text-46 {
font-size: 46px;
}
.text-48 {
font-size: 48px;
}
.text-50 {
font-size: 50px;
}
.text-52 {
font-size: 52px;
}
.text-54 {
font-size: 54px;
}
.text-56 {
font-size: 56px;
}
.text-58 {
font-size: 58px;
}
.text-60 {
font-size: 60px;
}
.text-72 {
font-size: 72px;
}
.list-inside {
list-style-position: inside;
}
.list-outside {
list-style-position: outside;
}
.m-auto {
margin: auto;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-auto {
margin-top: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
.max-h-full {
max-height: 100%;
}
.max-h-screen {
max-height: 100vh;
}
.max-w-full {
max-width: 100%;
}
.min-h-0 {
min-height: 0;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.min-w-0 {
min-width: 0;
}
.min-w-full {
min-width: 100%;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-fill {
-o-object-fit: fill;
object-fit: fill;
}
.object-none {
-o-object-fit: none;
object-fit: none;
}
.object-scale-down {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.object-left {
-o-object-position: left;
object-position: left;
}
.object-left-bottom {
-o-object-position: left bottom;
object-position: left bottom;
}
.object-left-top {
-o-object-position: left top;
object-position: left top;
}
.object-right {
-o-object-position: right;
object-position: right;
}
.object-right-bottom {
-o-object-position: right bottom;
object-position: right bottom;
}
.object-right-top {
-o-object-position: right top;
object-position: right top;
}
.object-top {
-o-object-position: top;
object-position: top;
}
.outline-none {
outline: 0;
}
.focus\:outline-none:focus {
outline: 0;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.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-visible {
overflow-x: visible;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.scrolling-touch {
-webkit-overflow-scrolling: touch;
}
.scrolling-auto {
-webkit-overflow-scrolling: auto;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: -webkit-sticky;
position: sticky;
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.inset-y-0 {
top: 0;
bottom: 0;
}
.inset-x-0 {
right: 0;
left: 0;
}
.inset-y-auto {
top: auto;
bottom: auto;
}
.inset-x-auto {
right: auto;
left: auto;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-auto {
top: auto;
}
.right-auto {
right: auto;
}
.bottom-auto {
bottom: auto;
}
.left-auto {
left: auto;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.resize-x {
resize: horizontal;
}
.resize {
resize: both;
}
.fill-current {
fill: currentColor;
}
.stroke-current {
stroke: currentColor;
}
.stroke-0 {
stroke-width: 0;
}
.stroke-1 {
stroke-width: 1;
}
.stroke-2 {
stroke-width: 2;
}
.table-auto {
table-layout: auto;
}
.table-fixed {
table-layout: fixed;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.italic {
font-style: italic;
}
.not-italic {
font-style: normal;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.normal-case {
text-transform: none;
}
.underline {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
}
.no-underline {
text-decoration: none;
}
.hover\:underline:hover {
text-decoration: underline;
}
.hover\:line-through:hover {
text-decoration: line-through;
}
.hover\:no-underline:hover {
text-decoration: none;
}
.focus\:underline:focus {
text-decoration: underline;
}
.focus\:line-through:focus {
text-decoration: line-through;
}
.focus\:no-underline:focus {
text-decoration: none;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.tracking-tighter {
letter-spacing: -0.05em;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.tracking-normal {
letter-spacing: 0;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-wider {
letter-spacing: 0.05em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select-text {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.select-all {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
.select-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.align-baseline {
vertical-align: baseline;
}
.align-top {
vertical-align: top;
}
.align-middle {
vertical-align: middle;
}
.align-bottom {
vertical-align: bottom;
}
.align-text-top {
vertical-align: text-top;
}
.align-text-bottom {
vertical-align: text-bottom;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-no-wrap {
white-space: nowrap;
}
.whitespace-pre {
white-space: pre;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.break-normal {
overflow-wrap: normal;
word-break: normal;
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.w-auto {
width: auto;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-2\/3 {
width: 66.666667%;
}
.w-1\/4 {
width: 25%;
}
.w-2\/4 {
width: 50%;
}
.w-3\/4 {
width: 75%;
}
.w-1\/5 {
width: 20%;
}
.w-2\/5 {
width: 40%;
}
.w-3\/5 {
width: 60%;
}
.w-4\/5 {
width: 80%;
}
.w-1\/6 {
width: 16.666667%;
}
.w-2\/6 {
width: 33.333333%;
}
.w-3\/6 {
width: 50%;
}
.w-4\/6 {
width: 66.666667%;
}
.w-5\/6 {
width: 83.333333%;
}
.w-1\/12 {
width: 8.333333%;
}
.w-2\/12 {
width: 16.666667%;
}
.w-3\/12 {
width: 25%;
}
.w-4\/12 {
width: 33.333333%;
}
.w-5\/12 {
width: 41.666667%;
}
.w-6\/12 {
width: 50%;
}
.w-7\/12 {
width: 58.333333%;
}
.w-8\/12 {
width: 66.666667%;
}
.w-9\/12 {
width: 75%;
}
.w-10\/12 {
width: 83.333333%;
}
.w-11\/12 {
width: 91.666667%;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-auto {
z-index: auto;
}
.grid-flow-row {
grid-auto-flow: row;
}
.grid-flow-col {
grid-auto-flow: column;
}
.grid-flow-row-dense {
grid-auto-flow: row dense;
}
.grid-flow-col-dense {
grid-auto-flow: column dense;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-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-none {
grid-template-columns: none;
}
.col-auto {
grid-column: auto;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-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-start-1 {
grid-column-start: 1;
}
.col-start-2 {
grid-column-start: 2;
}
.col-start-3 {
grid-column-start: 3;
}
.col-start-4 {
grid-column-start: 4;
}
.col-start-5 {
grid-column-start: 5;
}
.col-start-6 {
grid-column-start: 6;
}
.col-start-7 {
grid-column-start: 7;
}
.col-start-8 {
grid-column-start: 8;
}
.col-start-9 {
grid-column-start: 9;
}
.col-start-10 {
grid-column-start: 10;
}
.col-start-11 {
grid-column-start: 11;
}
.col-start-12 {
grid-column-start: 12;
}
.col-start-13 {
grid-column-start: 13;
}
.col-start-auto {
grid-column-start: auto;
}
.col-end-1 {
grid-column-end: 1;
}
.col-end-2 {
grid-column-end: 2;
}
.col-end-3 {
grid-column-end: 3;
}
.col-end-4 {
grid-column-end: 4;
}
.col-end-5 {
grid-column-end: 5;
}
.col-end-6 {
grid-column-end: 6;
}
.col-end-7 {
grid-column-end: 7;
}
.col-end-8 {
grid-column-end: 8;
}
.col-end-9 {
grid-column-end: 9;
}
.col-end-10 {
grid-column-end: 10;
}
.col-end-11 {
grid-column-end: 11;
}
.col-end-12 {
grid-column-end: 12;
}
.col-end-13 {
grid-column-end: 13;
}
.col-end-auto {
grid-column-end: auto;
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-none {
grid-template-rows: none;
}
.row-auto {
grid-row: auto;
}
.row-span-1 {
grid-row: span 1 / span 1;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-span-3 {
grid-row: span 3 / span 3;
}
.row-span-4 {
grid-row: span 4 / span 4;
}
.row-span-5 {
grid-row: span 5 / span 5;
}
.row-span-6 {
grid-row: span 6 / span 6;
}
.row-start-1 {
grid-row-start: 1;
}
.row-start-2 {
grid-row-start: 2;
}
.row-start-3 {
grid-row-start: 3;
}
.row-start-4 {
grid-row-start: 4;
}
.row-start-5 {
grid-row-start: 5;
}
.row-start-6 {
grid-row-start: 6;
}
.row-start-7 {
grid-row-start: 7;
}
.row-start-auto {
grid-row-start: auto;
}
.row-end-1 {
grid-row-end: 1;
}
.row-end-2 {
grid-row-end: 2;
}
.row-end-3 {
grid-row-end: 3;
}
.row-end-4 {
grid-row-end: 4;
}
.row-end-5 {
grid-row-end: 5;
}
.row-end-6 {
grid-row-end: 6;
}
.row-end-7 {
grid-row-end: 7;
}
.row-end-auto {
grid-row-end: auto;
}
.transform {
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
transform: translateX(var(--transform-translate-x))
translateY(var(--transform-translate-y)) rotate(var(--transform-rotate))
skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y))
scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.transform-none {
transform: none;
}
.origin-center {
transform-origin: center;
}
.origin-top {
transform-origin: top;
}
.origin-top-right {
transform-origin: top right;
}
.origin-right {
transform-origin: right;
}
.origin-bottom-right {
transform-origin: bottom right;
}
.origin-bottom {
transform-origin: bottom;
}
.origin-bottom-left {
transform-origin: bottom left;
}
.origin-left {
transform-origin: left;
}
.origin-top-left {
transform-origin: top left;
}
.scale-0 {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.scale-50 {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.scale-75 {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.scale-90 {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.scale-95 {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.scale-100 {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.scale-105 {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.scale-110 {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.scale-125 {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.scale-150 {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.scale-x-0 {
--transform-scale-x: 0;
}
.scale-x-50 {
--transform-scale-x: 0.5;
}
.scale-x-75 {
--transform-scale-x: 0.75;
}
.scale-x-90 {
--transform-scale-x: 0.9;
}
.scale-x-95 {
--transform-scale-x: 0.95;
}
.scale-x-100 {
--transform-scale-x: 1;
}
.scale-x-105 {
--transform-scale-x: 1.05;
}
.scale-x-110 {
--transform-scale-x: 1.1;
}
.scale-x-125 {
--transform-scale-x: 1.25;
}
.scale-x-150 {
--transform-scale-x: 1.5;
}
.scale-y-0 {
--transform-scale-y: 0;
}
.scale-y-50 {
--transform-scale-y: 0.5;
}
.scale-y-75 {
--transform-scale-y: 0.75;
}
.scale-y-90 {
--transform-scale-y: 0.9;
}
.scale-y-95 {
--transform-scale-y: 0.95;
}
.scale-y-100 {
--transform-scale-y: 1;
}
.scale-y-105 {
--transform-scale-y: 1.05;
}
.scale-y-110 {
--transform-scale-y: 1.1;
}
.scale-y-125 {
--transform-scale-y: 1.25;
}
.scale-y-150 {
--transform-scale-y: 1.5;
}
.hover\:scale-0:hover {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.hover\:scale-50:hover {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.hover\:scale-75:hover {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.hover\:scale-90:hover {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.hover\:scale-95:hover {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.hover\:scale-100:hover {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.hover\:scale-105:hover {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.hover\:scale-110:hover {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.hover\:scale-125:hover {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.hover\:scale-150:hover {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.hover\:scale-x-0:hover {
--transform-scale-x: 0;
}
.hover\:scale-x-50:hover {
--transform-scale-x: 0.5;
}
.hover\:scale-x-75:hover {
--transform-scale-x: 0.75;
}
.hover\:scale-x-90:hover {
--transform-scale-x: 0.9;
}
.hover\:scale-x-95:hover {
--transform-scale-x: 0.95;
}
.hover\:scale-x-100:hover {
--transform-scale-x: 1;
}
.hover\:scale-x-105:hover {
--transform-scale-x: 1.05;
}
.hover\:scale-x-110:hover {
--transform-scale-x: 1.1;
}
.hover\:scale-x-125:hover {
--transform-scale-x: 1.25;
}
.hover\:scale-x-150:hover {
--transform-scale-x: 1.5;
}
.hover\:scale-y-0:hover {
--transform-scale-y: 0;
}
.hover\:scale-y-50:hover {
--transform-scale-y: 0.5;
}
.hover\:scale-y-75:hover {
--transform-scale-y: 0.75;
}
.hover\:scale-y-90:hover {
--transform-scale-y: 0.9;
}
.hover\:scale-y-95:hover {
--transform-scale-y: 0.95;
}
.hover\:scale-y-100:hover {
--transform-scale-y: 1;
}
.hover\:scale-y-105:hover {
--transform-scale-y: 1.05;
}
.hover\:scale-y-110:hover {
--transform-scale-y: 1.1;
}
.hover\:scale-y-125:hover {
--transform-scale-y: 1.25;
}
.hover\:scale-y-150:hover {
--transform-scale-y: 1.5;
}
.focus\:scale-0:focus {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.focus\:scale-50:focus {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.focus\:scale-75:focus {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.focus\:scale-90:focus {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.focus\:scale-95:focus {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.focus\:scale-100:focus {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.focus\:scale-105:focus {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.focus\:scale-110:focus {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.focus\:scale-125:focus {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.focus\:scale-150:focus {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.focus\:scale-x-0:focus {
--transform-scale-x: 0;
}
.focus\:scale-x-50:focus {
--transform-scale-x: 0.5;
}
.focus\:scale-x-75:focus {
--transform-scale-x: 0.75;
}
.focus\:scale-x-90:focus {
--transform-scale-x: 0.9;
}
.focus\:scale-x-95:focus {
--transform-scale-x: 0.95;
}
.focus\:scale-x-100:focus {
--transform-scale-x: 1;
}
.focus\:scale-x-105:focus {
--transform-scale-x: 1.05;
}
.focus\:scale-x-110:focus {
--transform-scale-x: 1.1;
}
.focus\:scale-x-125:focus {
--transform-scale-x: 1.25;
}
.focus\:scale-x-150:focus {
--transform-scale-x: 1.5;
}
.focus\:scale-y-0:focus {
--transform-scale-y: 0;
}
.focus\:scale-y-50:focus {
--transform-scale-y: 0.5;
}
.focus\:scale-y-75:focus {
--transform-scale-y: 0.75;
}
.focus\:scale-y-90:focus {
--transform-scale-y: 0.9;
}
.focus\:scale-y-95:focus {
--transform-scale-y: 0.95;
}
.focus\:scale-y-100:focus {
--transform-scale-y: 1;
}
.focus\:scale-y-105:focus {
--transform-scale-y: 1.05;
}
.focus\:scale-y-110:focus {
--transform-scale-y: 1.1;
}
.focus\:scale-y-125:focus {
--transform-scale-y: 1.25;
}
.focus\:scale-y-150:focus {
--transform-scale-y: 1.5;
}
.rotate-0 {
--transform-rotate: 0;
}
.rotate-45 {
--transform-rotate: 45deg;
}
.rotate-90 {
--transform-rotate: 90deg;
}
.rotate-180 {
--transform-rotate: 180deg;
}
.-rotate-180 {
--transform-rotate: -180deg;
}
.-rotate-90 {
--transform-rotate: -90deg;
}
.-rotate-45 {
--transform-rotate: -45deg;
}
.hover\:rotate-0:hover {
--transform-rotate: 0;
}
.hover\:rotate-45:hover {
--transform-rotate: 45deg;
}
.hover\:rotate-90:hover {
--transform-rotate: 90deg;
}
.hover\:rotate-180:hover {
--transform-rotate: 180deg;
}
.hover\:-rotate-180:hover {
--transform-rotate: -180deg;
}
.hover\:-rotate-90:hover {
--transform-rotate: -90deg;
}
.hover\:-rotate-45:hover {
--transform-rotate: -45deg;
}
.focus\:rotate-0:focus {
--transform-rotate: 0;
}
.focus\:rotate-45:focus {
--transform-rotate: 45deg;
}
.focus\:rotate-90:focus {
--transform-rotate: 90deg;
}
.focus\:rotate-180:focus {
--transform-rotate: 180deg;
}
.focus\:-rotate-180:focus {
--transform-rotate: -180deg;
}
.focus\:-rotate-90:focus {
--transform-rotate: -90deg;
}
.focus\:-rotate-45:focus {
--transform-rotate: -45deg;
}
.-translate-x-full {
--transform-translate-x: -100%;
}
.-translate-x-1\/2 {
--transform-translate-x: -50%;
}
.translate-x-1\/2 {
--transform-translate-x: 50%;
}
.translate-x-full {
--transform-translate-x: 100%;
}
.-translate-y-full {
--transform-translate-y: -100%;
}
.-translate-y-1\/2 {
--transform-translate-y: -50%;
}
.translate-y-1\/2 {
--transform-translate-y: 50%;
}
.translate-y-full {
--transform-translate-y: 100%;
}
.hover\:-translate-x-full:hover {
--transform-translate-x: -100%;
}
.hover\:-translate-x-1\/2:hover {
--transform-translate-x: -50%;
}
.hover\:translate-x-1\/2:hover {
--transform-translate-x: 50%;
}
.hover\:translate-x-full:hover {
--transform-translate-x: 100%;
}
.hover\:-translate-y-full:hover {
--transform-translate-y: -100%;
}
.hover\:-translate-y-1\/2:hover {
--transform-translate-y: -50%;
}
.hover\:translate-y-1\/2:hover {
--transform-translate-y: 50%;
}
.hover\:translate-y-full:hover {
--transform-translate-y: 100%;
}
.focus\:-translate-x-full:focus {
--transform-translate-x: -100%;
}
.focus\:-translate-x-1\/2:focus {
--transform-translate-x: -50%;
}
.focus\:translate-x-1\/2:focus {
--transform-translate-x: 50%;
}
.focus\:translate-x-full:focus {
--transform-translate-x: 100%;
}
.focus\:-translate-y-full:focus {
--transform-translate-y: -100%;
}
.focus\:-translate-y-1\/2:focus {
--transform-translate-y: -50%;
}
.focus\:translate-y-1\/2:focus {
--transform-translate-y: 50%;
}
.focus\:translate-y-full:focus {
--transform-translate-y: 100%;
}
.skew-x-0 {
--transform-skew-x: 0;
}
.skew-x-3 {
--transform-skew-x: 3deg;
}
.skew-x-6 {
--transform-skew-x: 6deg;
}
.skew-x-12 {
--transform-skew-x: 12deg;
}
.-skew-x-12 {
--transform-skew-x: -12deg;
}
.-skew-x-6 {
--transform-skew-x: -6deg;
}
.-skew-x-3 {
--transform-skew-x: -3deg;
}
.skew-y-0 {
--transform-skew-y: 0;
}
.skew-y-3 {
--transform-skew-y: 3deg;
}
.skew-y-6 {
--transform-skew-y: 6deg;
}
.skew-y-12 {
--transform-skew-y: 12deg;
}
.-skew-y-12 {
--transform-skew-y: -12deg;
}
.-skew-y-6 {
--transform-skew-y: -6deg;
}
.-skew-y-3 {
--transform-skew-y: -3deg;
}
.hover\:skew-x-0:hover {
--transform-skew-x: 0;
}
.hover\:skew-x-3:hover {
--transform-skew-x: 3deg;
}
.hover\:skew-x-6:hover {
--transform-skew-x: 6deg;
}
.hover\:skew-x-12:hover {
--transform-skew-x: 12deg;
}
.hover\:-skew-x-12:hover {
--transform-skew-x: -12deg;
}
.hover\:-skew-x-6:hover {
--transform-skew-x: -6deg;
}
.hover\:-skew-x-3:hover {
--transform-skew-x: -3deg;
}
.hover\:skew-y-0:hover {
--transform-skew-y: 0;
}
.hover\:skew-y-3:hover {
--transform-skew-y: 3deg;
}
.hover\:skew-y-6:hover {
--transform-skew-y: 6deg;
}
.hover\:skew-y-12:hover {
--transform-skew-y: 12deg;
}
.hover\:-skew-y-12:hover {
--transform-skew-y: -12deg;
}
.hover\:-skew-y-6:hover {
--transform-skew-y: -6deg;
}
.hover\:-skew-y-3:hover {
--transform-skew-y: -3deg;
}
.focus\:skew-x-0:focus {
--transform-skew-x: 0;
}
.focus\:skew-x-3:focus {
--transform-skew-x: 3deg;
}
.focus\:skew-x-6:focus {
--transform-skew-x: 6deg;
}
.focus\:skew-x-12:focus {
--transform-skew-x: 12deg;
}
.focus\:-skew-x-12:focus {
--transform-skew-x: -12deg;
}
.focus\:-skew-x-6:focus {
--transform-skew-x: -6deg;
}
.focus\:-skew-x-3:focus {
--transform-skew-x: -3deg;
}
.focus\:skew-y-0:focus {
--transform-skew-y: 0;
}
.focus\:skew-y-3:focus {
--transform-skew-y: 3deg;
}
.focus\:skew-y-6:focus {
--transform-skew-y: 6deg;
}
.focus\:skew-y-12:focus {
--transform-skew-y: 12deg;
}
.focus\:-skew-y-12:focus {
--transform-skew-y: -12deg;
}
.focus\:-skew-y-6:focus {
--transform-skew-y: -6deg;
}
.focus\:-skew-y-3:focus {
--transform-skew-y: -3deg;
}
.transition-none {
transition-property: none;
}
.transition-all {
transition-property: all;
}
.transition {
transition-property: background-color, border-color, color, fill, stroke,
opacity, box-shadow, transform;
}
.transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
}
.transition-opacity {
transition-property: opacity;
}
.transition-shadow {
transition-property: box-shadow;
}
.transition-transform {
transition-property: transform;
}
.ease-linear {
transition-timing-function: linear;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-75 {
transition-duration: 75ms;
}
.duration-100 {
transition-duration: 100ms;
}
.duration-150 {
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.duration-700 {
transition-duration: 700ms;
}
.duration-1000 {
transition-duration: 1000ms;
}
.delay-75 {
transition-delay: 75ms;
}
.delay-100 {
transition-delay: 100ms;
}
.delay-150 {
transition-delay: 150ms;
}
.delay-200 {
transition-delay: 200ms;
}
.delay-300 {
transition-delay: 300ms;
}
.delay-500 {
transition-delay: 500ms;
}
.delay-700 {
transition-delay: 700ms;
}
.delay-1000 {
transition-delay: 1000ms;
}
@media (min-width: 576px) {
.sm\:space-y-reverse > :not(template) ~ :not(template) {
--space-y-reverse: 1;
}
.sm\:space-x-reverse > :not(template) ~ :not(template) {
--space-x-reverse: 1;
}
.sm\:divide-y-0 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(0px * var(--divide-y-reverse));
}
.sm\:divide-x-0 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(0px * var(--divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y-1 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.sm\:divide-x-1 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y-2 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(2px * var(--divide-y-reverse));
}
.sm\:divide-x-2 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(2px * var(--divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y-3 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(3px * var(--divide-y-reverse));
}
.sm\:divide-x-3 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(3px * var(--divide-x-reverse));
border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y-4 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(4px * var(--divide-y-reverse));
}
.sm\:divide-x-4 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(4px * var(--divide-x-reverse));
border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y-8 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(8px * var(--divide-y-reverse));
}
.sm\:divide-x-8 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(8px * var(--divide-x-reverse));
border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.sm\:divide-x > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.sm\:divide-y-reverse > :not(template) ~ :not(template) {
--divide-y-reverse: 1;
}
.sm\:divide-x-reverse > :not(template) ~ :not(template) {
--divide-x-reverse: 1;
}
.sm\: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;
}
.sm\:not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.sm\:focus\:sr-only:focus {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.sm\:focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.sm\:appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sm\:bg-fixed {
background-attachment: fixed;
}
.sm\:bg-local {
background-attachment: local;
}
.sm\:bg-scroll {
background-attachment: scroll;
}
.sm\:bg-bottom {
background-position: bottom;
}
.sm\:bg-center {
background-position: center;
}
.sm\:bg-left {
background-position: left;
}
.sm\:bg-left-bottom {
background-position: left bottom;
}
.sm\:bg-left-top {
background-position: left top;
}
.sm\:bg-right {
background-position: right;
}
.sm\:bg-right-bottom {
background-position: right bottom;
}
.sm\:bg-right-top {
background-position: right top;
}
.sm\:bg-top {
background-position: top;
}
.sm\:bg-repeat {
background-repeat: repeat;
}
.sm\:bg-no-repeat {
background-repeat: no-repeat;
}
.sm\:bg-repeat-x {
background-repeat: repeat-x;
}
.sm\:bg-repeat-y {
background-repeat: repeat-y;
}
.sm\:bg-repeat-round {
background-repeat: round;
}
.sm\:bg-repeat-space {
background-repeat: space;
}
.sm\:bg-auto {
background-size: auto;
}
.sm\:bg-cover {
background-size: cover;
}
.sm\:bg-contain {
background-size: contain;
}
.sm\:border-collapse {
border-collapse: collapse;
}
.sm\:border-separate {
border-collapse: separate;
}
.sm\:rounded-none {
border-radius: 0;
}
.sm\:rounded-sm {
border-radius: 0.125rem;
}
.sm\:rounded {
border-radius: 0.25rem;
}
.sm\:rounded-md {
border-radius: 0.375rem;
}
.sm\:rounded-lg {
border-radius: 0.5rem;
}
.sm\:rounded-full {
border-radius: 9999px;
}
.sm\:rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sm\:rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.sm\:rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.sm\:rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.sm\:rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.sm\:rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.sm\:rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.sm\:rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.sm\:rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.sm\:rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.sm\:rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.sm\:rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.sm\:rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.sm\:rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.sm\:rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.sm\:rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.sm\:rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.sm\:rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.sm\:rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.sm\:rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.sm\:rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.sm\:rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.sm\:rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.sm\:rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.sm\:rounded-tl-none {
border-top-left-radius: 0;
}
.sm\:rounded-tr-none {
border-top-right-radius: 0;
}
.sm\:rounded-br-none {
border-bottom-right-radius: 0;
}
.sm\:rounded-bl-none {
border-bottom-left-radius: 0;
}
.sm\:rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.sm\:rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.sm\:rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.sm\:rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.sm\:rounded-tl {
border-top-left-radius: 0.25rem;
}
.sm\:rounded-tr {
border-top-right-radius: 0.25rem;
}
.sm\:rounded-br {
border-bottom-right-radius: 0.25rem;
}
.sm\:rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.sm\:rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.sm\:rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.sm\:rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.sm\:rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.sm\:rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.sm\:rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.sm\:rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.sm\:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.sm\:rounded-tl-full {
border-top-left-radius: 9999px;
}
.sm\:rounded-tr-full {
border-top-right-radius: 9999px;
}
.sm\:rounded-br-full {
border-bottom-right-radius: 9999px;
}
.sm\:rounded-bl-full {
border-bottom-left-radius: 9999px;
}
.sm\:border-solid {
border-style: solid;
}
.sm\:border-dashed {
border-style: dashed;
}
.sm\:border-dotted {
border-style: dotted;
}
.sm\:border-double {
border-style: double;
}
.sm\:border-none {
border-style: none;
}
.sm\:border-0 {
border-width: 0;
}
.sm\:border-1 {
border-width: 1px;
}
.sm\:border-2 {
border-width: 2px;
}
.sm\:border-3 {
border-width: 3px;
}
.sm\:border-4 {
border-width: 4px;
}
.sm\:border-8 {
border-width: 8px;
}
.sm\:border {
border-width: 1px;
}
.sm\:border-t-0 {
border-top-width: 0;
}
.sm\:border-r-0 {
border-right-width: 0;
}
.sm\:border-b-0 {
border-bottom-width: 0;
}
.sm\:border-l-0 {
border-left-width: 0;
}
.sm\:border-t-1 {
border-top-width: 1px;
}
.sm\:border-r-1 {
border-right-width: 1px;
}
.sm\:border-b-1 {
border-bottom-width: 1px;
}
.sm\:border-l-1 {
border-left-width: 1px;
}
.sm\:border-t-2 {
border-top-width: 2px;
}
.sm\:border-r-2 {
border-right-width: 2px;
}
.sm\:border-b-2 {
border-bottom-width: 2px;
}
.sm\:border-l-2 {
border-left-width: 2px;
}
.sm\:border-t-3 {
border-top-width: 3px;
}
.sm\:border-r-3 {
border-right-width: 3px;
}
.sm\:border-b-3 {
border-bottom-width: 3px;
}
.sm\:border-l-3 {
border-left-width: 3px;
}
.sm\:border-t-4 {
border-top-width: 4px;
}
.sm\:border-r-4 {
border-right-width: 4px;
}
.sm\:border-b-4 {
border-bottom-width: 4px;
}
.sm\:border-l-4 {
border-left-width: 4px;
}
.sm\:border-t-8 {
border-top-width: 8px;
}
.sm\:border-r-8 {
border-right-width: 8px;
}
.sm\:border-b-8 {
border-bottom-width: 8px;
}
.sm\:border-l-8 {
border-left-width: 8px;
}
.sm\:border-t {
border-top-width: 1px;
}
.sm\:border-r {
border-right-width: 1px;
}
.sm\:border-b {
border-bottom-width: 1px;
}
.sm\:border-l {
border-left-width: 1px;
}
.sm\:box-border {
box-sizing: border-box;
}
.sm\:box-content {
box-sizing: content-box;
}
.sm\:cursor-auto {
cursor: auto;
}
.sm\:cursor-default {
cursor: default;
}
.sm\:cursor-pointer {
cursor: pointer;
}
.sm\:cursor-wait {
cursor: wait;
}
.sm\:cursor-text {
cursor: text;
}
.sm\:cursor-move {
cursor: move;
}
.sm\:cursor-not-allowed {
cursor: not-allowed;
}
.sm\:block {
display: block;
}
.sm\:inline-block {
display: inline-block;
}
.sm\:inline {
display: inline;
}
.sm\:flex {
display: flex;
}
.sm\:inline-flex {
display: inline-flex;
}
.sm\:table {
display: table;
}
.sm\:table-caption {
display: table-caption;
}
.sm\:table-cell {
display: table-cell;
}
.sm\:table-column {
display: table-column;
}
.sm\:table-column-group {
display: table-column-group;
}
.sm\:table-footer-group {
display: table-footer-group;
}
.sm\:table-header-group {
display: table-header-group;
}
.sm\:table-row-group {
display: table-row-group;
}
.sm\:table-row {
display: table-row;
}
.sm\:flow-root {
display: flow-root;
}
.sm\:grid {
display: grid;
}
.sm\:inline-grid {
display: inline-grid;
}
.sm\:hidden {
display: none;
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-row-reverse {
flex-direction: row-reverse;
}
.sm\:flex-col {
flex-direction: column;
}
.sm\:flex-col-reverse {
flex-direction: column-reverse;
}
.sm\:flex-wrap {
flex-wrap: wrap;
}
.sm\:flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.sm\:flex-no-wrap {
flex-wrap: nowrap;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:items-center {
align-items: center;
}
.sm\:items-baseline {
align-items: baseline;
}
.sm\:items-stretch {
align-items: stretch;
}
.sm\:self-auto {
align-self: auto;
}
.sm\:self-start {
align-self: flex-start;
}
.sm\:self-end {
align-self: flex-end;
}
.sm\:self-center {
align-self: center;
}
.sm\:self-stretch {
align-self: stretch;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-around {
justify-content: space-around;
}
.sm\:justify-evenly {
justify-content: space-evenly;
}
.sm\:content-center {
align-content: center;
}
.sm\:content-start {
align-content: flex-start;
}
.sm\:content-end {
align-content: flex-end;
}
.sm\:content-between {
align-content: space-between;
}
.sm\:content-around {
align-content: space-around;
}
.sm\:flex-1 {
flex: 1 1 0%;
}
.sm\:flex-auto {
flex: 1 1 auto;
}
.sm\:flex-initial {
flex: 0 1 auto;
}
.sm\:flex-none {
flex: none;
}
.sm\:flex-grow-0 {
flex-grow: 0;
}
.sm\:flex-grow {
flex-grow: 1;
}
.sm\:flex-shrink-0 {
flex-shrink: 0;
}
.sm\:flex-shrink {
flex-shrink: 1;
}
.sm\:order-1 {
order: 1;
}
.sm\:order-2 {
order: 2;
}
.sm\:order-3 {
order: 3;
}
.sm\:order-4 {
order: 4;
}
.sm\:order-5 {
order: 5;
}
.sm\:order-6 {
order: 6;
}
.sm\:order-7 {
order: 7;
}
.sm\:order-8 {
order: 8;
}
.sm\:order-9 {
order: 9;
}
.sm\:order-10 {
order: 10;
}
.sm\:order-11 {
order: 11;
}
.sm\:order-12 {
order: 12;
}
.sm\:order-first {
order: -9999;
}
.sm\:order-last {
order: 9999;
}
.sm\:order-none {
order: 0;
}
.sm\:float-right {
float: right;
}
.sm\:float-left {
float: left;
}
.sm\:float-none {
float: none;
}
.sm\:clearfix:after {
content: "";
display: table;
clear: both;
}
.sm\:clear-left {
clear: left;
}
.sm\:clear-right {
clear: right;
}
.sm\:clear-both {
clear: both;
}
.sm\:clear-none {
clear: none;
}
.sm\:font-sans {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.sm\:font-serif {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
.sm\:font-hairline {
font-weight: 100;
}
.sm\:font-thin {
font-weight: 200;
}
.sm\:font-light {
font-weight: 300;
}
.sm\:font-normal {
font-weight: 400;
}
.sm\:font-medium {
font-weight: 500;
}
.sm\:font-semibold {
font-weight: 600;
}
.sm\:font-bold {
font-weight: 700;
}
.sm\:font-extrabold {
font-weight: 800;
}
.sm\:font-black {
font-weight: 900;
}
.sm\:hover\:font-hairline:hover {
font-weight: 100;
}
.sm\:hover\:font-thin:hover {
font-weight: 200;
}
.sm\:hover\:font-light:hover {
font-weight: 300;
}
.sm\:hover\:font-normal:hover {
font-weight: 400;
}
.sm\:hover\:font-medium:hover {
font-weight: 500;
}
.sm\:hover\:font-semibold:hover {
font-weight: 600;
}
.sm\:hover\:font-bold:hover {
font-weight: 700;
}
.sm\:hover\:font-extrabold:hover {
font-weight: 800;
}
.sm\:hover\:font-black:hover {
font-weight: 900;
}
.sm\:focus\:font-hairline:focus {
font-weight: 100;
}
.sm\:focus\:font-thin:focus {
font-weight: 200;
}
.sm\:focus\:font-light:focus {
font-weight: 300;
}
.sm\:focus\:font-normal:focus {
font-weight: 400;
}
.sm\:focus\:font-medium:focus {
font-weight: 500;
}
.sm\:focus\:font-semibold:focus {
font-weight: 600;
}
.sm\:focus\:font-bold:focus {
font-weight: 700;
}
.sm\:focus\:font-extrabold:focus {
font-weight: 800;
}
.sm\:focus\:font-black:focus {
font-weight: 900;
}
.sm\:h-auto {
height: auto;
}
.sm\:h-full {
height: 100%;
}
.sm\:h-screen {
height: 100vh;
}
.sm\:text-11 {
font-size: 11px;
}
.sm\:text-12 {
font-size: 12px;
}
.sm\:text-13 {
font-size: 13px;
}
.sm\:text-14 {
font-size: 14px;
}
.sm\:text-15 {
font-size: 15px;
}
.sm\:text-16 {
font-size: 16px;
}
.sm\:text-17 {
font-size: 17px;
}
.sm\:text-18 {
font-size: 18px;
}
.sm\:text-20 {
font-size: 20px;
}
.sm\:text-22 {
font-size: 22px;
}
.sm\:text-24 {
font-size: 24px;
}
.sm\:text-25 {
font-size: 25px;
}
.sm\:text-26 {
font-size: 26px;
}
.sm\:text-27 {
font-size: 27px;
}
.sm\:text-28 {
font-size: 28px;
}
.sm\:text-30 {
font-size: 30px;
}
.sm\:text-32 {
font-size: 32px;
}
.sm\:text-34 {
font-size: 34px;
}
.sm\:text-36 {
font-size: 36px;
}
.sm\:text-38 {
font-size: 38px;
}
.sm\:text-40 {
font-size: 40px;
}
.sm\:text-42 {
font-size: 42px;
}
.sm\:text-44 {
font-size: 44px;
}
.sm\:text-46 {
font-size: 46px;
}
.sm\:text-48 {
font-size: 48px;
}
.sm\:text-50 {
font-size: 50px;
}
.sm\:text-52 {
font-size: 52px;
}
.sm\:text-54 {
font-size: 54px;
}
.sm\:text-56 {
font-size: 56px;
}
.sm\:text-58 {
font-size: 58px;
}
.sm\:text-60 {
font-size: 60px;
}
.sm\:text-72 {
font-size: 72px;
}
.sm\:list-inside {
list-style-position: inside;
}
.sm\:list-outside {
list-style-position: outside;
}
.sm\:m-auto {
margin: auto;
}
.sm\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.sm\:mt-auto {
margin-top: auto;
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:mb-auto {
margin-bottom: auto;
}
.sm\:ml-auto {
margin-left: auto;
}
.sm\:max-h-full {
max-height: 100%;
}
.sm\:max-h-screen {
max-height: 100vh;
}
.sm\:max-w-full {
max-width: 100%;
}
.sm\:min-h-0 {
min-height: 0;
}
.sm\:min-h-full {
min-height: 100%;
}
.sm\:min-h-screen {
min-height: 100vh;
}
.sm\:min-w-0 {
min-width: 0;
}
.sm\:min-w-full {
min-width: 100%;
}
.sm\:object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.sm\:object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.sm\:object-fill {
-o-object-fit: fill;
object-fit: fill;
}
.sm\:object-none {
-o-object-fit: none;
object-fit: none;
}
.sm\:object-scale-down {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.sm\:object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.sm\:object-center {
-o-object-position: center;
object-position: center;
}
.sm\:object-left {
-o-object-position: left;
object-position: left;
}
.sm\:object-left-bottom {
-o-object-position: left bottom;
object-position: left bottom;
}
.sm\:object-left-top {
-o-object-position: left top;
object-position: left top;
}
.sm\:object-right {
-o-object-position: right;
object-position: right;
}
.sm\:object-right-bottom {
-o-object-position: right bottom;
object-position: right bottom;
}
.sm\:object-right-top {
-o-object-position: right top;
object-position: right top;
}
.sm\:object-top {
-o-object-position: top;
object-position: top;
}
.sm\:outline-none {
outline: 0;
}
.sm\:focus\:outline-none:focus {
outline: 0;
}
.sm\:overflow-auto {
overflow: auto;
}
.sm\:overflow-hidden {
overflow: hidden;
}
.sm\:overflow-visible {
overflow: visible;
}
.sm\:overflow-scroll {
overflow: scroll;
}
.sm\:overflow-x-auto {
overflow-x: auto;
}
.sm\:overflow-y-auto {
overflow-y: auto;
}
.sm\:overflow-x-hidden {
overflow-x: hidden;
}
.sm\:overflow-y-hidden {
overflow-y: hidden;
}
.sm\:overflow-x-visible {
overflow-x: visible;
}
.sm\:overflow-y-visible {
overflow-y: visible;
}
.sm\:overflow-x-scroll {
overflow-x: scroll;
}
.sm\:overflow-y-scroll {
overflow-y: scroll;
}
.sm\:scrolling-touch {
-webkit-overflow-scrolling: touch;
}
.sm\:scrolling-auto {
-webkit-overflow-scrolling: auto;
}
.sm\:pointer-events-none {
pointer-events: none;
}
.sm\:pointer-events-auto {
pointer-events: auto;
}
.sm\:static {
position: static;
}
.sm\:fixed {
position: fixed;
}
.sm\:absolute {
position: absolute;
}
.sm\:relative {
position: relative;
}
.sm\:sticky {
position: -webkit-sticky;
position: sticky;
}
.sm\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sm\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.sm\:inset-y-0 {
top: 0;
bottom: 0;
}
.sm\:inset-x-0 {
right: 0;
left: 0;
}
.sm\:inset-y-auto {
top: auto;
bottom: auto;
}
.sm\:inset-x-auto {
right: auto;
left: auto;
}
.sm\:top-0 {
top: 0;
}
.sm\:right-0 {
right: 0;
}
.sm\:bottom-0 {
bottom: 0;
}
.sm\:left-0 {
left: 0;
}
.sm\:top-auto {
top: auto;
}
.sm\:right-auto {
right: auto;
}
.sm\:bottom-auto {
bottom: auto;
}
.sm\:left-auto {
left: auto;
}
.sm\:resize-none {
resize: none;
}
.sm\:resize-y {
resize: vertical;
}
.sm\:resize-x {
resize: horizontal;
}
.sm\:resize {
resize: both;
}
.sm\:fill-current {
fill: currentColor;
}
.sm\:stroke-current {
stroke: currentColor;
}
.sm\:stroke-0 {
stroke-width: 0;
}
.sm\:stroke-1 {
stroke-width: 1;
}
.sm\:stroke-2 {
stroke-width: 2;
}
.sm\:table-auto {
table-layout: auto;
}
.sm\:table-fixed {
table-layout: fixed;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-right {
text-align: right;
}
.sm\:text-justify {
text-align: justify;
}
.sm\:italic {
font-style: italic;
}
.sm\:not-italic {
font-style: normal;
}
.sm\:uppercase {
text-transform: uppercase;
}
.sm\:lowercase {
text-transform: lowercase;
}
.sm\:capitalize {
text-transform: capitalize;
}
.sm\:normal-case {
text-transform: none;
}
.sm\:underline {
text-decoration: underline;
}
.sm\:line-through {
text-decoration: line-through;
}
.sm\:no-underline {
text-decoration: none;
}
.sm\:hover\:underline:hover {
text-decoration: underline;
}
.sm\:hover\:line-through:hover {
text-decoration: line-through;
}
.sm\:hover\:no-underline:hover {
text-decoration: none;
}
.sm\:focus\:underline:focus {
text-decoration: underline;
}
.sm\:focus\:line-through:focus {
text-decoration: line-through;
}
.sm\:focus\:no-underline:focus {
text-decoration: none;
}
.sm\:antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sm\:subpixel-antialiased {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.sm\:tracking-tighter {
letter-spacing: -0.05em;
}
.sm\:tracking-tight {
letter-spacing: -0.025em;
}
.sm\:tracking-normal {
letter-spacing: 0;
}
.sm\:tracking-wide {
letter-spacing: 0.025em;
}
.sm\:tracking-wider {
letter-spacing: 0.05em;
}
.sm\:tracking-widest {
letter-spacing: 0.1em;
}
.sm\:select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sm\:select-text {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.sm\:select-all {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
.sm\:select-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.sm\:align-baseline {
vertical-align: baseline;
}
.sm\:align-top {
vertical-align: top;
}
.sm\:align-middle {
vertical-align: middle;
}
.sm\:align-bottom {
vertical-align: bottom;
}
.sm\:align-text-top {
vertical-align: text-top;
}
.sm\:align-text-bottom {
vertical-align: text-bottom;
}
.sm\:visible {
visibility: visible;
}
.sm\:invisible {
visibility: hidden;
}
.sm\:whitespace-normal {
white-space: normal;
}
.sm\:whitespace-no-wrap {
white-space: nowrap;
}
.sm\:whitespace-pre {
white-space: pre;
}
.sm\:whitespace-pre-line {
white-space: pre-line;
}
.sm\:whitespace-pre-wrap {
white-space: pre-wrap;
}
.sm\:break-normal {
overflow-wrap: normal;
word-break: normal;
}
.sm\:break-words {
overflow-wrap: break-word;
}
.sm\:break-all {
word-break: break-all;
}
.sm\:truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-1\/3 {
width: 33.333333%;
}
.sm\:w-2\/3 {
width: 66.666667%;
}
.sm\:w-1\/4 {
width: 25%;
}
.sm\:w-2\/4 {
width: 50%;
}
.sm\:w-3\/4 {
width: 75%;
}
.sm\:w-1\/5 {
width: 20%;
}
.sm\:w-2\/5 {
width: 40%;
}
.sm\:w-3\/5 {
width: 60%;
}
.sm\:w-4\/5 {
width: 80%;
}
.sm\:w-1\/6 {
width: 16.666667%;
}
.sm\:w-2\/6 {
width: 33.333333%;
}
.sm\:w-3\/6 {
width: 50%;
}
.sm\:w-4\/6 {
width: 66.666667%;
}
.sm\:w-5\/6 {
width: 83.333333%;
}
.sm\:w-1\/12 {
width: 8.333333%;
}
.sm\:w-2\/12 {
width: 16.666667%;
}
.sm\:w-3\/12 {
width: 25%;
}
.sm\:w-4\/12 {
width: 33.333333%;
}
.sm\:w-5\/12 {
width: 41.666667%;
}
.sm\:w-6\/12 {
width: 50%;
}
.sm\:w-7\/12 {
width: 58.333333%;
}
.sm\:w-8\/12 {
width: 66.666667%;
}
.sm\:w-9\/12 {
width: 75%;
}
.sm\:w-10\/12 {
width: 83.333333%;
}
.sm\:w-11\/12 {
width: 91.666667%;
}
.sm\:w-full {
width: 100%;
}
.sm\:w-screen {
width: 100vw;
}
.sm\:z-0 {
z-index: 0;
}
.sm\:z-10 {
z-index: 10;
}
.sm\:z-20 {
z-index: 20;
}
.sm\:z-30 {
z-index: 30;
}
.sm\:z-40 {
z-index: 40;
}
.sm\:z-50 {
z-index: 50;
}
.sm\:z-auto {
z-index: auto;
}
.sm\:grid-flow-row {
grid-auto-flow: row;
}
.sm\:grid-flow-col {
grid-auto-flow: column;
}
.sm\:grid-flow-row-dense {
grid-auto-flow: row dense;
}
.sm\:grid-flow-col-dense {
grid-auto-flow: column dense;
}
.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\:grid-cols-none {
grid-template-columns: none;
}
.sm\:col-auto {
grid-column: auto;
}
.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-start-1 {
grid-column-start: 1;
}
.sm\:col-start-2 {
grid-column-start: 2;
}
.sm\:col-start-3 {
grid-column-start: 3;
}
.sm\:col-start-4 {
grid-column-start: 4;
}
.sm\:col-start-5 {
grid-column-start: 5;
}
.sm\:col-start-6 {
grid-column-start: 6;
}
.sm\:col-start-7 {
grid-column-start: 7;
}
.sm\:col-start-8 {
grid-column-start: 8;
}
.sm\:col-start-9 {
grid-column-start: 9;
}
.sm\:col-start-10 {
grid-column-start: 10;
}
.sm\:col-start-11 {
grid-column-start: 11;
}
.sm\:col-start-12 {
grid-column-start: 12;
}
.sm\:col-start-13 {
grid-column-start: 13;
}
.sm\:col-start-auto {
grid-column-start: auto;
}
.sm\:col-end-1 {
grid-column-end: 1;
}
.sm\:col-end-2 {
grid-column-end: 2;
}
.sm\:col-end-3 {
grid-column-end: 3;
}
.sm\:col-end-4 {
grid-column-end: 4;
}
.sm\:col-end-5 {
grid-column-end: 5;
}
.sm\:col-end-6 {
grid-column-end: 6;
}
.sm\:col-end-7 {
grid-column-end: 7;
}
.sm\:col-end-8 {
grid-column-end: 8;
}
.sm\:col-end-9 {
grid-column-end: 9;
}
.sm\:col-end-10 {
grid-column-end: 10;
}
.sm\:col-end-11 {
grid-column-end: 11;
}
.sm\:col-end-12 {
grid-column-end: 12;
}
.sm\:col-end-13 {
grid-column-end: 13;
}
.sm\:col-end-auto {
grid-column-end: auto;
}
.sm\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.sm\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.sm\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.sm\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.sm\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.sm\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.sm\:grid-rows-none {
grid-template-rows: none;
}
.sm\:row-auto {
grid-row: auto;
}
.sm\:row-span-1 {
grid-row: span 1 / span 1;
}
.sm\:row-span-2 {
grid-row: span 2 / span 2;
}
.sm\:row-span-3 {
grid-row: span 3 / span 3;
}
.sm\:row-span-4 {
grid-row: span 4 / span 4;
}
.sm\:row-span-5 {
grid-row: span 5 / span 5;
}
.sm\:row-span-6 {
grid-row: span 6 / span 6;
}
.sm\:row-start-1 {
grid-row-start: 1;
}
.sm\:row-start-2 {
grid-row-start: 2;
}
.sm\:row-start-3 {
grid-row-start: 3;
}
.sm\:row-start-4 {
grid-row-start: 4;
}
.sm\:row-start-5 {
grid-row-start: 5;
}
.sm\:row-start-6 {
grid-row-start: 6;
}
.sm\:row-start-7 {
grid-row-start: 7;
}
.sm\:row-start-auto {
grid-row-start: auto;
}
.sm\:row-end-1 {
grid-row-end: 1;
}
.sm\:row-end-2 {
grid-row-end: 2;
}
.sm\:row-end-3 {
grid-row-end: 3;
}
.sm\:row-end-4 {
grid-row-end: 4;
}
.sm\:row-end-5 {
grid-row-end: 5;
}
.sm\:row-end-6 {
grid-row-end: 6;
}
.sm\:row-end-7 {
grid-row-end: 7;
}
.sm\:row-end-auto {
grid-row-end: auto;
}
.sm\:transform {
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
transform: translateX(var(--transform-translate-x))
translateY(var(--transform-translate-y)) rotate(var(--transform-rotate))
skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y))
scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.sm\:transform-none {
transform: none;
}
.sm\:origin-center {
transform-origin: center;
}
.sm\:origin-top {
transform-origin: top;
}
.sm\:origin-top-right {
transform-origin: top right;
}
.sm\:origin-right {
transform-origin: right;
}
.sm\:origin-bottom-right {
transform-origin: bottom right;
}
.sm\:origin-bottom {
transform-origin: bottom;
}
.sm\:origin-bottom-left {
transform-origin: bottom left;
}
.sm\:origin-left {
transform-origin: left;
}
.sm\:origin-top-left {
transform-origin: top left;
}
.sm\:scale-0 {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.sm\:scale-50 {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.sm\:scale-75 {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.sm\:scale-90 {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.sm\:scale-95 {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.sm\:scale-100 {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.sm\:scale-105 {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.sm\:scale-110 {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.sm\:scale-125 {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.sm\:scale-150 {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.sm\:scale-x-0 {
--transform-scale-x: 0;
}
.sm\:scale-x-50 {
--transform-scale-x: 0.5;
}
.sm\:scale-x-75 {
--transform-scale-x: 0.75;
}
.sm\:scale-x-90 {
--transform-scale-x: 0.9;
}
.sm\:scale-x-95 {
--transform-scale-x: 0.95;
}
.sm\:scale-x-100 {
--transform-scale-x: 1;
}
.sm\:scale-x-105 {
--transform-scale-x: 1.05;
}
.sm\:scale-x-110 {
--transform-scale-x: 1.1;
}
.sm\:scale-x-125 {
--transform-scale-x: 1.25;
}
.sm\:scale-x-150 {
--transform-scale-x: 1.5;
}
.sm\:scale-y-0 {
--transform-scale-y: 0;
}
.sm\:scale-y-50 {
--transform-scale-y: 0.5;
}
.sm\:scale-y-75 {
--transform-scale-y: 0.75;
}
.sm\:scale-y-90 {
--transform-scale-y: 0.9;
}
.sm\:scale-y-95 {
--transform-scale-y: 0.95;
}
.sm\:scale-y-100 {
--transform-scale-y: 1;
}
.sm\:scale-y-105 {
--transform-scale-y: 1.05;
}
.sm\:scale-y-110 {
--transform-scale-y: 1.1;
}
.sm\:scale-y-125 {
--transform-scale-y: 1.25;
}
.sm\:scale-y-150 {
--transform-scale-y: 1.5;
}
.sm\:hover\:scale-0:hover {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.sm\:hover\:scale-50:hover {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.sm\:hover\:scale-75:hover {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.sm\:hover\:scale-90:hover {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.sm\:hover\:scale-95:hover {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.sm\:hover\:scale-100:hover {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.sm\:hover\:scale-105:hover {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.sm\:hover\:scale-110:hover {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.sm\:hover\:scale-125:hover {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.sm\:hover\:scale-150:hover {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.sm\:hover\:scale-x-0:hover {
--transform-scale-x: 0;
}
.sm\:hover\:scale-x-50:hover {
--transform-scale-x: 0.5;
}
.sm\:hover\:scale-x-75:hover {
--transform-scale-x: 0.75;
}
.sm\:hover\:scale-x-90:hover {
--transform-scale-x: 0.9;
}
.sm\:hover\:scale-x-95:hover {
--transform-scale-x: 0.95;
}
.sm\:hover\:scale-x-100:hover {
--transform-scale-x: 1;
}
.sm\:hover\:scale-x-105:hover {
--transform-scale-x: 1.05;
}
.sm\:hover\:scale-x-110:hover {
--transform-scale-x: 1.1;
}
.sm\:hover\:scale-x-125:hover {
--transform-scale-x: 1.25;
}
.sm\:hover\:scale-x-150:hover {
--transform-scale-x: 1.5;
}
.sm\:hover\:scale-y-0:hover {
--transform-scale-y: 0;
}
.sm\:hover\:scale-y-50:hover {
--transform-scale-y: 0.5;
}
.sm\:hover\:scale-y-75:hover {
--transform-scale-y: 0.75;
}
.sm\:hover\:scale-y-90:hover {
--transform-scale-y: 0.9;
}
.sm\:hover\:scale-y-95:hover {
--transform-scale-y: 0.95;
}
.sm\:hover\:scale-y-100:hover {
--transform-scale-y: 1;
}
.sm\:hover\:scale-y-105:hover {
--transform-scale-y: 1.05;
}
.sm\:hover\:scale-y-110:hover {
--transform-scale-y: 1.1;
}
.sm\:hover\:scale-y-125:hover {
--transform-scale-y: 1.25;
}
.sm\:hover\:scale-y-150:hover {
--transform-scale-y: 1.5;
}
.sm\:focus\:scale-0:focus {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.sm\:focus\:scale-50:focus {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.sm\:focus\:scale-75:focus {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.sm\:focus\:scale-90:focus {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.sm\:focus\:scale-95:focus {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.sm\:focus\:scale-100:focus {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.sm\:focus\:scale-105:focus {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.sm\:focus\:scale-110:focus {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.sm\:focus\:scale-125:focus {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.sm\:focus\:scale-150:focus {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.sm\:focus\:scale-x-0:focus {
--transform-scale-x: 0;
}
.sm\:focus\:scale-x-50:focus {
--transform-scale-x: 0.5;
}
.sm\:focus\:scale-x-75:focus {
--transform-scale-x: 0.75;
}
.sm\:focus\:scale-x-90:focus {
--transform-scale-x: 0.9;
}
.sm\:focus\:scale-x-95:focus {
--transform-scale-x: 0.95;
}
.sm\:focus\:scale-x-100:focus {
--transform-scale-x: 1;
}
.sm\:focus\:scale-x-105:focus {
--transform-scale-x: 1.05;
}
.sm\:focus\:scale-x-110:focus {
--transform-scale-x: 1.1;
}
.sm\:focus\:scale-x-125:focus {
--transform-scale-x: 1.25;
}
.sm\:focus\:scale-x-150:focus {
--transform-scale-x: 1.5;
}
.sm\:focus\:scale-y-0:focus {
--transform-scale-y: 0;
}
.sm\:focus\:scale-y-50:focus {
--transform-scale-y: 0.5;
}
.sm\:focus\:scale-y-75:focus {
--transform-scale-y: 0.75;
}
.sm\:focus\:scale-y-90:focus {
--transform-scale-y: 0.9;
}
.sm\:focus\:scale-y-95:focus {
--transform-scale-y: 0.95;
}
.sm\:focus\:scale-y-100:focus {
--transform-scale-y: 1;
}
.sm\:focus\:scale-y-105:focus {
--transform-scale-y: 1.05;
}
.sm\:focus\:scale-y-110:focus {
--transform-scale-y: 1.1;
}
.sm\:focus\:scale-y-125:focus {
--transform-scale-y: 1.25;
}
.sm\:focus\:scale-y-150:focus {
--transform-scale-y: 1.5;
}
.sm\:rotate-0 {
--transform-rotate: 0;
}
.sm\:rotate-45 {
--transform-rotate: 45deg;
}
.sm\:rotate-90 {
--transform-rotate: 90deg;
}
.sm\:rotate-180 {
--transform-rotate: 180deg;
}
.sm\:-rotate-180 {
--transform-rotate: -180deg;
}
.sm\:-rotate-90 {
--transform-rotate: -90deg;
}
.sm\:-rotate-45 {
--transform-rotate: -45deg;
}
.sm\:hover\:rotate-0:hover {
--transform-rotate: 0;
}
.sm\:hover\:rotate-45:hover {
--transform-rotate: 45deg;
}
.sm\:hover\:rotate-90:hover {
--transform-rotate: 90deg;
}
.sm\:hover\:rotate-180:hover {
--transform-rotate: 180deg;
}
.sm\:hover\:-rotate-180:hover {
--transform-rotate: -180deg;
}
.sm\:hover\:-rotate-90:hover {
--transform-rotate: -90deg;
}
.sm\:hover\:-rotate-45:hover {
--transform-rotate: -45deg;
}
.sm\:focus\:rotate-0:focus {
--transform-rotate: 0;
}
.sm\:focus\:rotate-45:focus {
--transform-rotate: 45deg;
}
.sm\:focus\:rotate-90:focus {
--transform-rotate: 90deg;
}
.sm\:focus\:rotate-180:focus {
--transform-rotate: 180deg;
}
.sm\:focus\:-rotate-180:focus {
--transform-rotate: -180deg;
}
.sm\:focus\:-rotate-90:focus {
--transform-rotate: -90deg;
}
.sm\:focus\:-rotate-45:focus {
--transform-rotate: -45deg;
}
.sm\:-translate-x-full {
--transform-translate-x: -100%;
}
.sm\:-translate-x-1\/2 {
--transform-translate-x: -50%;
}
.sm\:translate-x-1\/2 {
--transform-translate-x: 50%;
}
.sm\:translate-x-full {
--transform-translate-x: 100%;
}
.sm\:-translate-y-full {
--transform-translate-y: -100%;
}
.sm\:-translate-y-1\/2 {
--transform-translate-y: -50%;
}
.sm\:translate-y-1\/2 {
--transform-translate-y: 50%;
}
.sm\:translate-y-full {
--transform-translate-y: 100%;
}
.sm\:hover\:-translate-x-full:hover {
--transform-translate-x: -100%;
}
.sm\:hover\:-translate-x-1\/2:hover {
--transform-translate-x: -50%;
}
.sm\:hover\:translate-x-1\/2:hover {
--transform-translate-x: 50%;
}
.sm\:hover\:translate-x-full:hover {
--transform-translate-x: 100%;
}
.sm\:hover\:-translate-y-full:hover {
--transform-translate-y: -100%;
}
.sm\:hover\:-translate-y-1\/2:hover {
--transform-translate-y: -50%;
}
.sm\:hover\:translate-y-1\/2:hover {
--transform-translate-y: 50%;
}
.sm\:hover\:translate-y-full:hover {
--transform-translate-y: 100%;
}
.sm\:focus\:-translate-x-full:focus {
--transform-translate-x: -100%;
}
.sm\:focus\:-translate-x-1\/2:focus {
--transform-translate-x: -50%;
}
.sm\:focus\:translate-x-1\/2:focus {
--transform-translate-x: 50%;
}
.sm\:focus\:translate-x-full:focus {
--transform-translate-x: 100%;
}
.sm\:focus\:-translate-y-full:focus {
--transform-translate-y: -100%;
}
.sm\:focus\:-translate-y-1\/2:focus {
--transform-translate-y: -50%;
}
.sm\:focus\:translate-y-1\/2:focus {
--transform-translate-y: 50%;
}
.sm\:focus\:translate-y-full:focus {
--transform-translate-y: 100%;
}
.sm\:skew-x-0 {
--transform-skew-x: 0;
}
.sm\:skew-x-3 {
--transform-skew-x: 3deg;
}
.sm\:skew-x-6 {
--transform-skew-x: 6deg;
}
.sm\:skew-x-12 {
--transform-skew-x: 12deg;
}
.sm\:-skew-x-12 {
--transform-skew-x: -12deg;
}
.sm\:-skew-x-6 {
--transform-skew-x: -6deg;
}
.sm\:-skew-x-3 {
--transform-skew-x: -3deg;
}
.sm\:skew-y-0 {
--transform-skew-y: 0;
}
.sm\:skew-y-3 {
--transform-skew-y: 3deg;
}
.sm\:skew-y-6 {
--transform-skew-y: 6deg;
}
.sm\:skew-y-12 {
--transform-skew-y: 12deg;
}
.sm\:-skew-y-12 {
--transform-skew-y: -12deg;
}
.sm\:-skew-y-6 {
--transform-skew-y: -6deg;
}
.sm\:-skew-y-3 {
--transform-skew-y: -3deg;
}
.sm\:hover\:skew-x-0:hover {
--transform-skew-x: 0;
}
.sm\:hover\:skew-x-3:hover {
--transform-skew-x: 3deg;
}
.sm\:hover\:skew-x-6:hover {
--transform-skew-x: 6deg;
}
.sm\:hover\:skew-x-12:hover {
--transform-skew-x: 12deg;
}
.sm\:hover\:-skew-x-12:hover {
--transform-skew-x: -12deg;
}
.sm\:hover\:-skew-x-6:hover {
--transform-skew-x: -6deg;
}
.sm\:hover\:-skew-x-3:hover {
--transform-skew-x: -3deg;
}
.sm\:hover\:skew-y-0:hover {
--transform-skew-y: 0;
}
.sm\:hover\:skew-y-3:hover {
--transform-skew-y: 3deg;
}
.sm\:hover\:skew-y-6:hover {
--transform-skew-y: 6deg;
}
.sm\:hover\:skew-y-12:hover {
--transform-skew-y: 12deg;
}
.sm\:hover\:-skew-y-12:hover {
--transform-skew-y: -12deg;
}
.sm\:hover\:-skew-y-6:hover {
--transform-skew-y: -6deg;
}
.sm\:hover\:-skew-y-3:hover {
--transform-skew-y: -3deg;
}
.sm\:focus\:skew-x-0:focus {
--transform-skew-x: 0;
}
.sm\:focus\:skew-x-3:focus {
--transform-skew-x: 3deg;
}
.sm\:focus\:skew-x-6:focus {
--transform-skew-x: 6deg;
}
.sm\:focus\:skew-x-12:focus {
--transform-skew-x: 12deg;
}
.sm\:focus\:-skew-x-12:focus {
--transform-skew-x: -12deg;
}
.sm\:focus\:-skew-x-6:focus {
--transform-skew-x: -6deg;
}
.sm\:focus\:-skew-x-3:focus {
--transform-skew-x: -3deg;
}
.sm\:focus\:skew-y-0:focus {
--transform-skew-y: 0;
}
.sm\:focus\:skew-y-3:focus {
--transform-skew-y: 3deg;
}
.sm\:focus\:skew-y-6:focus {
--transform-skew-y: 6deg;
}
.sm\:focus\:skew-y-12:focus {
--transform-skew-y: 12deg;
}
.sm\:focus\:-skew-y-12:focus {
--transform-skew-y: -12deg;
}
.sm\:focus\:-skew-y-6:focus {
--transform-skew-y: -6deg;
}
.sm\:focus\:-skew-y-3:focus {
--transform-skew-y: -3deg;
}
.sm\:transition-none {
transition-property: none;
}
.sm\:transition-all {
transition-property: all;
}
.sm\:transition {
transition-property: background-color, border-color, color, fill, stroke,
opacity, box-shadow, transform;
}
.sm\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
}
.sm\:transition-opacity {
transition-property: opacity;
}
.sm\:transition-shadow {
transition-property: box-shadow;
}
.sm\:transition-transform {
transition-property: transform;
}
.sm\:ease-linear {
transition-timing-function: linear;
}
.sm\:ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.sm\:ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.sm\:ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.sm\:duration-75 {
transition-duration: 75ms;
}
.sm\:duration-100 {
transition-duration: 100ms;
}
.sm\:duration-150 {
transition-duration: 150ms;
}
.sm\:duration-200 {
transition-duration: 200ms;
}
.sm\:duration-300 {
transition-duration: 300ms;
}
.sm\:duration-500 {
transition-duration: 500ms;
}
.sm\:duration-700 {
transition-duration: 700ms;
}
.sm\:duration-1000 {
transition-duration: 1000ms;
}
.sm\:delay-75 {
transition-delay: 75ms;
}
.sm\:delay-100 {
transition-delay: 100ms;
}
.sm\:delay-150 {
transition-delay: 150ms;
}
.sm\:delay-200 {
transition-delay: 200ms;
}
.sm\:delay-300 {
transition-delay: 300ms;
}
.sm\:delay-500 {
transition-delay: 500ms;
}
.sm\:delay-700 {
transition-delay: 700ms;
}
.sm\:delay-1000 {
transition-delay: 1000ms;
}
}
@media (min-width: 768px) {
.md\:space-y-reverse > :not(template) ~ :not(template) {
--space-y-reverse: 1;
}
.md\:space-x-reverse > :not(template) ~ :not(template) {
--space-x-reverse: 1;
}
.md\:divide-y-0 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(0px * var(--divide-y-reverse));
}
.md\:divide-x-0 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(0px * var(--divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y-1 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.md\:divide-x-1 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y-2 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(2px * var(--divide-y-reverse));
}
.md\:divide-x-2 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(2px * var(--divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y-3 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(3px * var(--divide-y-reverse));
}
.md\:divide-x-3 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(3px * var(--divide-x-reverse));
border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y-4 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(4px * var(--divide-y-reverse));
}
.md\:divide-x-4 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(4px * var(--divide-x-reverse));
border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y-8 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(8px * var(--divide-y-reverse));
}
.md\:divide-x-8 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(8px * var(--divide-x-reverse));
border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.md\:divide-x > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.md\:divide-y-reverse > :not(template) ~ :not(template) {
--divide-y-reverse: 1;
}
.md\:divide-x-reverse > :not(template) ~ :not(template) {
--divide-x-reverse: 1;
}
.md\: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;
}
.md\:not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.md\:focus\:sr-only:focus {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.md\:focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.md\:appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.md\:bg-fixed {
background-attachment: fixed;
}
.md\:bg-local {
background-attachment: local;
}
.md\:bg-scroll {
background-attachment: scroll;
}
.md\:bg-bottom {
background-position: bottom;
}
.md\:bg-center {
background-position: center;
}
.md\:bg-left {
background-position: left;
}
.md\:bg-left-bottom {
background-position: left bottom;
}
.md\:bg-left-top {
background-position: left top;
}
.md\:bg-right {
background-position: right;
}
.md\:bg-right-bottom {
background-position: right bottom;
}
.md\:bg-right-top {
background-position: right top;
}
.md\:bg-top {
background-position: top;
}
.md\:bg-repeat {
background-repeat: repeat;
}
.md\:bg-no-repeat {
background-repeat: no-repeat;
}
.md\:bg-repeat-x {
background-repeat: repeat-x;
}
.md\:bg-repeat-y {
background-repeat: repeat-y;
}
.md\:bg-repeat-round {
background-repeat: round;
}
.md\:bg-repeat-space {
background-repeat: space;
}
.md\:bg-auto {
background-size: auto;
}
.md\:bg-cover {
background-size: cover;
}
.md\:bg-contain {
background-size: contain;
}
.md\:border-collapse {
border-collapse: collapse;
}
.md\:border-separate {
border-collapse: separate;
}
.md\:rounded-none {
border-radius: 0;
}
.md\:rounded-sm {
border-radius: 0.125rem;
}
.md\:rounded {
border-radius: 0.25rem;
}
.md\:rounded-md {
border-radius: 0.375rem;
}
.md\:rounded-lg {
border-radius: 0.5rem;
}
.md\:rounded-full {
border-radius: 9999px;
}
.md\:rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.md\:rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.md\:rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.md\:rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.md\:rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.md\:rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.md\:rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.md\:rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.md\:rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.md\:rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.md\:rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.md\:rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.md\:rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.md\:rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.md\:rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.md\:rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.md\:rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.md\:rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.md\:rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.md\:rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.md\:rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.md\:rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.md\:rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.md\:rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.md\:rounded-tl-none {
border-top-left-radius: 0;
}
.md\:rounded-tr-none {
border-top-right-radius: 0;
}
.md\:rounded-br-none {
border-bottom-right-radius: 0;
}
.md\:rounded-bl-none {
border-bottom-left-radius: 0;
}
.md\:rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.md\:rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.md\:rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.md\:rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.md\:rounded-tl {
border-top-left-radius: 0.25rem;
}
.md\:rounded-tr {
border-top-right-radius: 0.25rem;
}
.md\:rounded-br {
border-bottom-right-radius: 0.25rem;
}
.md\:rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.md\:rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.md\:rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.md\:rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.md\:rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.md\:rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.md\:rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.md\:rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.md\:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.md\:rounded-tl-full {
border-top-left-radius: 9999px;
}
.md\:rounded-tr-full {
border-top-right-radius: 9999px;
}
.md\:rounded-br-full {
border-bottom-right-radius: 9999px;
}
.md\:rounded-bl-full {
border-bottom-left-radius: 9999px;
}
.md\:border-solid {
border-style: solid;
}
.md\:border-dashed {
border-style: dashed;
}
.md\:border-dotted {
border-style: dotted;
}
.md\:border-double {
border-style: double;
}
.md\:border-none {
border-style: none;
}
.md\:border-0 {
border-width: 0;
}
.md\:border-1 {
border-width: 1px;
}
.md\:border-2 {
border-width: 2px;
}
.md\:border-3 {
border-width: 3px;
}
.md\:border-4 {
border-width: 4px;
}
.md\:border-8 {
border-width: 8px;
}
.md\:border {
border-width: 1px;
}
.md\:border-t-0 {
border-top-width: 0;
}
.md\:border-r-0 {
border-right-width: 0;
}
.md\:border-b-0 {
border-bottom-width: 0;
}
.md\:border-l-0 {
border-left-width: 0;
}
.md\:border-t-1 {
border-top-width: 1px;
}
.md\:border-r-1 {
border-right-width: 1px;
}
.md\:border-b-1 {
border-bottom-width: 1px;
}
.md\:border-l-1 {
border-left-width: 1px;
}
.md\:border-t-2 {
border-top-width: 2px;
}
.md\:border-r-2 {
border-right-width: 2px;
}
.md\:border-b-2 {
border-bottom-width: 2px;
}
.md\:border-l-2 {
border-left-width: 2px;
}
.md\:border-t-3 {
border-top-width: 3px;
}
.md\:border-r-3 {
border-right-width: 3px;
}
.md\:border-b-3 {
border-bottom-width: 3px;
}
.md\:border-l-3 {
border-left-width: 3px;
}
.md\:border-t-4 {
border-top-width: 4px;
}
.md\:border-r-4 {
border-right-width: 4px;
}
.md\:border-b-4 {
border-bottom-width: 4px;
}
.md\:border-l-4 {
border-left-width: 4px;
}
.md\:border-t-8 {
border-top-width: 8px;
}
.md\:border-r-8 {
border-right-width: 8px;
}
.md\:border-b-8 {
border-bottom-width: 8px;
}
.md\:border-l-8 {
border-left-width: 8px;
}
.md\:border-t {
border-top-width: 1px;
}
.md\:border-r {
border-right-width: 1px;
}
.md\:border-b {
border-bottom-width: 1px;
}
.md\:border-l {
border-left-width: 1px;
}
.md\:box-border {
box-sizing: border-box;
}
.md\:box-content {
box-sizing: content-box;
}
.md\:cursor-auto {
cursor: auto;
}
.md\:cursor-default {
cursor: default;
}
.md\:cursor-pointer {
cursor: pointer;
}
.md\:cursor-wait {
cursor: wait;
}
.md\:cursor-text {
cursor: text;
}
.md\:cursor-move {
cursor: move;
}
.md\:cursor-not-allowed {
cursor: not-allowed;
}
.md\:block {
display: block;
}
.md\:inline-block {
display: inline-block;
}
.md\:inline {
display: inline;
}
.md\:flex {
display: flex;
}
.md\:inline-flex {
display: inline-flex;
}
.md\:table {
display: table;
}
.md\:table-caption {
display: table-caption;
}
.md\:table-cell {
display: table-cell;
}
.md\:table-column {
display: table-column;
}
.md\:table-column-group {
display: table-column-group;
}
.md\:table-footer-group {
display: table-footer-group;
}
.md\:table-header-group {
display: table-header-group;
}
.md\:table-row-group {
display: table-row-group;
}
.md\:table-row {
display: table-row;
}
.md\:flow-root {
display: flow-root;
}
.md\:grid {
display: grid;
}
.md\:inline-grid {
display: inline-grid;
}
.md\:hidden {
display: none;
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-row-reverse {
flex-direction: row-reverse;
}
.md\:flex-col {
flex-direction: column;
}
.md\:flex-col-reverse {
flex-direction: column-reverse;
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.md\:flex-no-wrap {
flex-wrap: nowrap;
}
.md\:items-start {
align-items: flex-start;
}
.md\:items-end {
align-items: flex-end;
}
.md\:items-center {
align-items: center;
}
.md\:items-baseline {
align-items: baseline;
}
.md\:items-stretch {
align-items: stretch;
}
.md\:self-auto {
align-self: auto;
}
.md\:self-start {
align-self: flex-start;
}
.md\:self-end {
align-self: flex-end;
}
.md\:self-center {
align-self: center;
}
.md\:self-stretch {
align-self: stretch;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:justify-around {
justify-content: space-around;
}
.md\:justify-evenly {
justify-content: space-evenly;
}
.md\:content-center {
align-content: center;
}
.md\:content-start {
align-content: flex-start;
}
.md\:content-end {
align-content: flex-end;
}
.md\:content-between {
align-content: space-between;
}
.md\:content-around {
align-content: space-around;
}
.md\:flex-1 {
flex: 1 1 0%;
}
.md\:flex-auto {
flex: 1 1 auto;
}
.md\:flex-initial {
flex: 0 1 auto;
}
.md\:flex-none {
flex: none;
}
.md\:flex-grow-0 {
flex-grow: 0;
}
.md\:flex-grow {
flex-grow: 1;
}
.md\:flex-shrink-0 {
flex-shrink: 0;
}
.md\:flex-shrink {
flex-shrink: 1;
}
.md\:order-1 {
order: 1;
}
.md\:order-2 {
order: 2;
}
.md\:order-3 {
order: 3;
}
.md\:order-4 {
order: 4;
}
.md\:order-5 {
order: 5;
}
.md\:order-6 {
order: 6;
}
.md\:order-7 {
order: 7;
}
.md\:order-8 {
order: 8;
}
.md\:order-9 {
order: 9;
}
.md\:order-10 {
order: 10;
}
.md\:order-11 {
order: 11;
}
.md\:order-12 {
order: 12;
}
.md\:order-first {
order: -9999;
}
.md\:order-last {
order: 9999;
}
.md\:order-none {
order: 0;
}
.md\:float-right {
float: right;
}
.md\:float-left {
float: left;
}
.md\:float-none {
float: none;
}
.md\:clearfix:after {
content: "";
display: table;
clear: both;
}
.md\:clear-left {
clear: left;
}
.md\:clear-right {
clear: right;
}
.md\:clear-both {
clear: both;
}
.md\:clear-none {
clear: none;
}
.md\:font-sans {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.md\:font-serif {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
.md\:font-hairline {
font-weight: 100;
}
.md\:font-thin {
font-weight: 200;
}
.md\:font-light {
font-weight: 300;
}
.md\:font-normal {
font-weight: 400;
}
.md\:font-medium {
font-weight: 500;
}
.md\:font-semibold {
font-weight: 600;
}
.md\:font-bold {
font-weight: 700;
}
.md\:font-extrabold {
font-weight: 800;
}
.md\:font-black {
font-weight: 900;
}
.md\:hover\:font-hairline:hover {
font-weight: 100;
}
.md\:hover\:font-thin:hover {
font-weight: 200;
}
.md\:hover\:font-light:hover {
font-weight: 300;
}
.md\:hover\:font-normal:hover {
font-weight: 400;
}
.md\:hover\:font-medium:hover {
font-weight: 500;
}
.md\:hover\:font-semibold:hover {
font-weight: 600;
}
.md\:hover\:font-bold:hover {
font-weight: 700;
}
.md\:hover\:font-extrabold:hover {
font-weight: 800;
}
.md\:hover\:font-black:hover {
font-weight: 900;
}
.md\:focus\:font-hairline:focus {
font-weight: 100;
}
.md\:focus\:font-thin:focus {
font-weight: 200;
}
.md\:focus\:font-light:focus {
font-weight: 300;
}
.md\:focus\:font-normal:focus {
font-weight: 400;
}
.md\:focus\:font-medium:focus {
font-weight: 500;
}
.md\:focus\:font-semibold:focus {
font-weight: 600;
}
.md\:focus\:font-bold:focus {
font-weight: 700;
}
.md\:focus\:font-extrabold:focus {
font-weight: 800;
}
.md\:focus\:font-black:focus {
font-weight: 900;
}
.md\:h-auto {
height: auto;
}
.md\:h-full {
height: 100%;
}
.md\:h-screen {
height: 100vh;
}
.md\:text-11 {
font-size: 11px;
}
.md\:text-12 {
font-size: 12px;
}
.md\:text-13 {
font-size: 13px;
}
.md\:text-14 {
font-size: 14px;
}
.md\:text-15 {
font-size: 15px;
}
.md\:text-16 {
font-size: 16px;
}
.md\:text-17 {
font-size: 17px;
}
.md\:text-18 {
font-size: 18px;
}
.md\:text-20 {
font-size: 20px;
}
.md\:text-22 {
font-size: 22px;
}
.md\:text-24 {
font-size: 24px;
}
.md\:text-25 {
font-size: 25px;
}
.md\:text-26 {
font-size: 26px;
}
.md\:text-27 {
font-size: 27px;
}
.md\:text-28 {
font-size: 28px;
}
.md\:text-30 {
font-size: 30px;
}
.md\:text-32 {
font-size: 32px;
}
.md\:text-34 {
font-size: 34px;
}
.md\:text-36 {
font-size: 36px;
}
.md\:text-38 {
font-size: 38px;
}
.md\:text-40 {
font-size: 40px;
}
.md\:text-42 {
font-size: 42px;
}
.md\:text-44 {
font-size: 44px;
}
.md\:text-46 {
font-size: 46px;
}
.md\:text-48 {
font-size: 48px;
}
.md\:text-50 {
font-size: 50px;
}
.md\:text-52 {
font-size: 52px;
}
.md\:text-54 {
font-size: 54px;
}
.md\:text-56 {
font-size: 56px;
}
.md\:text-58 {
font-size: 58px;
}
.md\:text-60 {
font-size: 60px;
}
.md\:text-72 {
font-size: 72px;
}
.md\:list-inside {
list-style-position: inside;
}
.md\:list-outside {
list-style-position: outside;
}
.md\:m-auto {
margin: auto;
}
.md\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.md\:mt-auto {
margin-top: auto;
}
.md\:mr-auto {
margin-right: auto;
}
.md\:mb-auto {
margin-bottom: auto;
}
.md\:ml-auto {
margin-left: auto;
}
.md\:max-h-full {
max-height: 100%;
}
.md\:max-h-screen {
max-height: 100vh;
}
.md\:max-w-full {
max-width: 100%;
}
.md\:min-h-0 {
min-height: 0;
}
.md\:min-h-full {
min-height: 100%;
}
.md\:min-h-screen {
min-height: 100vh;
}
.md\:min-w-0 {
min-width: 0;
}
.md\:min-w-full {
min-width: 100%;
}
.md\:object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.md\:object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.md\:object-fill {
-o-object-fit: fill;
object-fit: fill;
}
.md\:object-none {
-o-object-fit: none;
object-fit: none;
}
.md\:object-scale-down {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.md\:object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.md\:object-center {
-o-object-position: center;
object-position: center;
}
.md\:object-left {
-o-object-position: left;
object-position: left;
}
.md\:object-left-bottom {
-o-object-position: left bottom;
object-position: left bottom;
}
.md\:object-left-top {
-o-object-position: left top;
object-position: left top;
}
.md\:object-right {
-o-object-position: right;
object-position: right;
}
.md\:object-right-bottom {
-o-object-position: right bottom;
object-position: right bottom;
}
.md\:object-right-top {
-o-object-position: right top;
object-position: right top;
}
.md\:object-top {
-o-object-position: top;
object-position: top;
}
.md\:outline-none {
outline: 0;
}
.md\:focus\:outline-none:focus {
outline: 0;
}
.md\:overflow-auto {
overflow: auto;
}
.md\:overflow-hidden {
overflow: hidden;
}
.md\:overflow-visible {
overflow: visible;
}
.md\:overflow-scroll {
overflow: scroll;
}
.md\:overflow-x-auto {
overflow-x: auto;
}
.md\:overflow-y-auto {
overflow-y: auto;
}
.md\:overflow-x-hidden {
overflow-x: hidden;
}
.md\:overflow-y-hidden {
overflow-y: hidden;
}
.md\:overflow-x-visible {
overflow-x: visible;
}
.md\:overflow-y-visible {
overflow-y: visible;
}
.md\:overflow-x-scroll {
overflow-x: scroll;
}
.md\:overflow-y-scroll {
overflow-y: scroll;
}
.md\:scrolling-touch {
-webkit-overflow-scrolling: touch;
}
.md\:scrolling-auto {
-webkit-overflow-scrolling: auto;
}
.md\:pointer-events-none {
pointer-events: none;
}
.md\:pointer-events-auto {
pointer-events: auto;
}
.md\:static {
position: static;
}
.md\:fixed {
position: fixed;
}
.md\:absolute {
position: absolute;
}
.md\:relative {
position: relative;
}
.md\:sticky {
position: -webkit-sticky;
position: sticky;
}
.md\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.md\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.md\:inset-y-0 {
top: 0;
bottom: 0;
}
.md\:inset-x-0 {
right: 0;
left: 0;
}
.md\:inset-y-auto {
top: auto;
bottom: auto;
}
.md\:inset-x-auto {
right: auto;
left: auto;
}
.md\:top-0 {
top: 0;
}
.md\:right-0 {
right: 0;
}
.md\:bottom-0 {
bottom: 0;
}
.md\:left-0 {
left: 0;
}
.md\:top-auto {
top: auto;
}
.md\:right-auto {
right: auto;
}
.md\:bottom-auto {
bottom: auto;
}
.md\:left-auto {
left: auto;
}
.md\:resize-none {
resize: none;
}
.md\:resize-y {
resize: vertical;
}
.md\:resize-x {
resize: horizontal;
}
.md\:resize {
resize: both;
}
.md\:fill-current {
fill: currentColor;
}
.md\:stroke-current {
stroke: currentColor;
}
.md\:stroke-0 {
stroke-width: 0;
}
.md\:stroke-1 {
stroke-width: 1;
}
.md\:stroke-2 {
stroke-width: 2;
}
.md\:table-auto {
table-layout: auto;
}
.md\:table-fixed {
table-layout: fixed;
}
.md\:text-left {
text-align: left;
}
.md\:text-center {
text-align: center;
}
.md\:text-right {
text-align: right;
}
.md\:text-justify {
text-align: justify;
}
.md\:italic {
font-style: italic;
}
.md\:not-italic {
font-style: normal;
}
.md\:uppercase {
text-transform: uppercase;
}
.md\:lowercase {
text-transform: lowercase;
}
.md\:capitalize {
text-transform: capitalize;
}
.md\:normal-case {
text-transform: none;
}
.md\:underline {
text-decoration: underline;
}
.md\:line-through {
text-decoration: line-through;
}
.md\:no-underline {
text-decoration: none;
}
.md\:hover\:underline:hover {
text-decoration: underline;
}
.md\:hover\:line-through:hover {
text-decoration: line-through;
}
.md\:hover\:no-underline:hover {
text-decoration: none;
}
.md\:focus\:underline:focus {
text-decoration: underline;
}
.md\:focus\:line-through:focus {
text-decoration: line-through;
}
.md\:focus\:no-underline:focus {
text-decoration: none;
}
.md\:antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.md\:subpixel-antialiased {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.md\:tracking-tighter {
letter-spacing: -0.05em;
}
.md\:tracking-tight {
letter-spacing: -0.025em;
}
.md\:tracking-normal {
letter-spacing: 0;
}
.md\:tracking-wide {
letter-spacing: 0.025em;
}
.md\:tracking-wider {
letter-spacing: 0.05em;
}
.md\:tracking-widest {
letter-spacing: 0.1em;
}
.md\:select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.md\:select-text {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.md\:select-all {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
.md\:select-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.md\:align-baseline {
vertical-align: baseline;
}
.md\:align-top {
vertical-align: top;
}
.md\:align-middle {
vertical-align: middle;
}
.md\:align-bottom {
vertical-align: bottom;
}
.md\:align-text-top {
vertical-align: text-top;
}
.md\:align-text-bottom {
vertical-align: text-bottom;
}
.md\:visible {
visibility: visible;
}
.md\:invisible {
visibility: hidden;
}
.md\:whitespace-normal {
white-space: normal;
}
.md\:whitespace-no-wrap {
white-space: nowrap;
}
.md\:whitespace-pre {
white-space: pre;
}
.md\:whitespace-pre-line {
white-space: pre-line;
}
.md\:whitespace-pre-wrap {
white-space: pre-wrap;
}
.md\:break-normal {
overflow-wrap: normal;
word-break: normal;
}
.md\:break-words {
overflow-wrap: break-word;
}
.md\:break-all {
word-break: break-all;
}
.md\:truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.md\:w-auto {
width: auto;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-1\/3 {
width: 33.333333%;
}
.md\:w-2\/3 {
width: 66.666667%;
}
.md\:w-1\/4 {
width: 25%;
}
.md\:w-2\/4 {
width: 50%;
}
.md\:w-3\/4 {
width: 75%;
}
.md\:w-1\/5 {
width: 20%;
}
.md\:w-2\/5 {
width: 40%;
}
.md\:w-3\/5 {
width: 60%;
}
.md\:w-4\/5 {
width: 80%;
}
.md\:w-1\/6 {
width: 16.666667%;
}
.md\:w-2\/6 {
width: 33.333333%;
}
.md\:w-3\/6 {
width: 50%;
}
.md\:w-4\/6 {
width: 66.666667%;
}
.md\:w-5\/6 {
width: 83.333333%;
}
.md\:w-1\/12 {
width: 8.333333%;
}
.md\:w-2\/12 {
width: 16.666667%;
}
.md\:w-3\/12 {
width: 25%;
}
.md\:w-4\/12 {
width: 33.333333%;
}
.md\:w-5\/12 {
width: 41.666667%;
}
.md\:w-6\/12 {
width: 50%;
}
.md\:w-7\/12 {
width: 58.333333%;
}
.md\:w-8\/12 {
width: 66.666667%;
}
.md\:w-9\/12 {
width: 75%;
}
.md\:w-10\/12 {
width: 83.333333%;
}
.md\:w-11\/12 {
width: 91.666667%;
}
.md\:w-full {
width: 100%;
}
.md\:w-screen {
width: 100vw;
}
.md\:z-0 {
z-index: 0;
}
.md\:z-10 {
z-index: 10;
}
.md\:z-20 {
z-index: 20;
}
.md\:z-30 {
z-index: 30;
}
.md\:z-40 {
z-index: 40;
}
.md\:z-50 {
z-index: 50;
}
.md\:z-auto {
z-index: auto;
}
.md\:grid-flow-row {
grid-auto-flow: row;
}
.md\:grid-flow-col {
grid-auto-flow: column;
}
.md\:grid-flow-row-dense {
grid-auto-flow: row dense;
}
.md\:grid-flow-col-dense {
grid-auto-flow: column dense;
}
.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\:grid-cols-none {
grid-template-columns: none;
}
.md\:col-auto {
grid-column: 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-start-1 {
grid-column-start: 1;
}
.md\:col-start-2 {
grid-column-start: 2;
}
.md\:col-start-3 {
grid-column-start: 3;
}
.md\:col-start-4 {
grid-column-start: 4;
}
.md\:col-start-5 {
grid-column-start: 5;
}
.md\:col-start-6 {
grid-column-start: 6;
}
.md\:col-start-7 {
grid-column-start: 7;
}
.md\:col-start-8 {
grid-column-start: 8;
}
.md\:col-start-9 {
grid-column-start: 9;
}
.md\:col-start-10 {
grid-column-start: 10;
}
.md\:col-start-11 {
grid-column-start: 11;
}
.md\:col-start-12 {
grid-column-start: 12;
}
.md\:col-start-13 {
grid-column-start: 13;
}
.md\:col-start-auto {
grid-column-start: auto;
}
.md\:col-end-1 {
grid-column-end: 1;
}
.md\:col-end-2 {
grid-column-end: 2;
}
.md\:col-end-3 {
grid-column-end: 3;
}
.md\:col-end-4 {
grid-column-end: 4;
}
.md\:col-end-5 {
grid-column-end: 5;
}
.md\:col-end-6 {
grid-column-end: 6;
}
.md\:col-end-7 {
grid-column-end: 7;
}
.md\:col-end-8 {
grid-column-end: 8;
}
.md\:col-end-9 {
grid-column-end: 9;
}
.md\:col-end-10 {
grid-column-end: 10;
}
.md\:col-end-11 {
grid-column-end: 11;
}
.md\:col-end-12 {
grid-column-end: 12;
}
.md\:col-end-13 {
grid-column-end: 13;
}
.md\:col-end-auto {
grid-column-end: auto;
}
.md\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.md\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.md\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.md\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.md\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.md\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.md\:grid-rows-none {
grid-template-rows: none;
}
.md\:row-auto {
grid-row: auto;
}
.md\:row-span-1 {
grid-row: span 1 / span 1;
}
.md\:row-span-2 {
grid-row: span 2 / span 2;
}
.md\:row-span-3 {
grid-row: span 3 / span 3;
}
.md\:row-span-4 {
grid-row: span 4 / span 4;
}
.md\:row-span-5 {
grid-row: span 5 / span 5;
}
.md\:row-span-6 {
grid-row: span 6 / span 6;
}
.md\:row-start-1 {
grid-row-start: 1;
}
.md\:row-start-2 {
grid-row-start: 2;
}
.md\:row-start-3 {
grid-row-start: 3;
}
.md\:row-start-4 {
grid-row-start: 4;
}
.md\:row-start-5 {
grid-row-start: 5;
}
.md\:row-start-6 {
grid-row-start: 6;
}
.md\:row-start-7 {
grid-row-start: 7;
}
.md\:row-start-auto {
grid-row-start: auto;
}
.md\:row-end-1 {
grid-row-end: 1;
}
.md\:row-end-2 {
grid-row-end: 2;
}
.md\:row-end-3 {
grid-row-end: 3;
}
.md\:row-end-4 {
grid-row-end: 4;
}
.md\:row-end-5 {
grid-row-end: 5;
}
.md\:row-end-6 {
grid-row-end: 6;
}
.md\:row-end-7 {
grid-row-end: 7;
}
.md\:row-end-auto {
grid-row-end: auto;
}
.md\:transform {
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
transform: translateX(var(--transform-translate-x))
translateY(var(--transform-translate-y)) rotate(var(--transform-rotate))
skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y))
scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.md\:transform-none {
transform: none;
}
.md\:origin-center {
transform-origin: center;
}
.md\:origin-top {
transform-origin: top;
}
.md\:origin-top-right {
transform-origin: top right;
}
.md\:origin-right {
transform-origin: right;
}
.md\:origin-bottom-right {
transform-origin: bottom right;
}
.md\:origin-bottom {
transform-origin: bottom;
}
.md\:origin-bottom-left {
transform-origin: bottom left;
}
.md\:origin-left {
transform-origin: left;
}
.md\:origin-top-left {
transform-origin: top left;
}
.md\:scale-0 {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.md\:scale-50 {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.md\:scale-75 {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.md\:scale-90 {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.md\:scale-95 {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.md\:scale-100 {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.md\:scale-105 {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.md\:scale-110 {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.md\:scale-125 {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.md\:scale-150 {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.md\:scale-x-0 {
--transform-scale-x: 0;
}
.md\:scale-x-50 {
--transform-scale-x: 0.5;
}
.md\:scale-x-75 {
--transform-scale-x: 0.75;
}
.md\:scale-x-90 {
--transform-scale-x: 0.9;
}
.md\:scale-x-95 {
--transform-scale-x: 0.95;
}
.md\:scale-x-100 {
--transform-scale-x: 1;
}
.md\:scale-x-105 {
--transform-scale-x: 1.05;
}
.md\:scale-x-110 {
--transform-scale-x: 1.1;
}
.md\:scale-x-125 {
--transform-scale-x: 1.25;
}
.md\:scale-x-150 {
--transform-scale-x: 1.5;
}
.md\:scale-y-0 {
--transform-scale-y: 0;
}
.md\:scale-y-50 {
--transform-scale-y: 0.5;
}
.md\:scale-y-75 {
--transform-scale-y: 0.75;
}
.md\:scale-y-90 {
--transform-scale-y: 0.9;
}
.md\:scale-y-95 {
--transform-scale-y: 0.95;
}
.md\:scale-y-100 {
--transform-scale-y: 1;
}
.md\:scale-y-105 {
--transform-scale-y: 1.05;
}
.md\:scale-y-110 {
--transform-scale-y: 1.1;
}
.md\:scale-y-125 {
--transform-scale-y: 1.25;
}
.md\:scale-y-150 {
--transform-scale-y: 1.5;
}
.md\:hover\:scale-0:hover {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.md\:hover\:scale-50:hover {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.md\:hover\:scale-75:hover {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.md\:hover\:scale-90:hover {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.md\:hover\:scale-95:hover {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.md\:hover\:scale-100:hover {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.md\:hover\:scale-105:hover {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.md\:hover\:scale-110:hover {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.md\:hover\:scale-125:hover {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.md\:hover\:scale-150:hover {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.md\:hover\:scale-x-0:hover {
--transform-scale-x: 0;
}
.md\:hover\:scale-x-50:hover {
--transform-scale-x: 0.5;
}
.md\:hover\:scale-x-75:hover {
--transform-scale-x: 0.75;
}
.md\:hover\:scale-x-90:hover {
--transform-scale-x: 0.9;
}
.md\:hover\:scale-x-95:hover {
--transform-scale-x: 0.95;
}
.md\:hover\:scale-x-100:hover {
--transform-scale-x: 1;
}
.md\:hover\:scale-x-105:hover {
--transform-scale-x: 1.05;
}
.md\:hover\:scale-x-110:hover {
--transform-scale-x: 1.1;
}
.md\:hover\:scale-x-125:hover {
--transform-scale-x: 1.25;
}
.md\:hover\:scale-x-150:hover {
--transform-scale-x: 1.5;
}
.md\:hover\:scale-y-0:hover {
--transform-scale-y: 0;
}
.md\:hover\:scale-y-50:hover {
--transform-scale-y: 0.5;
}
.md\:hover\:scale-y-75:hover {
--transform-scale-y: 0.75;
}
.md\:hover\:scale-y-90:hover {
--transform-scale-y: 0.9;
}
.md\:hover\:scale-y-95:hover {
--transform-scale-y: 0.95;
}
.md\:hover\:scale-y-100:hover {
--transform-scale-y: 1;
}
.md\:hover\:scale-y-105:hover {
--transform-scale-y: 1.05;
}
.md\:hover\:scale-y-110:hover {
--transform-scale-y: 1.1;
}
.md\:hover\:scale-y-125:hover {
--transform-scale-y: 1.25;
}
.md\:hover\:scale-y-150:hover {
--transform-scale-y: 1.5;
}
.md\:focus\:scale-0:focus {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.md\:focus\:scale-50:focus {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.md\:focus\:scale-75:focus {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.md\:focus\:scale-90:focus {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.md\:focus\:scale-95:focus {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.md\:focus\:scale-100:focus {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.md\:focus\:scale-105:focus {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.md\:focus\:scale-110:focus {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.md\:focus\:scale-125:focus {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.md\:focus\:scale-150:focus {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.md\:focus\:scale-x-0:focus {
--transform-scale-x: 0;
}
.md\:focus\:scale-x-50:focus {
--transform-scale-x: 0.5;
}
.md\:focus\:scale-x-75:focus {
--transform-scale-x: 0.75;
}
.md\:focus\:scale-x-90:focus {
--transform-scale-x: 0.9;
}
.md\:focus\:scale-x-95:focus {
--transform-scale-x: 0.95;
}
.md\:focus\:scale-x-100:focus {
--transform-scale-x: 1;
}
.md\:focus\:scale-x-105:focus {
--transform-scale-x: 1.05;
}
.md\:focus\:scale-x-110:focus {
--transform-scale-x: 1.1;
}
.md\:focus\:scale-x-125:focus {
--transform-scale-x: 1.25;
}
.md\:focus\:scale-x-150:focus {
--transform-scale-x: 1.5;
}
.md\:focus\:scale-y-0:focus {
--transform-scale-y: 0;
}
.md\:focus\:scale-y-50:focus {
--transform-scale-y: 0.5;
}
.md\:focus\:scale-y-75:focus {
--transform-scale-y: 0.75;
}
.md\:focus\:scale-y-90:focus {
--transform-scale-y: 0.9;
}
.md\:focus\:scale-y-95:focus {
--transform-scale-y: 0.95;
}
.md\:focus\:scale-y-100:focus {
--transform-scale-y: 1;
}
.md\:focus\:scale-y-105:focus {
--transform-scale-y: 1.05;
}
.md\:focus\:scale-y-110:focus {
--transform-scale-y: 1.1;
}
.md\:focus\:scale-y-125:focus {
--transform-scale-y: 1.25;
}
.md\:focus\:scale-y-150:focus {
--transform-scale-y: 1.5;
}
.md\:rotate-0 {
--transform-rotate: 0;
}
.md\:rotate-45 {
--transform-rotate: 45deg;
}
.md\:rotate-90 {
--transform-rotate: 90deg;
}
.md\:rotate-180 {
--transform-rotate: 180deg;
}
.md\:-rotate-180 {
--transform-rotate: -180deg;
}
.md\:-rotate-90 {
--transform-rotate: -90deg;
}
.md\:-rotate-45 {
--transform-rotate: -45deg;
}
.md\:hover\:rotate-0:hover {
--transform-rotate: 0;
}
.md\:hover\:rotate-45:hover {
--transform-rotate: 45deg;
}
.md\:hover\:rotate-90:hover {
--transform-rotate: 90deg;
}
.md\:hover\:rotate-180:hover {
--transform-rotate: 180deg;
}
.md\:hover\:-rotate-180:hover {
--transform-rotate: -180deg;
}
.md\:hover\:-rotate-90:hover {
--transform-rotate: -90deg;
}
.md\:hover\:-rotate-45:hover {
--transform-rotate: -45deg;
}
.md\:focus\:rotate-0:focus {
--transform-rotate: 0;
}
.md\:focus\:rotate-45:focus {
--transform-rotate: 45deg;
}
.md\:focus\:rotate-90:focus {
--transform-rotate: 90deg;
}
.md\:focus\:rotate-180:focus {
--transform-rotate: 180deg;
}
.md\:focus\:-rotate-180:focus {
--transform-rotate: -180deg;
}
.md\:focus\:-rotate-90:focus {
--transform-rotate: -90deg;
}
.md\:focus\:-rotate-45:focus {
--transform-rotate: -45deg;
}
.md\:-translate-x-full {
--transform-translate-x: -100%;
}
.md\:-translate-x-1\/2 {
--transform-translate-x: -50%;
}
.md\:translate-x-1\/2 {
--transform-translate-x: 50%;
}
.md\:translate-x-full {
--transform-translate-x: 100%;
}
.md\:-translate-y-full {
--transform-translate-y: -100%;
}
.md\:-translate-y-1\/2 {
--transform-translate-y: -50%;
}
.md\:translate-y-1\/2 {
--transform-translate-y: 50%;
}
.md\:translate-y-full {
--transform-translate-y: 100%;
}
.md\:hover\:-translate-x-full:hover {
--transform-translate-x: -100%;
}
.md\:hover\:-translate-x-1\/2:hover {
--transform-translate-x: -50%;
}
.md\:hover\:translate-x-1\/2:hover {
--transform-translate-x: 50%;
}
.md\:hover\:translate-x-full:hover {
--transform-translate-x: 100%;
}
.md\:hover\:-translate-y-full:hover {
--transform-translate-y: -100%;
}
.md\:hover\:-translate-y-1\/2:hover {
--transform-translate-y: -50%;
}
.md\:hover\:translate-y-1\/2:hover {
--transform-translate-y: 50%;
}
.md\:hover\:translate-y-full:hover {
--transform-translate-y: 100%;
}
.md\:focus\:-translate-x-full:focus {
--transform-translate-x: -100%;
}
.md\:focus\:-translate-x-1\/2:focus {
--transform-translate-x: -50%;
}
.md\:focus\:translate-x-1\/2:focus {
--transform-translate-x: 50%;
}
.md\:focus\:translate-x-full:focus {
--transform-translate-x: 100%;
}
.md\:focus\:-translate-y-full:focus {
--transform-translate-y: -100%;
}
.md\:focus\:-translate-y-1\/2:focus {
--transform-translate-y: -50%;
}
.md\:focus\:translate-y-1\/2:focus {
--transform-translate-y: 50%;
}
.md\:focus\:translate-y-full:focus {
--transform-translate-y: 100%;
}
.md\:skew-x-0 {
--transform-skew-x: 0;
}
.md\:skew-x-3 {
--transform-skew-x: 3deg;
}
.md\:skew-x-6 {
--transform-skew-x: 6deg;
}
.md\:skew-x-12 {
--transform-skew-x: 12deg;
}
.md\:-skew-x-12 {
--transform-skew-x: -12deg;
}
.md\:-skew-x-6 {
--transform-skew-x: -6deg;
}
.md\:-skew-x-3 {
--transform-skew-x: -3deg;
}
.md\:skew-y-0 {
--transform-skew-y: 0;
}
.md\:skew-y-3 {
--transform-skew-y: 3deg;
}
.md\:skew-y-6 {
--transform-skew-y: 6deg;
}
.md\:skew-y-12 {
--transform-skew-y: 12deg;
}
.md\:-skew-y-12 {
--transform-skew-y: -12deg;
}
.md\:-skew-y-6 {
--transform-skew-y: -6deg;
}
.md\:-skew-y-3 {
--transform-skew-y: -3deg;
}
.md\:hover\:skew-x-0:hover {
--transform-skew-x: 0;
}
.md\:hover\:skew-x-3:hover {
--transform-skew-x: 3deg;
}
.md\:hover\:skew-x-6:hover {
--transform-skew-x: 6deg;
}
.md\:hover\:skew-x-12:hover {
--transform-skew-x: 12deg;
}
.md\:hover\:-skew-x-12:hover {
--transform-skew-x: -12deg;
}
.md\:hover\:-skew-x-6:hover {
--transform-skew-x: -6deg;
}
.md\:hover\:-skew-x-3:hover {
--transform-skew-x: -3deg;
}
.md\:hover\:skew-y-0:hover {
--transform-skew-y: 0;
}
.md\:hover\:skew-y-3:hover {
--transform-skew-y: 3deg;
}
.md\:hover\:skew-y-6:hover {
--transform-skew-y: 6deg;
}
.md\:hover\:skew-y-12:hover {
--transform-skew-y: 12deg;
}
.md\:hover\:-skew-y-12:hover {
--transform-skew-y: -12deg;
}
.md\:hover\:-skew-y-6:hover {
--transform-skew-y: -6deg;
}
.md\:hover\:-skew-y-3:hover {
--transform-skew-y: -3deg;
}
.md\:focus\:skew-x-0:focus {
--transform-skew-x: 0;
}
.md\:focus\:skew-x-3:focus {
--transform-skew-x: 3deg;
}
.md\:focus\:skew-x-6:focus {
--transform-skew-x: 6deg;
}
.md\:focus\:skew-x-12:focus {
--transform-skew-x: 12deg;
}
.md\:focus\:-skew-x-12:focus {
--transform-skew-x: -12deg;
}
.md\:focus\:-skew-x-6:focus {
--transform-skew-x: -6deg;
}
.md\:focus\:-skew-x-3:focus {
--transform-skew-x: -3deg;
}
.md\:focus\:skew-y-0:focus {
--transform-skew-y: 0;
}
.md\:focus\:skew-y-3:focus {
--transform-skew-y: 3deg;
}
.md\:focus\:skew-y-6:focus {
--transform-skew-y: 6deg;
}
.md\:focus\:skew-y-12:focus {
--transform-skew-y: 12deg;
}
.md\:focus\:-skew-y-12:focus {
--transform-skew-y: -12deg;
}
.md\:focus\:-skew-y-6:focus {
--transform-skew-y: -6deg;
}
.md\:focus\:-skew-y-3:focus {
--transform-skew-y: -3deg;
}
.md\:transition-none {
transition-property: none;
}
.md\:transition-all {
transition-property: all;
}
.md\:transition {
transition-property: background-color, border-color, color, fill, stroke,
opacity, box-shadow, transform;
}
.md\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
}
.md\:transition-opacity {
transition-property: opacity;
}
.md\:transition-shadow {
transition-property: box-shadow;
}
.md\:transition-transform {
transition-property: transform;
}
.md\:ease-linear {
transition-timing-function: linear;
}
.md\:ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.md\:ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.md\:ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.md\:duration-75 {
transition-duration: 75ms;
}
.md\:duration-100 {
transition-duration: 100ms;
}
.md\:duration-150 {
transition-duration: 150ms;
}
.md\:duration-200 {
transition-duration: 200ms;
}
.md\:duration-300 {
transition-duration: 300ms;
}
.md\:duration-500 {
transition-duration: 500ms;
}
.md\:duration-700 {
transition-duration: 700ms;
}
.md\:duration-1000 {
transition-duration: 1000ms;
}
.md\:delay-75 {
transition-delay: 75ms;
}
.md\:delay-100 {
transition-delay: 100ms;
}
.md\:delay-150 {
transition-delay: 150ms;
}
.md\:delay-200 {
transition-delay: 200ms;
}
.md\:delay-300 {
transition-delay: 300ms;
}
.md\:delay-500 {
transition-delay: 500ms;
}
.md\:delay-700 {
transition-delay: 700ms;
}
.md\:delay-1000 {
transition-delay: 1000ms;
}
}
@media (min-width: 1112px) {
.lg\:space-y-reverse > :not(template) ~ :not(template) {
--space-y-reverse: 1;
}
.lg\:space-x-reverse > :not(template) ~ :not(template) {
--space-x-reverse: 1;
}
.lg\:divide-y-0 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(0px * var(--divide-y-reverse));
}
.lg\:divide-x-0 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(0px * var(--divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y-1 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.lg\:divide-x-1 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y-2 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(2px * var(--divide-y-reverse));
}
.lg\:divide-x-2 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(2px * var(--divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y-3 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(3px * var(--divide-y-reverse));
}
.lg\:divide-x-3 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(3px * var(--divide-x-reverse));
border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y-4 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(4px * var(--divide-y-reverse));
}
.lg\:divide-x-4 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(4px * var(--divide-x-reverse));
border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y-8 > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(8px * var(--divide-y-reverse));
}
.lg\:divide-x-8 > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(8px * var(--divide-x-reverse));
border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y > :not(template) ~ :not(template) {
--divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
border-bottom-width: calc(1px * var(--divide-y-reverse));
}
.lg\:divide-x > :not(template) ~ :not(template) {
--divide-x-reverse: 0;
border-right-width: calc(1px * var(--divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
.lg\:divide-y-reverse > :not(template) ~ :not(template) {
--divide-y-reverse: 1;
}
.lg\:divide-x-reverse > :not(template) ~ :not(template) {
--divide-x-reverse: 1;
}
.lg\: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;
}
.lg\:not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.lg\:focus\:sr-only:focus {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.lg\:focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.lg\:appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.lg\:bg-fixed {
background-attachment: fixed;
}
.lg\:bg-local {
background-attachment: local;
}
.lg\:bg-scroll {
background-attachment: scroll;
}
.lg\:bg-bottom {
background-position: bottom;
}
.lg\:bg-center {
background-position: center;
}
.lg\:bg-left {
background-position: left;
}
.lg\:bg-left-bottom {
background-position: left bottom;
}
.lg\:bg-left-top {
background-position: left top;
}
.lg\:bg-right {
background-position: right;
}
.lg\:bg-right-bottom {
background-position: right bottom;
}
.lg\:bg-right-top {
background-position: right top;
}
.lg\:bg-top {
background-position: top;
}
.lg\:bg-repeat {
background-repeat: repeat;
}
.lg\:bg-no-repeat {
background-repeat: no-repeat;
}
.lg\:bg-repeat-x {
background-repeat: repeat-x;
}
.lg\:bg-repeat-y {
background-repeat: repeat-y;
}
.lg\:bg-repeat-round {
background-repeat: round;
}
.lg\:bg-repeat-space {
background-repeat: space;
}
.lg\:bg-auto {
background-size: auto;
}
.lg\:bg-cover {
background-size: cover;
}
.lg\:bg-contain {
background-size: contain;
}
.lg\:border-collapse {
border-collapse: collapse;
}
.lg\:border-separate {
border-collapse: separate;
}
.lg\:rounded-none {
border-radius: 0;
}
.lg\:rounded-sm {
border-radius: 0.125rem;
}
.lg\:rounded {
border-radius: 0.25rem;
}
.lg\:rounded-md {
border-radius: 0.375rem;
}
.lg\:rounded-lg {
border-radius: 0.5rem;
}
.lg\:rounded-full {
border-radius: 9999px;
}
.lg\:rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.lg\:rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.lg\:rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.lg\:rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.lg\:rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.lg\:rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.lg\:rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.lg\:rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.lg\:rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.lg\:rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.lg\:rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.lg\:rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.lg\:rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.lg\:rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.lg\:rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.lg\:rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.lg\:rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.lg\:rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.lg\:rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.lg\:rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.lg\:rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.lg\:rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.lg\:rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.lg\:rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.lg\:rounded-tl-none {
border-top-left-radius: 0;
}
.lg\:rounded-tr-none {
border-top-right-radius: 0;
}
.lg\:rounded-br-none {
border-bottom-right-radius: 0;
}
.lg\:rounded-bl-none {
border-bottom-left-radius: 0;
}
.lg\:rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.lg\:rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.lg\:rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.lg\:rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.lg\:rounded-tl {
border-top-left-radius: 0.25rem;
}
.lg\:rounded-tr {
border-top-right-radius: 0.25rem;
}
.lg\:rounded-br {
border-bottom-right-radius: 0.25rem;
}
.lg\:rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.lg\:rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.lg\:rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.lg\:rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.lg\:rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.lg\:rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.lg\:rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.lg\:rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.lg\:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.lg\:rounded-tl-full {
border-top-left-radius: 9999px;
}
.lg\:rounded-tr-full {
border-top-right-radius: 9999px;
}
.lg\:rounded-br-full {
border-bottom-right-radius: 9999px;
}
.lg\:rounded-bl-full {
border-bottom-left-radius: 9999px;
}
.lg\:border-solid {
border-style: solid;
}
.lg\:border-dashed {
border-style: dashed;
}
.lg\:border-dotted {
border-style: dotted;
}
.lg\:border-double {
border-style: double;
}
.lg\:border-none {
border-style: none;
}
.lg\:border-0 {
border-width: 0;
}
.lg\:border-1 {
border-width: 1px;
}
.lg\:border-2 {
border-width: 2px;
}
.lg\:border-3 {
border-width: 3px;
}
.lg\:border-4 {
border-width: 4px;
}
.lg\:border-8 {
border-width: 8px;
}
.lg\:border {
border-width: 1px;
}
.lg\:border-t-0 {
border-top-width: 0;
}
.lg\:border-r-0 {
border-right-width: 0;
}
.lg\:border-b-0 {
border-bottom-width: 0;
}
.lg\:border-l-0 {
border-left-width: 0;
}
.lg\:border-t-1 {
border-top-width: 1px;
}
.lg\:border-r-1 {
border-right-width: 1px;
}
.lg\:border-b-1 {
border-bottom-width: 1px;
}
.lg\:border-l-1 {
border-left-width: 1px;
}
.lg\:border-t-2 {
border-top-width: 2px;
}
.lg\:border-r-2 {
border-right-width: 2px;
}
.lg\:border-b-2 {
border-bottom-width: 2px;
}
.lg\:border-l-2 {
border-left-width: 2px;
}
.lg\:border-t-3 {
border-top-width: 3px;
}
.lg\:border-r-3 {
border-right-width: 3px;
}
.lg\:border-b-3 {
border-bottom-width: 3px;
}
.lg\:border-l-3 {
border-left-width: 3px;
}
.lg\:border-t-4 {
border-top-width: 4px;
}
.lg\:border-r-4 {
border-right-width: 4px;
}
.lg\:border-b-4 {
border-bottom-width: 4px;
}
.lg\:border-l-4 {
border-left-width: 4px;
}
.lg\:border-t-8 {
border-top-width: 8px;
}
.lg\:border-r-8 {
border-right-width: 8px;
}
.lg\:border-b-8 {
border-bottom-width: 8px;
}
.lg\:border-l-8 {
border-left-width: 8px;
}
.lg\:border-t {
border-top-width: 1px;
}
.lg\:border-r {
border-right-width: 1px;
}
.lg\:border-b {
border-bottom-width: 1px;
}
.lg\:border-l {
border-left-width: 1px;
}
.lg\:box-border {
box-sizing: border-box;
}
.lg\:box-content {
box-sizing: content-box;
}
.lg\:cursor-auto {
cursor: auto;
}
.lg\:cursor-default {
cursor: default;
}
.lg\:cursor-pointer {
cursor: pointer;
}
.lg\:cursor-wait {
cursor: wait;
}
.lg\:cursor-text {
cursor: text;
}
.lg\:cursor-move {
cursor: move;
}
.lg\:cursor-not-allowed {
cursor: not-allowed;
}
.lg\:block {
display: block;
}
.lg\:inline-block {
display: inline-block;
}
.lg\:inline {
display: inline;
}
.lg\:flex {
display: flex;
}
.lg\:inline-flex {
display: inline-flex;
}
.lg\:table {
display: table;
}
.lg\:table-caption {
display: table-caption;
}
.lg\:table-cell {
display: table-cell;
}
.lg\:table-column {
display: table-column;
}
.lg\:table-column-group {
display: table-column-group;
}
.lg\:table-footer-group {
display: table-footer-group;
}
.lg\:table-header-group {
display: table-header-group;
}
.lg\:table-row-group {
display: table-row-group;
}
.lg\:table-row {
display: table-row;
}
.lg\:flow-root {
display: flow-root;
}
.lg\:grid {
display: grid;
}
.lg\:inline-grid {
display: inline-grid;
}
.lg\:hidden {
display: none;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-row-reverse {
flex-direction: row-reverse;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-col-reverse {
flex-direction: column-reverse;
}
.lg\:flex-wrap {
flex-wrap: wrap;
}
.lg\:flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.lg\:flex-no-wrap {
flex-wrap: nowrap;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:items-end {
align-items: flex-end;
}
.lg\:items-center {
align-items: center;
}
.lg\:items-baseline {
align-items: baseline;
}
.lg\:items-stretch {
align-items: stretch;
}
.lg\:self-auto {
align-self: auto;
}
.lg\:self-start {
align-self: flex-start;
}
.lg\:self-end {
align-self: flex-end;
}
.lg\:self-center {
align-self: center;
}
.lg\:self-stretch {
align-self: stretch;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:justify-around {
justify-content: space-around;
}
.lg\:justify-evenly {
justify-content: space-evenly;
}
.lg\:content-center {
align-content: center;
}
.lg\:content-start {
align-content: flex-start;
}
.lg\:content-end {
align-content: flex-end;
}
.lg\:content-between {
align-content: space-between;
}
.lg\:content-around {
align-content: space-around;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
.lg\:flex-auto {
flex: 1 1 auto;
}
.lg\:flex-initial {
flex: 0 1 auto;
}
.lg\:flex-none {
flex: none;
}
.lg\:flex-grow-0 {
flex-grow: 0;
}
.lg\:flex-grow {
flex-grow: 1;
}
.lg\:flex-shrink-0 {
flex-shrink: 0;
}
.lg\:flex-shrink {
flex-shrink: 1;
}
.lg\:order-1 {
order: 1;
}
.lg\:order-2 {
order: 2;
}
.lg\:order-3 {
order: 3;
}
.lg\:order-4 {
order: 4;
}
.lg\:order-5 {
order: 5;
}
.lg\:order-6 {
order: 6;
}
.lg\:order-7 {
order: 7;
}
.lg\:order-8 {
order: 8;
}
.lg\:order-9 {
order: 9;
}
.lg\:order-10 {
order: 10;
}
.lg\:order-11 {
order: 11;
}
.lg\:order-12 {
order: 12;
}
.lg\:order-first {
order: -9999;
}
.lg\:order-last {
order: 9999;
}
.lg\:order-none {
order: 0;
}
.lg\:float-right {
float: right;
}
.lg\:float-left {
float: left;
}
.lg\:float-none {
float: none;
}
.lg\:clearfix:after {
content: "";
display: table;
clear: both;
}
.lg\:clear-left {
clear: left;
}
.lg\:clear-right {
clear: right;
}
.lg\:clear-both {
clear: both;
}
.lg\:clear-none {
clear: none;
}
.lg\:font-sans {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.lg\:font-serif {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
.lg\:font-hairline {
font-weight: 100;
}
.lg\:font-thin {
font-weight: 200;
}
.lg\:font-light {
font-weight: 300;
}
.lg\:font-normal {
font-weight: 400;
}
.lg\:font-medium {
font-weight: 500;
}
.lg\:font-semibold {
font-weight: 600;
}
.lg\:font-bold {
font-weight: 700;
}
.lg\:font-extrabold {
font-weight: 800;
}
.lg\:font-black {
font-weight: 900;
}
.lg\:hover\:font-hairline:hover {
font-weight: 100;
}
.lg\:hover\:font-thin:hover {
font-weight: 200;
}
.lg\:hover\:font-light:hover {
font-weight: 300;
}
.lg\:hover\:font-normal:hover {
font-weight: 400;
}
.lg\:hover\:font-medium:hover {
font-weight: 500;
}
.lg\:hover\:font-semibold:hover {
font-weight: 600;
}
.lg\:hover\:font-bold:hover {
font-weight: 700;
}
.lg\:hover\:font-extrabold:hover {
font-weight: 800;
}
.lg\:hover\:font-black:hover {
font-weight: 900;
}
.lg\:focus\:font-hairline:focus {
font-weight: 100;
}
.lg\:focus\:font-thin:focus {
font-weight: 200;
}
.lg\:focus\:font-light:focus {
font-weight: 300;
}
.lg\:focus\:font-normal:focus {
font-weight: 400;
}
.lg\:focus\:font-medium:focus {
font-weight: 500;
}
.lg\:focus\:font-semibold:focus {
font-weight: 600;
}
.lg\:focus\:font-bold:focus {
font-weight: 700;
}
.lg\:focus\:font-extrabold:focus {
font-weight: 800;
}
.lg\:focus\:font-black:focus {
font-weight: 900;
}
.lg\:h-auto {
height: auto;
}
.lg\:h-full {
height: 100%;
}
.lg\:h-screen {
height: 100vh;
}
.lg\:text-11 {
font-size: 11px;
}
.lg\:text-12 {
font-size: 12px;
}
.lg\:text-13 {
font-size: 13px;
}
.lg\:text-14 {
font-size: 14px;
}
.lg\:text-15 {
font-size: 15px;
}
.lg\:text-16 {
font-size: 16px;
}
.lg\:text-17 {
font-size: 17px;
}
.lg\:text-18 {
font-size: 18px;
}
.lg\:text-20 {
font-size: 20px;
}
.lg\:text-22 {
font-size: 22px;
}
.lg\:text-24 {
font-size: 24px;
}
.lg\:text-25 {
font-size: 25px;
}
.lg\:text-26 {
font-size: 26px;
}
.lg\:text-27 {
font-size: 27px;
}
.lg\:text-28 {
font-size: 28px;
}
.lg\:text-30 {
font-size: 30px;
}
.lg\:text-32 {
font-size: 32px;
}
.lg\:text-34 {
font-size: 34px;
}
.lg\:text-36 {
font-size: 36px;
}
.lg\:text-38 {
font-size: 38px;
}
.lg\:text-40 {
font-size: 40px;
}
.lg\:text-42 {
font-size: 42px;
}
.lg\:text-44 {
font-size: 44px;
}
.lg\:text-46 {
font-size: 46px;
}
.lg\:text-48 {
font-size: 48px;
}
.lg\:text-50 {
font-size: 50px;
}
.lg\:text-52 {
font-size: 52px;
}
.lg\:text-54 {
font-size: 54px;
}
.lg\:text-56 {
font-size: 56px;
}
.lg\:text-58 {
font-size: 58px;
}
.lg\:text-60 {
font-size: 60px;
}
.lg\:text-72 {
font-size: 72px;
}
.lg\:list-inside {
list-style-position: inside;
}
.lg\:list-outside {
list-style-position: outside;
}
.lg\:m-auto {
margin: auto;
}
.lg\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
.lg\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.lg\:mt-auto {
margin-top: auto;
}
.lg\:mr-auto {
margin-right: auto;
}
.lg\:mb-auto {
margin-bottom: auto;
}
.lg\:ml-auto {
margin-left: auto;
}
.lg\:max-h-full {
max-height: 100%;
}
.lg\:max-h-screen {
max-height: 100vh;
}
.lg\:max-w-full {
max-width: 100%;
}
.lg\:min-h-0 {
min-height: 0;
}
.lg\:min-h-full {
min-height: 100%;
}
.lg\:min-h-screen {
min-height: 100vh;
}
.lg\:min-w-0 {
min-width: 0;
}
.lg\:min-w-full {
min-width: 100%;
}
.lg\:object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.lg\:object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.lg\:object-fill {
-o-object-fit: fill;
object-fit: fill;
}
.lg\:object-none {
-o-object-fit: none;
object-fit: none;
}
.lg\:object-scale-down {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.lg\:object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.lg\:object-center {
-o-object-position: center;
object-position: center;
}
.lg\:object-left {
-o-object-position: left;
object-position: left;
}
.lg\:object-left-bottom {
-o-object-position: left bottom;
object-position: left bottom;
}
.lg\:object-left-top {
-o-object-position: left top;
object-position: left top;
}
.lg\:object-right {
-o-object-position: right;
object-position: right;
}
.lg\:object-right-bottom {
-o-object-position: right bottom;
object-position: right bottom;
}
.lg\:object-right-top {
-o-object-position: right top;
object-position: right top;
}
.lg\:object-top {
-o-object-position: top;
object-position: top;
}
.lg\:outline-none {
outline: 0;
}
.lg\:focus\:outline-none:focus {
outline: 0;
}
.lg\:overflow-auto {
overflow: auto;
}
.lg\:overflow-hidden {
overflow: hidden;
}
.lg\:overflow-visible {
overflow: visible;
}
.lg\:overflow-scroll {
overflow: scroll;
}
.lg\:overflow-x-auto {
overflow-x: auto;
}
.lg\:overflow-y-auto {
overflow-y: auto;
}
.lg\:overflow-x-hidden {
overflow-x: hidden;
}
.lg\:overflow-y-hidden {
overflow-y: hidden;
}
.lg\:overflow-x-visible {
overflow-x: visible;
}
.lg\:overflow-y-visible {
overflow-y: visible;
}
.lg\:overflow-x-scroll {
overflow-x: scroll;
}
.lg\:overflow-y-scroll {
overflow-y: scroll;
}
.lg\:scrolling-touch {
-webkit-overflow-scrolling: touch;
}
.lg\:scrolling-auto {
-webkit-overflow-scrolling: auto;
}
.lg\:pointer-events-none {
pointer-events: none;
}
.lg\:pointer-events-auto {
pointer-events: auto;
}
.lg\:static {
position: static;
}
.lg\:fixed {
position: fixed;
}
.lg\:absolute {
position: absolute;
}
.lg\:relative {
position: relative;
}
.lg\:sticky {
position: -webkit-sticky;
position: sticky;
}
.lg\:inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.lg\:inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.lg\:inset-y-0 {
top: 0;
bottom: 0;
}
.lg\:inset-x-0 {
right: 0;
left: 0;
}
.lg\:inset-y-auto {
top: auto;
bottom: auto;
}
.lg\:inset-x-auto {
right: auto;
left: auto;
}
.lg\:top-0 {
top: 0;
}
.lg\:right-0 {
right: 0;
}
.lg\:bottom-0 {
bottom: 0;
}
.lg\:left-0 {
left: 0;
}
.lg\:top-auto {
top: auto;
}
.lg\:right-auto {
right: auto;
}
.lg\:bottom-auto {
bottom: auto;
}
.lg\:left-auto {
left: auto;
}
.lg\:resize-none {
resize: none;
}
.lg\:resize-y {
resize: vertical;
}
.lg\:resize-x {
resize: horizontal;
}
.lg\:resize {
resize: both;
}
.lg\:fill-current {
fill: currentColor;
}
.lg\:stroke-current {
stroke: currentColor;
}
.lg\:stroke-0 {
stroke-width: 0;
}
.lg\:stroke-1 {
stroke-width: 1;
}
.lg\:stroke-2 {
stroke-width: 2;
}
.lg\:table-auto {
table-layout: auto;
}
.lg\:table-fixed {
table-layout: fixed;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-center {
text-align: center;
}
.lg\:text-right {
text-align: right;
}
.lg\:text-justify {
text-align: justify;
}
.lg\:italic {
font-style: italic;
}
.lg\:not-italic {
font-style: normal;
}
.lg\:uppercase {
text-transform: uppercase;
}
.lg\:lowercase {
text-transform: lowercase;
}
.lg\:capitalize {
text-transform: capitalize;
}
.lg\:normal-case {
text-transform: none;
}
.lg\:underline {
text-decoration: underline;
}
.lg\:line-through {
text-decoration: line-through;
}
.lg\:no-underline {
text-decoration: none;
}
.lg\:hover\:underline:hover {
text-decoration: underline;
}
.lg\:hover\:line-through:hover {
text-decoration: line-through;
}
.lg\:hover\:no-underline:hover {
text-decoration: none;
}
.lg\:focus\:underline:focus {
text-decoration: underline;
}
.lg\:focus\:line-through:focus {
text-decoration: line-through;
}
.lg\:focus\:no-underline:focus {
text-decoration: none;
}
.lg\:antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg\:subpixel-antialiased {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.lg\:tracking-tighter {
letter-spacing: -0.05em;
}
.lg\:tracking-tight {
letter-spacing: -0.025em;
}
.lg\:tracking-normal {
letter-spacing: 0;
}
.lg\:tracking-wide {
letter-spacing: 0.025em;
}
.lg\:tracking-wider {
letter-spacing: 0.05em;
}
.lg\:tracking-widest {
letter-spacing: 0.1em;
}
.lg\:select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lg\:select-text {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.lg\:select-all {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
.lg\:select-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.lg\:align-baseline {
vertical-align: baseline;
}
.lg\:align-top {
vertical-align: top;
}
.lg\:align-middle {
vertical-align: middle;
}
.lg\:align-bottom {
vertical-align: bottom;
}
.lg\:align-text-top {
vertical-align: text-top;
}
.lg\:align-text-bottom {
vertical-align: text-bottom;
}
.lg\:visible {
visibility: visible;
}
.lg\:invisible {
visibility: hidden;
}
.lg\:whitespace-normal {
white-space: normal;
}
.lg\:whitespace-no-wrap {
white-space: nowrap;
}
.lg\:whitespace-pre {
white-space: pre;
}
.lg\:whitespace-pre-line {
white-space: pre-line;
}
.lg\:whitespace-pre-wrap {
white-space: pre-wrap;
}
.lg\:break-normal {
overflow-wrap: normal;
word-break: normal;
}
.lg\:break-words {
overflow-wrap: break-word;
}
.lg\:break-all {
word-break: break-all;
}
.lg\:truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lg\:w-auto {
width: auto;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-2\/4 {
width: 50%;
}
.lg\:w-3\/4 {
width: 75%;
}
.lg\:w-1\/5 {
width: 20%;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-4\/5 {
width: 80%;
}
.lg\:w-1\/6 {
width: 16.666667%;
}
.lg\:w-2\/6 {
width: 33.333333%;
}
.lg\:w-3\/6 {
width: 50%;
}
.lg\:w-4\/6 {
width: 66.666667%;
}
.lg\:w-5\/6 {
width: 83.333333%;
}
.lg\:w-1\/12 {
width: 8.333333%;
}
.lg\:w-2\/12 {
width: 16.666667%;
}
.lg\:w-3\/12 {
width: 25%;
}
.lg\:w-4\/12 {
width: 33.333333%;
}
.lg\:w-5\/12 {
width: 41.666667%;
}
.lg\:w-6\/12 {
width: 50%;
}
.lg\:w-7\/12 {
width: 58.333333%;
}
.lg\:w-8\/12 {
width: 66.666667%;
}
.lg\:w-9\/12 {
width: 75%;
}
.lg\:w-10\/12 {
width: 83.333333%;
}
.lg\:w-11\/12 {
width: 91.666667%;
}
.lg\:w-full {
width: 100%;
}
.lg\:w-screen {
width: 100vw;
}
.lg\:z-0 {
z-index: 0;
}
.lg\:z-10 {
z-index: 10;
}
.lg\:z-20 {
z-index: 20;
}
.lg\:z-30 {
z-index: 30;
}
.lg\:z-40 {
z-index: 40;
}
.lg\:z-50 {
z-index: 50;
}
.lg\:z-auto {
z-index: auto;
}
.lg\:grid-flow-row {
grid-auto-flow: row;
}
.lg\:grid-flow-col {
grid-auto-flow: column;
}
.lg\:grid-flow-row-dense {
grid-auto-flow: row dense;
}
.lg\:grid-flow-col-dense {
grid-auto-flow: column dense;
}
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-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\:grid-cols-none {
grid-template-columns: none;
}
.lg\:col-auto {
grid-column: auto;
}
.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-start-1 {
grid-column-start: 1;
}
.lg\:col-start-2 {
grid-column-start: 2;
}
.lg\:col-start-3 {
grid-column-start: 3;
}
.lg\:col-start-4 {
grid-column-start: 4;
}
.lg\:col-start-5 {
grid-column-start: 5;
}
.lg\:col-start-6 {
grid-column-start: 6;
}
.lg\:col-start-7 {
grid-column-start: 7;
}
.lg\:col-start-8 {
grid-column-start: 8;
}
.lg\:col-start-9 {
grid-column-start: 9;
}
.lg\:col-start-10 {
grid-column-start: 10;
}
.lg\:col-start-11 {
grid-column-start: 11;
}
.lg\:col-start-12 {
grid-column-start: 12;
}
.lg\:col-start-13 {
grid-column-start: 13;
}
.lg\:col-start-auto {
grid-column-start: auto;
}
.lg\:col-end-1 {
grid-column-end: 1;
}
.lg\:col-end-2 {
grid-column-end: 2;
}
.lg\:col-end-3 {
grid-column-end: 3;
}
.lg\:col-end-4 {
grid-column-end: 4;
}
.lg\:col-end-5 {
grid-column-end: 5;
}
.lg\:col-end-6 {
grid-column-end: 6;
}
.lg\:col-end-7 {
grid-column-end: 7;
}
.lg\:col-end-8 {
grid-column-end: 8;
}
.lg\:col-end-9 {
grid-column-end: 9;
}
.lg\:col-end-10 {
grid-column-end: 10;
}
.lg\:col-end-11 {
grid-column-end: 11;
}
.lg\:col-end-12 {
grid-column-end: 12;
}
.lg\:col-end-13 {
grid-column-end: 13;
}
.lg\:col-end-auto {
grid-column-end: auto;
}
.lg\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.lg\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.lg\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.lg\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.lg\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.lg\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.lg\:grid-rows-none {
grid-template-rows: none;
}
.lg\:row-auto {
grid-row: auto;
}
.lg\:row-span-1 {
grid-row: span 1 / span 1;
}
.lg\:row-span-2 {
grid-row: span 2 / span 2;
}
.lg\:row-span-3 {
grid-row: span 3 / span 3;
}
.lg\:row-span-4 {
grid-row: span 4 / span 4;
}
.lg\:row-span-5 {
grid-row: span 5 / span 5;
}
.lg\:row-span-6 {
grid-row: span 6 / span 6;
}
.lg\:row-start-1 {
grid-row-start: 1;
}
.lg\:row-start-2 {
grid-row-start: 2;
}
.lg\:row-start-3 {
grid-row-start: 3;
}
.lg\:row-start-4 {
grid-row-start: 4;
}
.lg\:row-start-5 {
grid-row-start: 5;
}
.lg\:row-start-6 {
grid-row-start: 6;
}
.lg\:row-start-7 {
grid-row-start: 7;
}
.lg\:row-start-auto {
grid-row-start: auto;
}
.lg\:row-end-1 {
grid-row-end: 1;
}
.lg\:row-end-2 {
grid-row-end: 2;
}
.lg\:row-end-3 {
grid-row-end: 3;
}
.lg\:row-end-4 {
grid-row-end: 4;
}
.lg\:row-end-5 {
grid-row-end: 5;
}
.lg\:row-end-6 {
grid-row-end: 6;
}
.lg\:row-end-7 {
grid-row-end: 7;
}
.lg\:row-end-auto {
grid-row-end: auto;
}
.lg\:transform {
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
transform: translateX(var(--transform-translate-x))
translateY(var(--transform-translate-y)) rotate(var(--transform-rotate))
skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y))
scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.lg\:transform-none {
transform: none;
}
.lg\:origin-center {
transform-origin: center;
}
.lg\:origin-top {
transform-origin: top;
}
.lg\:origin-top-right {
transform-origin: top right;
}
.lg\:origin-right {
transform-origin: right;
}
.lg\:origin-bottom-right {
transform-origin: bottom right;
}
.lg\:origin-bottom {
transform-origin: bottom;
}
.lg\:origin-bottom-left {
transform-origin: bottom left;
}
.lg\:origin-left {
transform-origin: left;
}
.lg\:origin-top-left {
transform-origin: top left;
}
.lg\:scale-0 {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.lg\:scale-50 {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.lg\:scale-75 {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.lg\:scale-90 {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.lg\:scale-95 {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.lg\:scale-100 {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.lg\:scale-105 {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.lg\:scale-110 {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.lg\:scale-125 {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.lg\:scale-150 {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.lg\:scale-x-0 {
--transform-scale-x: 0;
}
.lg\:scale-x-50 {
--transform-scale-x: 0.5;
}
.lg\:scale-x-75 {
--transform-scale-x: 0.75;
}
.lg\:scale-x-90 {
--transform-scale-x: 0.9;
}
.lg\:scale-x-95 {
--transform-scale-x: 0.95;
}
.lg\:scale-x-100 {
--transform-scale-x: 1;
}
.lg\:scale-x-105 {
--transform-scale-x: 1.05;
}
.lg\:scale-x-110 {
--transform-scale-x: 1.1;
}
.lg\:scale-x-125 {
--transform-scale-x: 1.25;
}
.lg\:scale-x-150 {
--transform-scale-x: 1.5;
}
.lg\:scale-y-0 {
--transform-scale-y: 0;
}
.lg\:scale-y-50 {
--transform-scale-y: 0.5;
}
.lg\:scale-y-75 {
--transform-scale-y: 0.75;
}
.lg\:scale-y-90 {
--transform-scale-y: 0.9;
}
.lg\:scale-y-95 {
--transform-scale-y: 0.95;
}
.lg\:scale-y-100 {
--transform-scale-y: 1;
}
.lg\:scale-y-105 {
--transform-scale-y: 1.05;
}
.lg\:scale-y-110 {
--transform-scale-y: 1.1;
}
.lg\:scale-y-125 {
--transform-scale-y: 1.25;
}
.lg\:scale-y-150 {
--transform-scale-y: 1.5;
}
.lg\:hover\:scale-0:hover {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.lg\:hover\:scale-50:hover {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.lg\:hover\:scale-75:hover {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.lg\:hover\:scale-90:hover {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.lg\:hover\:scale-95:hover {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.lg\:hover\:scale-100:hover {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.lg\:hover\:scale-105:hover {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.lg\:hover\:scale-110:hover {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.lg\:hover\:scale-125:hover {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.lg\:hover\:scale-150:hover {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.lg\:hover\:scale-x-0:hover {
--transform-scale-x: 0;
}
.lg\:hover\:scale-x-50:hover {
--transform-scale-x: 0.5;
}
.lg\:hover\:scale-x-75:hover {
--transform-scale-x: 0.75;
}
.lg\:hover\:scale-x-90:hover {
--transform-scale-x: 0.9;
}
.lg\:hover\:scale-x-95:hover {
--transform-scale-x: 0.95;
}
.lg\:hover\:scale-x-100:hover {
--transform-scale-x: 1;
}
.lg\:hover\:scale-x-105:hover {
--transform-scale-x: 1.05;
}
.lg\:hover\:scale-x-110:hover {
--transform-scale-x: 1.1;
}
.lg\:hover\:scale-x-125:hover {
--transform-scale-x: 1.25;
}
.lg\:hover\:scale-x-150:hover {
--transform-scale-x: 1.5;
}
.lg\:hover\:scale-y-0:hover {
--transform-scale-y: 0;
}
.lg\:hover\:scale-y-50:hover {
--transform-scale-y: 0.5;
}
.lg\:hover\:scale-y-75:hover {
--transform-scale-y: 0.75;
}
.lg\:hover\:scale-y-90:hover {
--transform-scale-y: 0.9;
}
.lg\:hover\:scale-y-95:hover {
--transform-scale-y: 0.95;
}
.lg\:hover\:scale-y-100:hover {
--transform-scale-y: 1;
}
.lg\:hover\:scale-y-105:hover {
--transform-scale-y: 1.05;
}
.lg\:hover\:scale-y-110:hover {
--transform-scale-y: 1.1;
}
.lg\:hover\:scale-y-125:hover {
--transform-scale-y: 1.25;
}
.lg\:hover\:scale-y-150:hover {
--transform-scale-y: 1.5;
}
.lg\:focus\:scale-0:focus {
--transform-scale-x: 0;
--transform-scale-y: 0;
}
.lg\:focus\:scale-50:focus {
--transform-scale-x: 0.5;
--transform-scale-y: 0.5;
}
.lg\:focus\:scale-75:focus {
--transform-scale-x: 0.75;
--transform-scale-y: 0.75;
}
.lg\:focus\:scale-90:focus {
--transform-scale-x: 0.9;
--transform-scale-y: 0.9;
}
.lg\:focus\:scale-95:focus {
--transform-scale-x: 0.95;
--transform-scale-y: 0.95;
}
.lg\:focus\:scale-100:focus {
--transform-scale-x: 1;
--transform-scale-y: 1;
}
.lg\:focus\:scale-105:focus {
--transform-scale-x: 1.05;
--transform-scale-y: 1.05;
}
.lg\:focus\:scale-110:focus {
--transform-scale-x: 1.1;
--transform-scale-y: 1.1;
}
.lg\:focus\:scale-125:focus {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.lg\:focus\:scale-150:focus {
--transform-scale-x: 1.5;
--transform-scale-y: 1.5;
}
.lg\:focus\:scale-x-0:focus {
--transform-scale-x: 0;
}
.lg\:focus\:scale-x-50:focus {
--transform-scale-x: 0.5;
}
.lg\:focus\:scale-x-75:focus {
--transform-scale-x: 0.75;
}
.lg\:focus\:scale-x-90:focus {
--transform-scale-x: 0.9;
}
.lg\:focus\:scale-x-95:focus {
--transform-scale-x: 0.95;
}
.lg\:focus\:scale-x-100:focus {
--transform-scale-x: 1;
}
.lg\:focus\:scale-x-105:focus {
--transform-scale-x: 1.05;
}
.lg\:focus\:scale-x-110:focus {
--transform-scale-x: 1.1;
}
.lg\:focus\:scale-x-125:focus {
--transform-scale-x: 1.25;
}
.lg\:focus\:scale-x-150:focus {
--transform-scale-x: 1.5;
}
.lg\:focus\:scale-y-0:focus {
--transform-scale-y: 0;
}
.lg\:focus\:scale-y-50:focus {
--transform-scale-y: 0.5;
}
.lg\:focus\:scale-y-75:focus {
--transform-scale-y: 0.75;
}
.lg\:focus\:scale-y-90:focus {
--transform-scale-y: 0.9;
}
.lg\:focus\:scale-y-95:focus {
--transform-scale-y: 0.95;
}
.lg\:focus\:scale-y-100:focus {
--transform-scale-y: 1;
}
.lg\:focus\:scale-y-105:focus {
--transform-scale-y: 1.05;
}
.lg\:focus\:scale-y-110:focus {
--transform-scale-y: 1.1;
}
.lg\:focus\:scale-y-125:focus {
--transform-scale-y: 1.25;
}
.lg\:focus\:scale-y-150:focus {
--transform-scale-y: 1.5;
}
.lg\:rotate-0 {
--transform-rotate: 0;
}
.lg\:rotate-45 {
--transform-rotate: 45deg;
}
.lg\:rotate-90 {
--transform-rotate: 90deg;
}
.lg\:rotate-180 {
--transform-rotate: 180deg;
}
.lg\:-rotate-180 {
--transform-rotate: -180deg;
}
.lg\:-rotate-90 {
--transform-rotate: -90deg;
}
.lg\:-rotate-45 {
--transform-rotate: -45deg;
}
.lg\:hover\:rotate-0:hover {
--transform-rotate: 0;
}
.lg\:hover\:rotate-45:hover {
--transform-rotate: 45deg;
}
.lg\:hover\:rotate-90:hover {
--transform-rotate: 90deg;
}
.lg\:hover\:rotate-180:hover {
--transform-rotate: 180deg;
}
.lg\:hover\:-rotate-180:hover {
--transform-rotate: -180deg;
}
.lg\:hover\:-rotate-90:hover {
--transform-rotate: -90deg;
}
.lg\:hover\:-rotate-45:hover {
--transform-rotate: -45deg;
}
.lg\:focus\:rotate-0:focus {
--transform-rotate: 0;
}
.lg\:focus\:rotate-45:focus {
--transform-rotate: 45deg;
}
.lg\:focus\:rotate-90:focus {
--transform-rotate: 90deg;
}
.lg\:focus\:rotate-180:focus {
--transform-rotate: 180deg;
}
.lg\:focus\:-rotate-180:focus {
--transform-rotate: -180deg;
}
.lg\:focus\:-rotate-90:focus {
--transform-rotate: -90deg;
}
.lg\:focus\:-rotate-45:focus {
--transform-rotate: -45deg;
}
.lg\:-translate-x-full {
--transform-translate-x: -100%;
}
.lg\:-translate-x-1\/2 {
--transform-translate-x: -50%;
}
.lg\:translate-x-1\/2 {
--transform-translate-x: 50%;
}
.lg\:translate-x-full {
--transform-translate-x: 100%;
}
.lg\:-translate-y-full {
--transform-translate-y: -100%;
}
.lg\:-translate-y-1\/2 {
--transform-translate-y: -50%;
}
.lg\:translate-y-1\/2 {
--transform-translate-y: 50%;
}
.lg\:translate-y-full {
--transform-translate-y: 100%;
}
.lg\:hover\:-translate-x-full:hover {
--transform-translate-x: -100%;
}
.lg\:hover\:-translate-x-1\/2:hover {
--transform-translate-x: -50%;
}
.lg\:hover\:translate-x-1\/2:hover {
--transform-translate-x: 50%;
}
.lg\:hover\:translate-x-full:hover {
--transform-translate-x: 100%;
}
.lg\:hover\:-translate-y-full:hover {
--transform-translate-y: -100%;
}
.lg\:hover\:-translate-y-1\/2:hover {
--transform-translate-y: -50%;
}
.lg\:hover\:translate-y-1\/2:hover {
--transform-translate-y: 50%;
}
.lg\:hover\:translate-y-full:hover {
--transform-translate-y: 100%;
}
.lg\:focus\:-translate-x-full:focus {
--transform-translate-x: -100%;
}
.lg\:focus\:-translate-x-1\/2:focus {
--transform-translate-x: -50%;
}
.lg\:focus\:translate-x-1\/2:focus {
--transform-translate-x: 50%;
}
.lg\:focus\:translate-x-full:focus {
--transform-translate-x: 100%;
}
.lg\:focus\:-translate-y-full:focus {
--transform-translate-y: -100%;
}
.lg\:focus\:-translate-y-1\/2:focus {
--transform-translate-y: -50%;
}
.lg\:focus\:translate-y-1\/2:focus {
--transform-translate-y: 50%;
}
.lg\:focus\:translate-y-full:focus {
--transform-translate-y: 100%;
}
.lg\:skew-x-0 {
--transform-skew-x: 0;
}
.lg\:skew-x-3 {
--transform-skew-x: 3deg;
}
.lg\:skew-x-6 {
--transform-skew-x: 6deg;
}
.lg\:skew-x-12 {
--transform-skew-x: 12deg;
}
.lg\:-skew-x-12 {
--transform-skew-x: -12deg;
}
.lg\:-skew-x-6 {
--transform-skew-x: -6deg;
}
.lg\:-skew-x-3 {
--transform-skew-x: -3deg;
}
.lg\:skew-y-0 {
--transform-skew-y: 0;
}
.lg\:skew-y-3 {
--transform-skew-y: 3deg;
}
.lg\:skew-y-6 {
--transform-skew-y: 6deg;
}
.lg\:skew-y-12 {
--transform-skew-y: 12deg;
}
.lg\:-skew-y-12 {
--transform-skew-y: -12deg;
}
.lg\:-skew-y-6 {
--transform-skew-y: -6deg;
}
.lg\:-skew-y-3 {
--transform-skew-y: -3deg;
}
.lg\:hover\:skew-x-0:hover {
--transform-skew-x: 0;
}
.lg\:hover\:skew-x-3:hover {
--transform-skew-x: 3deg;
}
.lg\:hover\:skew-x-6:hover {
--transform-skew-x: 6deg;
}
.lg\:hover\:skew-x-12:hover {
--transform-skew-x: 12deg;
}
.lg\:hover\:-skew-x-12:hover {
--transform-skew-x: -12deg;
}
.lg\:hover\:-skew-x-6:hover {
--transform-skew-x: -6deg;
}
.lg\:hover\:-skew-x-3:hover {
--transform-skew-x: -3deg;
}
.lg\:hover\:skew-y-0:hover {
--transform-skew-y: 0;
}
.lg\:hover\:skew-y-3:hover {
--transform-skew-y: 3deg;
}
.lg\:hover\:skew-y-6:hover {
--transform-skew-y: 6deg;
}
.lg\:hover\:skew-y-12:hover {
--transform-skew-y: 12deg;
}
.lg\:hover\:-skew-y-12:hover {
--transform-skew-y: -12deg;
}
.lg\:hover\:-skew-y-6:hover {
--transform-skew-y: -6deg;
}
.lg\:hover\:-skew-y-3:hover {
--transform-skew-y: -3deg;
}
.lg\:focus\:skew-x-0:focus {
--transform-skew-x: 0;
}
.lg\:focus\:skew-x-3:focus {
--transform-skew-x: 3deg;
}
.lg\:focus\:skew-x-6:focus {
--transform-skew-x: 6deg;
}
.lg\:focus\:skew-x-12:focus {
--transform-skew-x: 12deg;
}
.lg\:focus\:-skew-x-12:focus {
--transform-skew-x: -12deg;
}
.lg\:focus\:-skew-x-6:focus {
--transform-skew-x: -6deg;
}
.lg\:focus\:-skew-x-3:focus {
--transform-skew-x: -3deg;
}
.lg\:focus\:skew-y-0:focus {
--transform-skew-y: 0;
}
.lg\:focus\:skew-y-3:focus {
--transform-skew-y: 3deg;
}
.lg\:focus\:skew-y-6:focus {
--transform-skew-y: 6deg;
}
.lg\:focus\:skew-y-12:focus {
--transform-skew-y: 12deg;
}
.lg\:focus\:-skew-y-12:focus {
--transform-skew-y: -12deg;
}
.lg\:focus\:-skew-y-6:focus {
--transform-skew-y: -6deg;
}
.lg\:focus\:-skew-y-3:focus {
--transform-skew-y: -3deg;
}
.lg\:transition-none {
transition-property: none;
}
.lg\:transition-all {
transition-property: all;
}
.lg\:transition {
transition-property: background-color, border-color, color, fill, stroke,
opacity, box-shadow, transform;
}
.lg\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
}
.lg\:transition-opacity {
transition-property: opacity;
}
.lg\:transition-shadow {
transition-property: box-shadow;
}
.lg\:transition-transform {
transition-property: transform;
}
.lg\:ease-linear {
transition-timing-function: linear;
}
.lg\:ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.lg\:ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.lg\:ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lg\:duration-75 {
transition-duration: 75ms;
}
.lg\:duration-100 {
transition-duration: 100ms;
}
.lg\:duration-150 {
transition-duration: 150ms;
}
.lg\:duration-200 {
transition-duration: 200ms;
}
.lg\:duration-300 {
transition-duration: 300ms;
}
.lg\:duration-500 {
transition-duration: 500ms;
}
.lg\:duration-700 {
transition-duration: 700ms;
}
.lg\:duration-1000 {
transition-duration: 1000ms;
}
.lg\:delay-75 {
transition-delay: 75ms;
}
.lg\:delay-100 {
transition-delay: 100ms;
}
.lg\:delay-150 {
transition-delay: 150ms;
}
.lg\:delay-200 {
transition-delay: 200ms;
}
.lg\:delay-300 {
transition-delay: 300ms;
}
.lg\:delay-500 {
transition-delay: 500ms;
}
.lg\:delay-700 {
transition-delay: 700ms;
}
.lg\:delay-1000 {
transition-delay: 1000ms;
}
}