@font-face {
    font-family: 'newcyrillicgot';
    src: url('/fonts/newcyrillicgoth.ttf') format('truetype'),
         url('/fonts/newcyrillicgoth.woff') format('woff'),
         url('/fonts/newcyrillicgoth.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
:root {
  --main1: #777055;
  --main2: #171717;
  --main3: #111111;
  --main4: #a9a07f; 
  
  --text1: #a2a2a9;
  --text2: #2f2f2f;

  --border1: #353535;
  --shadow: #777055b5;
  --darkOutline: var(--bgInverse) 1px 0px 0px, var(--bgInverse) 0.540302px 0.841471px 0px, var(--bgInverse) -0.416147px 0.909297px 0px, var(--bgInverse) -0.989993px 0.14112px 0px, var(--bgInverse) -0.653644px -0.756803px 0px, var(--bgInverse) 0.283662px -0.958924px 0px, var(--bgInverse) 0.96017px -0.279416px 0px;
  --bgInverse: #000;
}
*,:before,:after {
    border-width:0;
}
html {
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:ui-sans-serif,system-ui,-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"
}
body {
    margin:0;
    line-height:inherit;
}

hr {
    height:0;
    color:inherit;
    border-top-width:1px
}
abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
}
a {
    text-decoration: inherit;
    color: var(--text1);
}
a:hover {
    color: var(--main4);
}
b,strong {
    font-weight:bolder
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse;
        border: 1px solid var(--border1);
}
button,input,optgroup,select,textarea {
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select {
    text-transform:none
}
button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring {
    outline:auto
}
:-moz-ui-invalid {
    box-shadow:none
}
progress {
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
summary {
    display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin:0
}
fieldset {
    margin:0;
    padding:0
}
legend {
    padding:0
}
ol,ul,menu {
    list-style:none;
    margin:0;
    padding:0
}
textarea {
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder {
    opacity:1;
    color:#9ca3af
}
button,[role=button] {
    cursor:pointer
}
:disabled {
    cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object {
    display:block;
    vertical-align:middle
}
img,video {
    max-width:100%;
    height:auto
}
[hidden] {
    display:none
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top:0;
    padding-bottom:0
}
select {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right .5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
[type=checkbox]:checked,[type=radio]:checked {
    border-color:transparent;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat
}
[type=checkbox]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
[type=radio]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus {
    border-color:transparent;
    background-color:currentColor
}
[type=checkbox]:indeterminate {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color:transparent;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat
}
[type=file]:focus {
    outline:1px solid ButtonText;
    outline:1px auto -webkit-focus-ring-color
}
[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus {
    outline:2px solid transparent;
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:0px;
    border-color:#1c64f2
}
input::-moz-placeholder,textarea::-moz-placeholder {
    color:#6b7280;
    opacity:1
}
input::placeholder,textarea::placeholder {
    color:#6b7280;
    opacity:1
}
::-webkit-datetime-edit-fields-wrapper {
    padding:0
}
::-webkit-date-and-time-value {
    min-height:1.5em
}
select {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right .5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
[multiple] {
    background-image:initial;
    background-position:initial;
    background-repeat:unset;
    background-size:initial;
    padding-right:.75rem;
    -webkit-print-color-adjust:unset;
    print-color-adjust:unset
}
[type=checkbox],[type=radio] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:0;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    display:inline-block;
    vertical-align:middle;
    background-origin:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    flex-shrink:0;
    height:1rem;
    width:1rem;
    color:#1c64f2;
    background-color:#fff;
    border-color:#6b7280;
    border-width:1px;
}
[type=checkbox] {
    border-radius:0
}
[type=radio] {
    border-radius:100%
}
[type=checkbox]:focus,[type=radio]:focus {
    outline:2px solid transparent;
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:2px;
}
[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked {
    border-color:transparent;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat
}
[type=checkbox]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
[type=radio]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
[type=checkbox]:indeterminate {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color:transparent;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat
}
[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus {
    border-color:transparent;
    background-color:currentColor
}
[type=file] {
    background:unset;
    border-color:inherit;
    border-width:0;
    border-radius:0;
    padding:0;
    font-size:unset;
    line-height:inherit
}
[type=file]:focus {
    outline:1px auto inherit
}
input[type=file]::file-selector-button {
    color: var(--main1);
    background: var(--main3);
    border:0;
    font-weight:500;
    font-size:.875rem;
    cursor:pointer;
    padding:.625rem 1rem .625rem 2rem;
    -webkit-margin-start:-1rem;
    margin-inline-start:-1rem;
    -webkit-margin-end:1rem;
    margin-inline-end:1rem
}
input[type=file]::file-selector-button:hover {
    background:var(--main4);
    color: var(--main2);
}
.dark input[type=file]::file-selector-button {
    color:#fff;
    background:#4B5563
}
.dark input[type=file]::file-selector-button:hover {
    background:#6B7280
}
input[type=range]::-webkit-slider-thumb {
    height:1.25rem;
    width:1.25rem;
    background:#1C64F2;
    border-radius:9999px;
    border:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer
}
input[type=range]:disabled::-webkit-slider-thumb {
    background:#9CA3AF
}
.dark input[type=range]:disabled::-webkit-slider-thumb {
    background:#6B7280
}
input[type=range]:focus::-webkit-slider-thumb {
    outline:2px solid transparent;
    outline-offset:2px;
    --tw-ring-opacity:1px;
}
input[type=range]::-moz-range-thumb {
    height:1.25rem;
    width:1.25rem;
    background:#1C64F2;
    border-radius:9999px;
    border:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer
}
input[type=range]:disabled::-moz-range-thumb {
    background:#9CA3AF
}
.dark input[type=range]:disabled::-moz-range-thumb {
    background:#6B7280
}
input[type=range]::-moz-range-progress {
    background:#3F83F8
}
input[type=range]::-ms-fill-lower {
    background:#3F83F8
}
.toggle-bg:after {
    content:"";
    position:absolute;
    top:.125rem;
    left:.125rem;
    background:white;
    border-color:#d1d5db;
    border-width:1px;
    border-radius:9999px;
    height:1.25rem;
    width:1.25rem;
    transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-duration:.15s;
}
input:checked+.toggle-bg:after {
    transform:translate(100%);
    border-color:#fff
}
input:checked+.toggle-bg {
    background:#1C64F2;
    border-color:#1c64f2
}
.tooltip-arrow,.tooltip-arrow:before {
    position:absolute;
    width:8px;
    height:8px;
    background:inherit
}
.tooltip-arrow {
    visibility:hidden
}
.tooltip-arrow:before {
    content:"";
    visibility:visible;
    transform:rotate(45deg)
}
[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before {
    border-style:solid;
    border-color:#e5e7eb
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before {
    border-bottom-width:1px;
    border-right-width:1px
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before {
    border-bottom-width:1px;
    border-left-width:1px
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before {
    border-top-width:1px;
    border-left-width:1px
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before {
    border-top-width:1px;
    border-right-width:1px
}
.tooltip[data-popper-placement^=top]>.tooltip-arrow {
    bottom:-4px
}
.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
    top:-4px
}
.tooltip[data-popper-placement^=left]>.tooltip-arrow {
    right:-4px
}
.tooltip[data-popper-placement^=right]>.tooltip-arrow {
    left:-4px
}
.tooltip.invisible>.tooltip-arrow:before {
    visibility:hidden
}
[data-popper-arrow],[data-popper-arrow]:before {
    position:absolute;
    width:8px;
    height:8px;
    background:inherit
}
[data-popper-arrow] {
    visibility:hidden
}
[data-popper-arrow]:before {
    content:"";
    visibility:visible;
    transform:rotate(45deg)
}
[data-popper-arrow]:after {
    content:"";
    visibility:visible;
    transform:rotate(45deg);
    position:absolute;
    width:9px;
    height:9px;
    background:inherit
}
[role=tooltip]>[data-popper-arrow]:before {
    border-style:solid;
    border-color:#e5e7eb
}
.dark [role=tooltip]>[data-popper-arrow]:before {
    border-style:solid;
    border-color:#4b5563
}
[role=tooltip]>[data-popper-arrow]:after {
    border-style:solid;
    border-color:#e5e7eb
}
.dark [role=tooltip]>[data-popper-arrow]:after {
    border-style:solid;
    border-color:#4b5563
}
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before {
    border-bottom-width:1px;
    border-right-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after {
    border-bottom-width:1px;
    border-right-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before {
    border-bottom-width:1px;
    border-left-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after {
    border-bottom-width:1px;
    border-left-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-top-width:1px;
    border-left-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after {
    border-top-width:1px;
    border-left-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before {
    border-top-width:1px;
    border-right-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after {
    border-top-width:1px;
    border-right-width:1px
}
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] {
    bottom:-5px
}
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] {
    top:-5px
}
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] {
    right:-5px
}
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] {
    left:-5px
}
[role=tooltip].invisible>[data-popper-arrow]:before {
    visibility:hidden
}
[role=tooltip].invisible>[data-popper-arrow]:after {
    visibility:hidden
}
*,:before,:after {
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-ring-offset-width:0px;
}
::backdrop {
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-ring-offset-width:0px;
}
.container {
    width:100%
}
@media (min-width:640px) {
    .container {
    max-width:640px
}
}
@media (min-width:768px) {
    .container {
    max-width:768px
}
}
@media (min-width:1024px) {
    .container {
    max-width:1024px
}
}
@media (min-width:1280px) {
    .container {
    max-width:1280px
}
}
@media (min-width:1536px) {
    .container {
    max-width:1536px
}
}
.form-input,.form-textarea,.form-select,.form-multiselect {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#fff;
    border-color:#6b7280;
    border-width:1px;
    border-radius:0;
    padding:.5rem .75rem;
    font-size:1rem;
    line-height:1.5rem;
}
.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus {
    outline:2px solid transparent;
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:0px;
    border-color:#1c64f2
}
.form-select {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    background-color: var(--main5);
    border: 1px solid var(--border1);
}
.prose.markdown.p-1.min-w-full {
    color: var(--text2);
}
.prose:where([class~="lead"]):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-lead);
    font-size:1.25em;
    line-height:1.6;
    margin-top:1.2em;
    margin-bottom:1.2em
}
.prose:where(a):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-links);
    text-decoration:underline;
    font-weight:500
}
.prose:where(strong):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-bold);
    font-weight:600
}
.prose:where(a strong):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(blockquote strong):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(thead th strong):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(ol):not(:where([class~="not-prose"] *)) {
    list-style-type:decimal;
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-left:1.625em
}
.prose:where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
    list-style-type:upper-alpha
}
.prose:where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
    list-style-type:lower-alpha
}
.prose:where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
    list-style-type:upper-alpha
}
.prose:where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
    list-style-type:lower-alpha
}
.prose:where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
    list-style-type:upper-roman
}
.prose:where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
    list-style-type:lower-roman
}
.prose:where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
    list-style-type:upper-roman
}
.prose:where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
    list-style-type:lower-roman
}
.prose:where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
    list-style-type:decimal
}
.prose:where(ul):not(:where([class~="not-prose"] *)) {
    list-style-type:disc;
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-left:1.625em
}
.prose:where(ol > li):not(:where([class~="not-prose"] *))::marker {
    font-weight:400;
    color:var(--tw-prose-counters)
}
.prose:where(ul > li):not(:where([class~="not-prose"] *))::marker {
    color:var(--tw-prose-bullets)
}
.prose:where(hr):not(:where([class~="not-prose"] *)) {
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em
}
.prose:where(blockquote):not(:where([class~="not-prose"] *)) {
    font-weight:500;
    font-style:italic;
    color:var(--tw-prose-quotes);
    border-left-width:.25rem;
    border-left-color:var(--tw-prose-quote-borders);
    quotes:"\201c""\201d""\2018""\2019";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-left:1em
}
.prose:where(blockquote p:first-of-type):not(:where([class~="not-prose"] *)):before {
    content:open-quote
}
.prose:where(blockquote p:last-of-type):not(:where([class~="not-prose"] *)):after {
    content:close-quote
}
.prose:where(h1):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-headings);
    font-weight:800;
    font-size:2.25em;
    margin-top:0;
    margin-bottom:.8888889em;
    line-height:1.1111111
}
.prose:where(h1 strong):not(:where([class~="not-prose"] *)) {
    font-weight:900;
    color:inherit
}
.prose:where(h2):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-headings);
    font-weight:700;
    font-size:1.5em;
    margin-top:2em;
    margin-bottom:1em;
    line-height:1.3333333
}
.prose:where(h2 strong):not(:where([class~="not-prose"] *)) {
    font-weight:800;
    color:inherit
}
.prose:where(h3):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    font-size:1.25em;
    margin-top:1.6em;
    margin-bottom:.6em;
    line-height:1.6
}
.prose:where(h3 strong):not(:where([class~="not-prose"] *)) {
    font-weight:700;
    color:inherit
}
.prose:where(h4):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    margin-top:1.5em;
    margin-bottom:.5em;
    line-height:1.5
}
.prose:where(h4 strong):not(:where([class~="not-prose"] *)) {
    font-weight:700;
    color:inherit
}
.prose:where(img):not(:where([class~="not-prose"] *)) {
    margin-top:2em;
    margin-bottom:2em
}
.prose:where(figure > *):not(:where([class~="not-prose"] *)) {
    margin-top:0;
    margin-bottom:0
}
.prose:where(figcaption):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-captions);
    font-size:.875em;
    line-height:1.4285714;
    margin-top:.8571429em
}
.prose:where(code):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-code);
    font-weight:600;
    font-size:.875em
}
.prose:where(code):not(:where([class~="not-prose"] *)):before {
    content:"`"
}
.prose:where(code):not(:where([class~="not-prose"] *)):after {
    content:"`"
}
.prose:where(a code):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(h1 code):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(h2 code):not(:where([class~="not-prose"] *)) {
    color:inherit;
    font-size:.875em
}
.prose:where(h3 code):not(:where([class~="not-prose"] *)) {
    color:inherit;
    font-size:.9em
}
.prose:where(h4 code):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(blockquote code):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(thead th code):not(:where([class~="not-prose"] *)) {
    color:inherit
}
.prose:where(pre):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    overflow-x:auto;
    font-weight:400;
    font-size:.875em;
    line-height:1.7142857;
    margin-top:1.7142857em;
    margin-bottom:1.7142857em;
    border-radius:.375rem;
    padding:.8571429em 1.1428571em
}
.prose:where(pre code):not(:where([class~="not-prose"] *)) {
    background-color:transparent;
    border-width:0;
    border-radius:0;
    padding:0;
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    line-height:inherit
}
.prose:where(pre code):not(:where([class~="not-prose"] *)):before {
    content:none
}
.prose:where(pre code):not(:where([class~="not-prose"] *)):after {
    content:none
}
.prose:where(table):not(:where([class~="not-prose"] *)) {
    width:100%;
    table-layout:auto;
    text-align:left;
    margin-top:2em;
    margin-bottom:2em;
    font-size:.875em;
    line-height:1.7142857;
}
.prose:where(thead):not(:where([class~="not-prose"] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders)
}
.prose:where(thead th):not(:where([class~="not-prose"] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    vertical-align:bottom;
    padding-right:.5714286em;
    padding-bottom:.5714286em;
    padding-left:.5714286em
}
.prose:where(tbody tr):not(:where([class~="not-prose"] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders)
}
.prose:where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
    border-bottom-width:0
}
.prose:where(tbody td):not(:where([class~="not-prose"] *)) {
    vertical-align:baseline
}
.prose:where(tfoot):not(:where([class~="not-prose"] *)) {
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders)
}
.prose:where(tfoot td):not(:where([class~="not-prose"] *)) {
    vertical-align:top
}
.prose {
    --tw-prose-body:#374151;
    --tw-prose-headings:#111827;
    --tw-prose-lead:#4b5563;
    --tw-prose-links:#111827;
    --tw-prose-bold:#111827;
    --tw-prose-counters:#6b7280;
    --tw-prose-bullets:#d1d5db;
    --tw-prose-hr:#e5e7eb;
    --tw-prose-quotes:#111827;
    --tw-prose-quote-borders:#e5e7eb;
    --tw-prose-captions:#6b7280;
    --tw-prose-code:#111827;
    --tw-prose-pre-code:#e5e7eb;
    --tw-prose-pre-bg:#1f2937;
    --tw-prose-th-borders:#d1d5db;
    --tw-prose-td-borders:#e5e7eb;
    --tw-prose-invert-body:#d1d5db;
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:#9ca3af;
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:#9ca3af;
    --tw-prose-invert-bullets:#4b5563;
    --tw-prose-invert-hr:#374151;
    --tw-prose-invert-quotes:#f3f4f6;
    --tw-prose-invert-quote-borders:#374151;
    --tw-prose-invert-captions:#9ca3af;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:#d1d5db;
    --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders:#4b5563;
    --tw-prose-invert-td-borders:#374151;
    font-size:1rem;
    line-height:1.75
}
.prose:where(p):not(:where([class~="not-prose"] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
}
.prose:where(video):not(:where([class~="not-prose"] *)) {
    margin-top:2em;
    margin-bottom:2em
}
.prose:where(figure):not(:where([class~="not-prose"] *)) {
    margin-top:2em;
    margin-bottom:2em
}
.prose:where(li):not(:where([class~="not-prose"] *)) {
    margin-top:.5em;
    margin-bottom:.5em
}
.prose:where(ol > li):not(:where([class~="not-prose"] *)) {
    padding-left:.375em
}
.prose:where(ul > li):not(:where([class~="not-prose"] *)) {
    padding-left:.375em
}
.prose:where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top:.75em;
    margin-bottom:.75em
}
.prose:where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.25em
}
.prose:where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.25em
}
.prose:where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.25em
}
.prose:where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.25em
}
.prose:where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"] *)) {
    margin-top:.75em;
    margin-bottom:.75em
}
.prose:where(hr + *):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose:where(h2 + *):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose:where(h3 + *):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose:where(h4 + *):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose:where(thead th:first-child):not(:where([class~="not-prose"] *)) {
    padding-left:0
}
.prose:where(thead th:last-child):not(:where([class~="not-prose"] *)) {
    padding-right:0
}
.prose:where(tbody td,tfoot td):not(:where([class~="not-prose"] *)) {
    padding:.5714286em
}
.prose:where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"] *)) {
    padding-left:0
}
.prose:where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"] *)) {
    padding-right:0
}
.prose:where(.prose >:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose:where(.prose >:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:0
}
.prose-sm:where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top:.5714286em;
    margin-bottom:.5714286em
}
.prose-sm:where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.1428571em
}
.prose-sm:where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.1428571em
}
.prose-sm:where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.1428571em
}
.prose-sm:where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.1428571em
}
.prose-sm:where(.prose >:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose-sm:where(.prose >:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:0
}
.prose-base:where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top:.75em;
    margin-bottom:.75em
}
.prose-base:where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.25em
}
.prose-base:where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.25em
}
.prose-base:where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.25em
}
.prose-base:where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.25em
}
.prose-base:where(.prose >:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose-base:where(.prose >:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:0
}
.prose-lg:where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top:.8888889em;
    margin-bottom:.8888889em
}
.prose-lg:where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.3333333em
}
.prose-lg:where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.3333333em
}
.prose-lg:where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.3333333em
}
.prose-lg:where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.3333333em
}
.prose-lg:where(.prose >:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose-lg:where(.prose >:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:0
}
.prose-xl:where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top:.8em;
    margin-bottom:.8em
}
.prose-xl:where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.2em
}
.prose-xl:where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.2em
}
.prose-xl:where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.2em
}
.prose-xl:where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.2em
}
.prose-xl:where(.prose >:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose-xl:where(.prose >:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:0
}
.prose-2xl:where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top:.8333333em;
    margin-bottom:.8333333em
}
.prose-2xl:where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.3333333em
}
.prose-2xl:where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.3333333em
}
.prose-2xl:where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:1.3333333em
}
.prose-2xl:where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:1.3333333em
}
.prose-2xl:where(.prose >:first-child):not(:where([class~="not-prose"] *)) {
    margin-top:0
}
.prose-2xl:where(.prose >:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom:0
}
.pointer-events-none {
    pointer-events:none
}
.visible {
    visibility:visible
}
.invisible {
    visibility:hidden
}
.collapse {
    visibility:collapse
}
.static {
    position:static
}
.fixed {
    position:fixed
}
.absolute {
    position:absolute
}
.relative {
    position:relative
}
.sticky {
    position:sticky
}
.inset-0 {
    top:0px;
    right:0px;
    bottom:0px;
    left:0px
}
.top-0 {
    top:0px
}
.right-0 {
    right:0px
}
.right-3 {
    right:.75rem
}
.left-0 {
    left:0px
}
.bottom-\[60px\] {
    bottom:60px
}
.bottom-0 {
    bottom:0px
}
.z-0 {
    z-index:0
}
.z-50 {
    z-index:50
}
.z-10 {
    z-index:10
}
.z-20 {
    z-index:20
}
.z-40 {
    z-index:40
}
.z-30 {
    z-index:30
}
.col-span-1 {
    grid-column:span 1 / span 1
}
.col-span-10 {
    grid-column:span 10 / span 10
}
.m-2 {
    margin:.5rem
}
.m-4 {
    margin:1rem
}
.mx-auto {
    margin-left:auto;
    margin-right:auto
}
.my-4 {
    margin-top:1rem;
    margin-bottom:1rem
}
.my-40 {
    margin-top:10rem;
    margin-bottom:10rem
}
.my-auto {
    margin-top:auto;
    margin-bottom:auto
}
.my-2 {
    margin-top:.5rem;
    margin-bottom:.5rem
}
.mx-2 {
    margin-left:.5rem;
    margin-right:.5rem
}
.ml-3 {
    margin-left:.75rem
}
.-ml-px {
    margin-left:-1px
}
.mt-1 {
    margin-top:.25rem
}
.ml-1 {
    margin-left:.25rem
}
.mt-2 {
    margin-top:.5rem
}
.mr-2 {
    margin-right:.5rem
}
.ml-2 {
    margin-left:.5rem
}
.mt-4 {
    margin-top:1rem
}
.ml-4 {
    margin-left:1rem
}
.mt-8 {
    margin-top:2rem
}
.ml-12 {
    margin-left:3rem
}
.-mt-px {
    margin-top:-1px
}
.mb-4 {
    margin-bottom:3rem;
}
.mb-auto {
    margin-bottom:auto
}
.mt-3 {
    margin-top:.75rem
}
.mr-auto {
    margin-right:auto
}
.mb-2 {
    margin-bottom:.5rem
}
.mt-6 {
    margin-top:1.5rem
}
.-mr-2 {
    margin-right:-.5rem
}
.mb-8 {
    margin-bottom:2rem
}
.mb-1 {
    margin-bottom:.25rem
}
.mb-6 {
    margin-bottom:1.5rem
}
.block {
    display:block
}
.inline {
    display:inline
}
.flex {
    display:flex;
    align-items: center;
}
.inline-flex {
    display:inline-flex;
}
.table {
    display:table;
}
.table.w-full.p-1, .table.w-full {
    width: 100%;
    background: var(--main5);
}
.grid {
    display:grid
}
.h-5 {
    height:1.25rem
}
.h-8 {
    height:2rem
}
.h-6 {
    height:1.5rem
}
.h-fit {
    height:-moz-fit-content;
    height:fit-content
}
.h-min {
    height:-moz-min-content;
    height:min-content
}
.h-80 {
    height:20rem
}
.h-12 {
    height:3rem
}
.h-4 {
    height:1rem
}
.h-36 {
    height:9rem
}
.h-96 {
    height:24rem
}
.h-3 {
    height:.75rem
}
.h-9 {
    height:2.25rem
}
.max-h-96 {
    max-height:24rem;
}
.min-h-screen {
    min-height:100vh;
}
.w-5 {
    width:1.25rem
}
.w-full {
    width:100%;
}
.w-8 {
    width:2rem;
}
.w-auto {
    width:auto;
}
.w-6 {
    width:1.5rem;
}
.w-48 {
    width:12rem;
}
.w-1\/2 {
    width:50%
}
.w-80 {
    width:20rem
}
.w-4 {
    width:1rem
}
.w-36 {
    width:9rem
}
.w-20 {
    width:5rem
}
.w-64 {
    width:16rem
}
.max-w-7xl {
    max-width:80rem
}
.max-w-fit {
    max-width:-moz-fit-content;
    max-width:fit-content
}
.max-w-3xl {
    max-width:48rem
}
.max-w-xl {
    max-width:36rem
}
.max-w-6xl {
    max-width:82rem
}
.max-w-sm {
    max-width:24rem
}
.max-w-2xl {
    max-width:42rem
}
.max-w-md {
    max-width:28rem
}
.max-w-5xl {
    max-width:64rem
}
.flex-1 {
    flex:1 1 0%
}
.flex-none {
    flex:none
}
.flex-shrink-0 {
    flex-shrink:0
}
.flex-shrink {
    flex-shrink:1
}
.shrink-0 {
    flex-shrink:0
}
.flex-grow-0 {
    flex-grow:0
}
.table-auto {
    table-layout:auto
}
.border-collapse {
    border-collapse:collapse
}
.origin-top-left {
    transform-origin:top left
}
.origin-top {
    transform-origin:top
}
.origin-top-right {
    transform-origin:top right
}
.-translate-x-full {
    --tw-translate-x:-100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-full {
    --tw-translate-x:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0 {
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-full {
    --tw-translate-y:-100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-full {
    --tw-translate-y:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-95 {
    --tw-scale-x:.95;
    --tw-scale-y:.95;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-100 {
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-none {
    transform:none
}
.cursor-default {
    cursor:default
}
.cursor-pointer {
    cursor:pointer
}
.cursor-not-allowed {
    cursor:not-allowed
}
.resize {
    resize:both
}
.list-inside {
    list-style-position:inside
}
.list-disc {
    list-style-type:disc
}
.grid-flow-col {
    grid-auto-flow:column
}
.grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-12 {
    grid-template-columns:repeat(12,minmax(0,1fr))
}
.grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-7 {
    grid-template-columns:repeat(7,minmax(0,1fr))
}
.flex-col {
    flex-direction:column
}
.flex-wrap {
    flex-wrap:wrap
}
.place-content-center {
    place-content:center
}
.items-start {
    align-items:flex-start
}
.items-end {
    align-items:flex-end
}
.items-center {
    align-items:center
}
.justify-start {
    justify-content:flex-start
}
.justify-end {
    justify-content: center;
    padding: 2rem 0rem 1rem 0rem;
}
.justify-center {
    justify-content:center
}
.justify-between {
    justify-content:space-between
}
.justify-items-center {
    justify-items:center
}
.gap-4 {
    gap:1rem
}
.gap-1 {
    gap:.25rem
}
.gap-2 {
    gap:.5rem
}
.gap-8 {
    gap:3rem
}
.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem * var(--tw-space-y-reverse));
    color: var(--text2);
}
.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem* var(--tw-space-x-reverse));
    margin-left: calc(.5rem* calc(1 - var(--tw-space-x-reverse)));
    color: var(--main1);
    font-family: monospace;
}
.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.375rem * var(--tw-space-y-reverse))
}
.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(2rem * var(--tw-space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.25rem * var(--tw-space-x-reverse));
    margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-dashed>:not([hidden])~:not([hidden]) {
    border-style:dashed
}
.divide-gray-400>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity:1;
    border-color:rgb(156 163 175 / var(--tw-divide-opacity))
}
.divide-gray-300>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-divide-opacity))
}
.place-self-start {
    place-self:start
}
.overflow-auto {
    overflow:auto
}
.overflow-hidden {
    overflow:hidden
}
.overflow-x-auto {
    overflow-x:auto
}
.whitespace-nowrap {
    white-space:nowrap
}
.rounded-l-md {
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem
}
.rounded-r-md {
    border-top-right-radius:.375rem;
    border-bottom-right-radius:.375rem
}
.rounded-t-xl {
    border-top-left-radius:.75rem;
    border-top-right-radius:.75rem
}
.rounded-b-xl {
    border-bottom-right-radius:.75rem;
    border-bottom-left-radius:.75rem
}
.rounded-l-lg {
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.rounded-r-lg {
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.border.border-gray-100.dark\:border-gray-900.rounded.overflow-hidden {
        font-size: initial;
    border: 1px solid var(--border1);
    padding: 1px 21px 1px 1px;
}
}
.border {
    white-space: nowrap;
    font-size: initial;
    border: 1px solid var(--border1);
}
.border-l-4 {
    border-left-width:4px
}
.border-r {
    border-right-width:1px
}
.border-b-2 {
    border-bottom-width:2px
}
.border-dashed {
    border-style:dashed
}
.border-gray-300 {
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity))
}
.border-transparent {
    border-color:transparent;
}
.bg-white {
text-align: left;
}
.bg-white\/50 {
    background-color:#ffffff80
}
.fill-current {
    fill:currentColor
}
.flex-shrink-0.flex.items-center {
    position: relative; 
    height: 46px;
    width: 79px;
    display: inline-block;
    background: url('/images/Union.svg') no-repeat center center;
    background-size: contain;
    overflow: hidden;
}

.flex-shrink-0.flex.items-center img {
    position: absolute; 
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0; 
    z-index: 1; 
    pointer-events: auto; 
}
.p-6 {
    padding:1.5rem;
    border: 1px solid var(--border1);
}
.p-0\.5 {
    padding:.125rem;
}
.p-0 {
    padding:0;
}
.p-1 {
    padding: 1rem 1rem 1rem .45rem;
}
.p-2\.5 {
    padding:.625rem;
}
.px-4 {
    padding-left:1rem;
    padding-right:1rem;
}
.py-2 {
    padding-top:.5rem;
    padding-bottom:.5rem;
}
.py-6 {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
}
.py-4 {
    padding-top:1rem;
    padding-bottom:1rem;
}
.px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem;
}
.px-3 {
    padding-left:.75rem;
    padding-right:.75rem;
}
.px-12 {
    padding-left:3rem;
    padding-right:3rem;
}
.py-0\.5 {
    padding-top:.125rem;
    padding-bottom:.125rem
}
.py-0 {
    padding-top:0;
    padding-bottom:0
}
.py-1 {
    padding-top:.25rem;
    padding-bottom:.25rem
}
.py-12 {
    padding-top:3rem;
    padding-bottom:3rem
}
.py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-2\.5 {
    padding-top:.625rem;
    padding-bottom:.625rem
}
.px-5 {
    padding-left:1.25rem;
    padding-right:1.25rem
}
.pl-3 {
    padding-left:.75rem
}
.pr-4 {
    padding-right:1rem
}
.pt-8 {
    padding-top:2rem
}
.pt-4 {
    padding-top:1rem
}
.pt-6 {
    padding-top:1.5rem
}
.pt-2 {
    padding-top:.5rem
}
.pb-3 {
    padding-bottom:.75rem
}
.pb-1 {
    padding-bottom:.25rem
}
.pl-2 {
    padding-left:.5rem
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right
}
.text-base {
    font-size:1rem;
    line-height:1.5rem
}
.text-xl {
    font-size:1.25rem;
    line-height:1.75rem
}
.text-6xl {
    font-size:3.75rem;
    line-height:1
}
.text-3xl {
    font-size:1.875rem;
    line-height:2.25rem
}
.text-7xl {
    font-size:4.5rem;
    line-height:1
}
.font-thin {
    font-weight:100;
}
.font-light {
    font-weight:300;
    font-size: 1rem;
}
.font-normal {
    font-weight:400
}
.capitalize {
    text-transform:capitalize
}
.italic {
    font-style:italic
}
.leading-5 {
    line-height:1.25rem
}
.leading-tight {
    line-height:1.25
}
.leading-7 {
    line-height:1.75rem
}
.leading-none {
    line-height:1
}
.leading-6 {
    line-height:1.5rem
}
.leading-9 {
    line-height:2.25rem
}
.tracking-wider {
    letter-spacing:.05em
}
.text-gray-500 {
    color: var(--main3);
    font-size: 1.4rem;    
}
.text-gray-700 {
    color: var(--text1);
    margin-bottom: 3rem;
}
.text-indigo-700 {
    --tw-text-opacity:1;
    color:rgb(81 69 205 / var(--tw-text-opacity))
}
.text-gray-300 {
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity))
}
.text-gray-400 {
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity))
}
.text-gray-600 {
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity))
}
.underline {
    text-decoration-line: underline;
}
.antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.opacity-0 {
    opacity:0
}
.opacity-100 {
    opacity:1
}
.opacity-50 {
    opacity:.5
}
.opacity-75 {
    opacity:.75
}
.outline {
    outline-style:solid
}
.transition-all {
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-opacity {
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-transform {
    transition-property:transform;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.duration-200 {
    transition-duration:.2s
}
.duration-75 {
    transition-duration:75ms
}
.ease-out {
    transition-timing-function:cubic-bezier(0,0,.2,1)
}
.ease-in {
    transition-timing-function:cubic-bezier(.4,0,1,1)
}
.line-clamp-2 {
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.focus\:z-10:focus {
    z-index:10
}
@media (min-width:640px) {
    .sm\:mt-0 {
    margin-top:0
}
.sm\:block {
    display:block
}
.sm\:flex {
display:flex;
background-color: var(--main3);
}
.sm\:hidden {
    display:none
}
.sm\:max-w-md {
    max-width:28rem
}
.sm\:flex-1 {
    flex:1 1 0%
}
.sm\:items-center {
    align-items:center
}
.flex.items-center.space-x-3 {
    display: flex;
}
.sm\:justify-start {
    justify-content:flex-start
}
.sm\:justify-center {
    justify-content:center
}
.sm\:justify-between {
justify-content: space-between;
color: var(--main1);
font-family: monospace;
background-color: transparent;
}
.sm\:pt-0 {
    padding-top:0
}
}
@media (min-width:768px) {
    .md\:flex {
    display:flex
}
.md\:grid {
    display:grid
}
.md\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.md\:flex-nowrap {
    flex-wrap:nowrap
}
.md\:gap-8 {
    gap:2rem
}
.md\:gap-4 {
    gap:1rem
}
.md\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0px * var(--tw-space-y-reverse))
}
}
@media (min-width:1024px) {
    .lg\:-my-px {
    margin-top:-1px;
    margin-bottom:-1px
}
.lg\:ml-10 {
    margin-left:2.5rem
}
.lg\:ml-6 {
    margin-left:1.5rem
}
.lg\:hidden {
    display:none
}
.lg\:max-w-md {
    max-width:28rem
}
.lg\:grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.lg\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.lg\:flex-nowrap {
    flex-wrap:nowrap
}
.lg\:items-center {
    align-items:center
}
.lg\:justify-between {
    justify-content:space-between
}
.lg\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0px * var(--tw-space-y-reverse))
}
.lg\:p-0 {
    padding:0
}
.lg\:px-8 {
    padding-left:2rem;
    padding-right:2rem
}
}
#particles-js {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:0.1;
    z-index:-1;
}
/* Авторизация */
.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem* var(--tw-space-y-reverse));
    color: var(--main4);
    font-size: larger;
    font-family: 'Bowler';
}
.w-full.sm\:max-w-md.mt-6.px-6.py-4.bg-gray-800.shadow-md.overflow-hidden.sm\:rounded-lg{
    background-color: var(--main2);
    border: 1px solid var(--border1);
}    
.block.uppercase.text-xs.text-white-700 {
    font-size: x-large;
    display: grid;
    place-items: center;
    margin: 1rem 1rem 1rem 1rem;
}
.w-100.h-100.fill-current.text-white-500{
    width: 100%;
    max-width: 372px;
    aspect-ratio: 280 / 266;
    display: flex;    
}
.inline-flex.items-center.px-4.py-2.bg-blue-500.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-blue-400.active\:bg-gray-900.focus\:outline-none.focus\:border-blue-600.focus\:ring.ring-gray-300.disabled\:opacity-25.transition.ease-in-out.duration-150.bg-indigo-500,
.inline-flex.items-center.px-4.py-2.bg-blue-500.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-blue-400.active\:bg-gray-900.focus\:outline-none.focus\:border-blue-600.focus\:ring.ring-gray-300.disabled\:opacity-25.transition.ease-in-out.duration-150 {
    color: var(--text1);
    background-color: var(--main3);
    border: 1px solid var(--border1);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    
}    
.inline-flex.items-center.px-4.py-2.bg-blue-500.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-blue-400.active\:bg-gray-900.focus\:outline-none.focus\:border-blue-600.focus\:ring.ring-gray-300.disabled\:opacity-25.transition.ease-in-out.duration-150.bg-indigo-500:hover,
.inline-flex.items-center.px-4.py-2.bg-blue-500.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-blue-400.active\:bg-gray-900.focus\:outline-none.focus\:border-blue-600.focus\:ring.ring-gray-300.disabled\:opacity-25.transition.ease-in-out.duration-150:hover {
    color: var(--main2);
    border: solid 1px var(--main1);
    background: linear-gradient(to right, transparent, transparent, var(--main1) 65%);
    background-size: 300%;
    background-position: 100% 0px;
    grid-template-columns: 2% auto 10% 2%;
    transition: 0.8s;
    filter: grayscale(0%);
    color: var(--main2);  
}
.mb-4.text-sm.text-white-800{
    color: var(--text1);
}
/*Фон*/
.bg-yellow-200 {
    background-image: url('/images/back.jpg');
    background-attachment: fixed;
}
/* Шапка */
.inline-flex.items-center.px-1.pt-1.border-b-2.border-indigo-400.text-sm.font-medium.leading-5.text-white-900.focus\:outline-none.focus\:border-indigo-700.transition.duration-150.ease-in-out {
    position: relative;
    transition: border-color 0.15s ease-in-out;
}
.inline-flex.items-center.px-1.pt-1.border-b-2.border-indigo-400.text-sm.font-medium.leading-5.text-white-900.focus\:outline-none.focus\:border-indigo-700.transition.duration-150.ease-in-out:hover {
    color: var(--main4);
    text-shadow: 0 0 10px var(--shadow);
    transition: opacity 0.4s ease-in-out;
    }
.inline-flex.items-center.px-1.pt-1.border-b-2.border-transparent.text-sm.font-medium.leading-5.text-white-500.hover\:text-white-700.hover\:border-gray-300.focus\:outline-none.focus\:text-white-700.focus\:border-gray-300.transition.duration-150.ease-in-out:hover{
    color: var(--main4);
    text-shadow: 0 0 10px var(--shadow);
    transition: opacity 0.4s ease-in-out; 
}
.bg-gray-800.border-b.border-gray-200.sticky.top-0.z-10{
    border-bottom: 1px solid var(--border1);
    height: 60px;
    background: linear-gradient(to right, #1b1b17, #171717 10% 90%, #1b1b17);
}
.inline-flex.items-center.px-1.pt-1.border-b-2.border-indigo-400.text-sm.font-medium.leading-5.text-white-900.focu\:outline-none.focus\:border-indigo-700.transition.duration-150.ease-in-out:hover{
            -webkit-transition: opacity 0.4s ease;
        display: block;
        bottom: -55%;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: -webkit-radial-gradient(#777055 2%, rgba(119, 112, 85, 0.3), transparent 70%);
        opacity: 0;
        transition: opacity 0.4s ease;
}
.lg\:flex {
    color: var(--main1);
    font-family: 'newcyrillicgot';
    padding: 0.689rem 1.25rem;
    font-size: 1.5rem;
    white-space: nowrap;
    }
    .lg\:px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem;
    place-items: center;
}
.rounded-md.ring-1.ring-black.ring-opacity-5.py-1.bg-gray-800{
    font-size: large;    
}
.hidden.lg\:flex.lg\:items-center.lg\:ml-6 {
    color: transparent;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    margin-left: 1.5rem;
    background-image: url(https://cdn-icons-png.flaticon.com/512/456/456212.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.font-semibold.text-xl.text-gray-200.leading-tight{
    color: var(--text1);
    font-family: 'newcyrillicgot';
    text-shadow: var(--darkOutline);    
    background: radial-gradient(#777055 -100%, rgba(119, 112, 85, 0.3), transparent 70%);
    display: grid;
    place-items: center;
}
/*Скролл*/
::-webkit-scrollbar {
    width: 11px;
    background: var(--text2);
    border: 5px solid var(--main2);
}
::-webkit-scrollbar-corner {
    background: var(--main2);
}
::-webkit-scrollbar-thumb {
    background: var(--main1);
    border: 5px solid var(--main2);
    height: auto;
}
/* Поиск */
[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select {
    appearance: none;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    height: 40px;
    color: var(--main1);
    background-color: var(--main2);
    border: 1px solid var(--border1);
}
.absolute.right-3.h-6.w-6.text-white-400.pointer-events-none{
    color: var(--main1);
}
.text-gray-200{
    color: var(--main1);
    font-weight: bold;
}
/* Список анкет */
.mt-8.bg-yellow-900.rounded-xl.flex-none.overflow-hidden.shadow-lg.transition.duration-150.ease-in-out.transform.hover\:-translate-y-2.hover\:scale-105{
border: 1px solid var(--border1);
filter: grayscale(68%);    
color: var(--main1);
}
.mt-8.bg-yellow-900.rounded-xl.flex-none.overflow-hidden.shadow-lg.transition.duration-150.ease-in-out.transform.hover\:-translate-y-2.hover\:scale-105:hover{
    text-decoration: none;
    color: var(--main2);
    border: solid 1px var(--main1);
    background: linear-gradient(to right, transparent, transparent, var(--main1) 65%);
    background-size: 300%;
    background-position: 100% 0px;
    grid-template-columns: 2% auto 10% 2%;
    transition: 1s;
    filter: grayscale(0%);
color: var(--main2);    
}
.font-bold.text-lg{
    font-family: 'newcyrillicgot';
    font-size: x-large;
}
.object-cover.object-top.h-36.w-36{
    border-right: 1px solid var(--border1);
    object-fit: cover;
}
/* Мои персонажи*/
.character-card{
    transition: 0.5s all;
    position: relative;
    margin: 65px auto;
    width: 200px;
    height: 400px;
    outline: 1px solid var(--border1);
    outline-offset: 45px;
}
.card-image{
    position: absolute;
    height: 400px;
    width: 200px;
    object-fit: cover;
    outline: solid 1px var(--border1);    
}
.card-image:hover {
box-shadow: 0px 0px 20px 3px var(--shadow), 0px 0px 0px 1px #a6a18b;
    transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
outline: solid 1px transparent;     
}
.card-name{
    position: absolute;
    bottom: -63px;
    background: var(--main2);
    padding: 5px 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--text1);
    border: 1px solid var(--border1);
    text-align: center;
    overflow: hidden;
    width: 178px;   
}
.card-name:hover {
    color: var(--main1);
    margin-top: 2rem;
    font-weight: bold;
    font-size: 0.678rem;
    text-transform: uppercase;
    border: 1px solid var(--main1);
    transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card-status{
    position: absolute;
    top: -58px;
    left: -28px;
    background: var(--main2);
    text-transform: uppercase;
    color: var(--text1);
    letter-spacing: 2px;
    border: 1px solid var(--border1);
}
.bg-gray-800.rounded-3xl.shadow-lg.max-w-sm.overflow-hidden.pb-4.mb-auto.text-white-400.p-4{
    margin-top: 16%;
    background: url(/images/reference.png) center / cover no-repeat;
    height: 400px;
    width: 200px;
    border: 1px solid var(--border1);
    outline: solid 1px var(--border1);
    outline-offset: 45px;
}
.bg-gray-800.rounded-3xl.shadow-lg.max-w-sm.overflow-hidden.pb-4.mb-auto.text-white-400.p-4:hover{
   box-shadow: 0px 0px 20px 3px var(--shadow), 0px 0px 0px 1px #a6a18b;
    transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
    outline: solid 1px var(--border1);
    outline-offset: 45px;
}
.px-12.py-2.text-2xl.font-bold.text-center{
    background: var(--main2);
    padding: 5px 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid var(--border1);
    text-align: center;
    overflow: hidden;
    width: 178px;
}
.text-center.font-bold.text-9xl{
display: none;
}    
/* Готовая анкета */
 .space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2rem * var(--tw-space-y-reverse));
    background-color: var(--main3);
    border: 1px solid var(--border1);    
}
.m-2 {
    border: 1px solid var(--border1);
    background-color: var(--main3);
    color: var(--text1);
    font-family: ui-monospace;
    font-size: large;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m-2:hover{
    color: var(--main1);
}
.max-w-none {
    padding: 0rem 1rem 1rem 1rem;
    color: var(--text1);
    font-size: 1.1rem;
}
.space-x-2, .underline.text-sm.text-blue-600.hover\:text-white-900 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-grey-100.font-bold.text-xl.text-gray-700.mb-2{
    font-family: 'newcyrillicgot';
    font-size: xx-large;
    text-shadow: var(--darkOutline);
    background: radial-gradient(#777055 -100%, rgba(119, 112, 85, 0.3), transparent 70%);
    display: grid;
    place-items: center;
}
.lg\:flex.lg\:justify-between.lg\:items-center.text-white-800{
    width: 100%;
    margin: 0px 15px 25px;
    overflow: hidden;
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid var(--border1);
    background: url(https://i.ibb.co/zhzbGNk/textureimg.png), #222;
    background-blend-mode: darken;
    background-position: 30% 254%;
    background-attachment: fixed;
}
.flex.flex-wrap.justify-center:not(.gap-8):not(.p-2):not(.lg\:flex-nowrap) {
    border: 1px solid var(--border1);
    background-color: var(--main2);
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: stretch;
    max-height: 168px;
    width: 35%;
    justify-content: space-around;
    align-content: flex-start;
}
.text-center.text-lg.lg\:text-left {
    border: 1px solid var(--border1);
    background-color: var(--main2);
    display: flex;
    flex-direction: column;
    padding: 2rem 1rem 2rem 1rem;
    align-items: stretch;
}
.flex.flex-wrap.lg\:flex-nowrap.justify-center.gap-8.p-2.lg\:p-0{
    background: var(--main2);
    border: 1px solid var(--border1);    
}
.bg-gray-200.rounded-xl.shadow-lg.p-4.text-justify.lg\:max-w-md.max-w-fit.my-auto.flex-none.p-0{
    margin-top: 1rem;
    position: sticky;
    top: 20px;
    filter: grayscale(68%);
    border: solid 1px var(--border1);
    padding: 10px;  
}
.bg-gray-200.rounded-xl.shadow-lg.p-4.text-justify.lg\:max-w-md.max-w-fit.my-auto.flex-none.p-0:hover{
    transition: 1s;
    filter: grayscale(0%);   
}
.word-break{
    background-color: var(--main3);
    border: 1px solid var(--border1);
    color: var(--text1);
    outline: solid 3px #77705524;
    outline-offset: -8px;
    height: auto;
    position: relative;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1rem;
}
.bg-gray-200.rounded-xl.shadow-lg.p-4.text-justify.max-w-max.mx-auto {
    max-width: 800px;
    width: 100%;
    background-color: var(--main3);
}
.inline-flex.items-center.py-2.px-4.gap-2.font-medium.text-white-800.bg-gray-800.border-b.border-l.border-r.border-gray-200.hover\:bg-gray-100.my-2.w-full.border-t{
    color: var(--main1);
    outline: solid 3px #77705524;
    outline-offset: -8px;
    background: linear-gradient(-135deg, var(--main2) 30%, var(--shadow));
    background-size: 400% 100%;
    background-position: 65% 0%;
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.bg-gray-200.rounded-xl.shadow-lg.p-4.text-justify.w-full.my-auto{
    background-color: var(--main2);    
}
.p-2.text-xl.text-center.font-bold.border.border-t-0.border-purple-200, .p-2.text-xl.text-center.font-bold.border.border-t-0.border-cyan-200, .p-2.text-xl.text-center.font-bold.border.border-t-0.border-red-200, .p-2.text-xl.text-center.font-bold.border.border-t-0.border-green-200{
    color: var(--main1);
text-align: center;    
}
.bg-red-200.rounded-xl.text-center.text-lg.font-bold, .bg-purple-200.rounded-xl.text-center.text-lg.font-bold, .bg-green-200.rounded-xl.text-center.text-lg.font-bold, .bg-cyan-200.rounded-xl.text-center.text-lg.font-bold{   
    color: var(--main1);
    text-align: center;   
    background-color: var(--main3);    
}
.p-2.border.border-2.border-red-400.rounded-xl, .p-2.border.border-2.border-green-400.rounded-xl, .p-2.border.border-2.border-purple-400.rounded-xl, .p-2.border.border-2.border-cyan-400.rounded-xl{
    color: var(--text1);
}    
/* Скины */
.bg-gray-800.rounded-xl.shadow-lg.p-6.w-auto{
    background: var(--main2);
    color: var(--text1);
}
.px-4.py-2.border{
border: 1px solid var(--border1);
color: var(--text1);
}
/* Шаблон анкеты*/
.text-xl.font-bold.text-white-700.uppercase.mb-4{
    font-family: 'newcyrillicgot';
    font-size: xx-large;
    color: var(--text1);
    text-shadow: var(--darkOutline);
    background: radial-gradient(#777055 -100%, rgba(119, 112, 85, 0.3), transparent 70%);
    display: grid;
    place-items: center;
}
.block.uppercase.text-xs.text-white-700{
    color: var(--main1);
    place-items: baseline;
    font-family: auto;
}
.border.border-gray-200.p-2.w-full.rounded{
background-color: var(--main3);
    color: var(--main4);
    border: 1px solid var(--border1);
    height: 2rem;
}
.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem* var(--tw-space-y-reverse));
    color: var(--text1);
    font-size: 1.1rem;
}
.space-y-6{
    color: var(--text1);
    font-size: 1.1rem;    
}
.flex.space-x-2{
    border: 1px solid var(--border1);
    background-color: var(--main3);
}
.font-bold.text-gray-800.text-lg.text-center.flex.justify-center{
    font-family: auto;
    border: 1px solid var(--border1);
    background-color: var(--main3);
    padding: 6px 6px 6px 6px;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.font-bold.text-yellow-200.text-lg.text-center.flex.justify-center{
    color: var(--main1);
    font-family: auto;
    padding: 6px 6px 6px 6px;
}
.lg\:flex.lg\:space-y-0.space-y-4.gap-4{
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
}
.border.border-red-300.bg-red-200.p-2.text-center.text-xl,
.border.border-cyan-300.bg-cyan-200.p-2.text-center.text-xl{
color: var(--main1);
background-color: var(--main3);
}
.p-2.text-lg{
    color: var(--text1);
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
/* Пользователи */
.bg-gray-800.rounded-xl.shadow-lg.p-7.w-auto{
        background-color: var(--main2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.px-4.py-2.border.border-gray-400{
    font-weight: 900;
    color: var(--text1);
    border: 1px solid var(--border1);    
}
.w-min {
    width: auto;
    white-space: nowrap;
}
.border{
border: 1px solid var(--border1);
}
.py-2.border.hover\:bg-gray-100:hover{
    background-color: var(--main3);
}    
/* Заявки */
.bg-gray-200.rounded-xl.shadow-lg.p-4.text-justify.p-6{
background: var(--main2);
}