:root {background-size:100%; background-color:#1f1f1f; background-repeat:no-repeat; background-image:url(../img/background1.jpg); background-attachment:fixed; background-position:center top; background-size:auto!important}
:root[data-theme="dark"] {background-image:url(../img/background1.jpg)!important; background-color:#1f1f1f!important}
.prose h2 {margin-bottom: 10px;}
.w-full {margin-bottom: 10px}
.episode-title h2 {margin-bottom: 0px;}
p {margin-bottom: 10px;}

.title_hide {left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0;}
.berrors {background: #ffe6dd;border: 1px solid #f0c4b5;color: #553c33;padding: 20px 25px;height: 1%;border-radius: 2px;box-sizing: border-box;}

@media only screen and (max-width:768px) {
 :root {background-size:100%!important}
 .slogan-text {margin-top:-25px!important}
 .mesto3 .w-full {margin-left:0}
.w-full {display:block}
.gap-2 {justify-content:space-between}
.names {margin-left:-20px}
}
 .children {margin-left:20px; border-left:2px solid #eee; padding-left:10px}
 .avatars button {border:none; background:none; cursor:pointer}
 .avatar-btn img {border:2px solid transparent; transition:border 0.3s}
 .avatar-btn.selected img {border:2px solid #3498db}
 .comments-section h2 {font-size:1.5em; margin-bottom:20px; margin-top:1rem}
 .comment {background-color:#f9f9f9; padding:15px; border-radius:8px; margin-bottom:10px}
 .comment .children {margin-top:10px}
 .comments-section form {background-color:#f1f1f1; padding:20px; border-radius:8px}
*,:before,:after {box-sizing:border-box; border-width:0; border-style:solid; border-color:#e5e7eb}
:before,:after {--tw-content:""}
html,:host {line-height:1.5; -webkit-text-size-adjust:100%; -moz-tab-size:4; -o-tab-size:4; tab-size:4; font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; font-feature-settings:normal; font-variation-settings:normal; -webkit-tap-highlight-color:transparent}
body {margin:0; line-height:inherit}
hr {height:0; color:inherit; border-top-width:1px}
.poster-loader {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; z-index:10}
.loading-spinner {text-align:center; color:white}
.spinner {width:40px; height:40px; margin:0 auto 10px; border:4px solid #f3f3f3; border-top:4px solid #92d050; border-radius:50%; animation:spin 1s linear infinite}
@keyframes spin {0% {transform:rotate(0deg)}
 100% {transform:rotate(360deg)}
}
abbr:where([title]) {-webkit-text-decoration:underline dotted; text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6 {font-size:inherit; font-weight:inherit}
a {color:inherit; text-decoration:inherit}
b,strong {font-weight:bolder}
code,kbd,samp,pre {font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-feature-settings:normal; font-variation-settings:normal; font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
table {text-indent:0; border-color:inherit; border-collapse:collapse}
button,input,optgroup,select,textarea {font-family:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-size:100%; font-weight:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; margin:0; padding:0}
button,select {text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {-webkit-appearance:button; background-color:transparent; background-image:none}
:-moz-focusring {outline:auto}
:-moz-ui-invalid {box-shadow:none}
progress {vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield; outline-offset:-2px}
::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button; font:inherit}
summary {display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,pre {margin:0}
fieldset {margin:0; padding:0}
legend {padding:0}
ol,ul,menu {list-style:none; margin:0; padding:0}
dialog {padding:0}
textarea {resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder {opacity:1; color:#9ca3af}
input::placeholder,textarea::placeholder {opacity:1; color:#9ca3af}
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}
:root,[data-theme] {background-color:var(--fallback-b1,oklch(var(--b1)/1)); color:var(--fallback-bc,oklch(var(--bc)/1))}
@supports not (color:oklch(0% 0 0)) {:root {color-scheme:light; --fallback-p:#491eff; --fallback-pc:#d4dbff; --fallback-s:#ff41c7; --fallback-sc:#fff9fc; --fallback-a:#00cfbd; --fallback-ac:#00100d; --fallback-n:#2b3440; --fallback-nc:#d7dde4; --fallback-b1:#ffffff; --fallback-b2:#e5e6e6; --fallback-b3:#e5e6e6; --fallback-bc:#1f2937; --fallback-in:#00b3f0; --fallback-inc:#000000; --fallback-su:#00ca92; --fallback-suc:#000000; --fallback-wa:#ffc22d; --fallback-wac:#000000; --fallback-er:#ff6f70; --fallback-erc:#000000 }
 @media (prefers-color-scheme:dark) {:root {color-scheme:dark; --fallback-p:#7582ff; --fallback-pc:#050617; --fallback-s:#ff71cf; --fallback-sc:#190211; --fallback-a:#00c7b5; --fallback-ac:#000e0c; --fallback-n:#2a323c; --fallback-nc:#a6adbb; --fallback-b1:#1d232a; --fallback-b2:#191e24; --fallback-b3:#15191e; --fallback-bc:#a6adbb; --fallback-in:#00b3f0; --fallback-inc:#000000; --fallback-su:#00ca92; --fallback-suc:#000000; --fallback-wa:#ffc22d; --fallback-wac:#000000; --fallback-er:#ff6f70; --fallback-erc:#000000 }
 }
}
html {-webkit-tap-highlight-color:transparent}
* {scrollbar-color:currentColor transparent}
:root {--p:70.5723% .068132 120.478517; --in:72.06% .191 231.6; --su:64.8% .15 160; --wa:84.71% .199 83.87; --er:71.76% .221 22.18; --inc:0 0 0; --suc:0 0 0; --wac:0 0 0; --erc:0 0 0; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --pc:34.3545% .007487 153.50237; --s:24.3535% 0 0; --sc:100% 0 0; --a:26.4918% .012574 150.15215; --ac:14.1853% .041852 135.563066; --n:70.5723% .068132 120.478517; --nc:100% 0 0; --b1:31.4791% .009855 151.52758; --b2:77.1604% .00544 247.89528; --b3:92.9941% .033426 272.78788; --bc:100% 0 0}
[data-theme=dark] {--p:70.5723% .068132 120.478517; --in:72.06% .191 231.6; --su:64.8% .15 160; --wa:84.71% .199 83.87; --er:71.76% .221 22.18; --inc:0 0 0; --suc:0 0 0; --wac:0 0 0; --erc:0 0 0; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --pc:34.3545% .007487 153.50237; --s:24.3535% 0 0; --sc:100% 0 0; --a:26.4918% .012574 150.15215; --ac:14.1853% .041852 135.563066; --n:70.5723% .068132 120.478517; --nc:100% 0 0; --b1:31.4791% .009855 151.52758; --b2:77.1604% .00544 247.89528; --b3:92.9941% .033426 272.78788; --bc:100% 0 0}
[data-theme=light] {--p:76.8041% .172808 124.015304; --in:72.06% .191 231.6; --su:64.8% .15 160; --wa:84.71% .199 83.87; --er:71.76% .221 22.18; --inc:0 0 0; --suc:0 0 0; --wac:0 0 0; --erc:0 0 0; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --pc:95.466% .05276 115.468597; --s:100% 0 0; --sc:39.003% .013733 243.956151; --a:92.3001% .098939 122.933437; --ac:14.1853% .041852 135.563066; --n:76.8041% .172808 124.015304; --nc:39.003% .013733 243.956151; --b1:92.3001% .098939 122.933437; --b2:39.003% .013733 243.956151; --b3:92.9941% .033426 272.78788; --bc:39.003% .013733 243.956151}
*,:before,:after {--tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width:0; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246 / .5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia:; --tw-contain-size:; --tw-contain-layout:; --tw-contain-paint:; --tw-contain-style:}
::backdrop {--tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width:0; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246 / .5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia:; --tw-contain-size:; --tw-contain-layout:; --tw-contain-paint:; --tw-contain-style:}
.prose {color:var(--tw-prose-body); max-width:65ch}
.prose:where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:1.25em; margin-bottom:1.25em}
.prose:where([class~=lead]):not(:where([class~=not-prose],[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],[class~=not-prose] *)) {color:var(--tw-prose-links); text-decoration:underline; font-weight:500}
.prose:where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {color:var(--tw-prose-bold); font-weight:600}
.prose:where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:decimal; margin-top:1.25em; margin-bottom:1.25em; padding-inline-start:1.625em}
.prose:where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:upper-alpha}
.prose:where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:lower-alpha}
.prose:where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:upper-alpha}
.prose:where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:lower-alpha}
.prose:where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:upper-roman}
.prose:where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:lower-roman}
.prose:where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:upper-roman}
.prose:where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:lower-roman}
.prose:where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:decimal}
.prose:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {list-style-type:disc; margin-top:1.25em; margin-bottom:1.25em; padding-inline-start:1.625em}
.prose:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {font-weight:400; color:var(--tw-prose-counters)}
.prose:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {color:var(--tw-prose-bullets)}
.prose:where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {color:var(--tw-prose-headings); font-weight:600; margin-top:1.25em}
.prose:where(hr):not(:where([class~=not-prose],[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],[class~=not-prose] *)) {font-weight:500; font-style:italic; color:var(--tw-prose-quotes); border-inline-start-width:.25rem; border-inline-start-color:var(--tw-prose-quote-borders); quotes:"“""”""‘""’"; margin-top:1.6em; margin-bottom:1.6em; padding-inline-start:1em}
.prose:where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before {content:open-quote}
.prose:where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {content:close-quote}
.prose:where(h1):not(:where([class~=not-prose],[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],[class~=not-prose] *)) {font-weight:900; color:inherit}
.prose:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {color:var(--tw-prose-headings); font-weight:700; font-size:1.5em; margin-bottom:1em; line-height:1.3333333}
.prose:where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {font-weight:800; color:inherit}
.prose:where(h3):not(:where([class~=not-prose],[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],[class~=not-prose] *)) {font-weight:700; color:inherit}
.prose:where(h4):not(:where([class~=not-prose],[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],[class~=not-prose] *)) {font-weight:700; color:inherit}
.prose:where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:2em; margin-bottom:2em}
.prose:where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {display:block; margin-top:2em; margin-bottom:2em}
.prose:where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:2em; margin-bottom:2em}
.prose:where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {font-weight:500; font-family:inherit; color:var(--tw-prose-kbd); box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%); font-size:.875em; border-radius:.3125rem; padding-top:.1875em; padding-inline-end:.375em; padding-bottom:.1875em; padding-inline-start:.375em}
.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:var(--tw-prose-code); font-weight:600; font-size:.875em}
.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before {content:"`"}
.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {content:"`"}
.prose:where(a code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit; font-size:.875em}
.prose:where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit; font-size:.9em}
.prose:where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)) {color:inherit}
.prose:where(pre):not(:where([class~=not-prose],[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-top:.8571429em; padding-inline-end:1.1428571em; padding-bottom:.8571429em; padding-inline-start:1.1428571em}
.prose:where(pre code):not(:where([class~=not-prose],[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],[class~=not-prose] *)):before {content:none}
.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {content:none}
.prose:where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {width:100%; table-layout:auto; text-align:start; margin-top:2em; margin-bottom:2em; font-size:.875em; line-height:1.7142857}
.prose:where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {border-bottom-width:1px; border-bottom-color:var(--tw-prose-th-borders)}
.prose:where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {color:var(--tw-prose-headings); font-weight:600; vertical-align:bottom; padding-inline-end:.5714286em; padding-bottom:.5714286em; padding-inline-start:.5714286em}
.prose:where(tbody tr):not(:where([class~=not-prose],[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],[class~=not-prose] *)) {border-bottom-width:0}
.prose:where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {vertical-align:baseline}
.prose:where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)) {border-top-width:1px; border-top-color:var(--tw-prose-th-borders)}
.prose:where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {vertical-align:top}
.prose:where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0; margin-bottom:0}
.prose:where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {color:var(--tw-prose-captions); font-size:.875em; line-height:1.4285714; margin-top:.8571429em}
.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-kbd:#111827; --tw-prose-kbd-shadows:17 24 39; --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-kbd:#fff; --tw-prose-invert-kbd-shadows:255 255 255; --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(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0; margin-bottom:0}
.prose:where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:.5em; margin-bottom:.5em}
.prose:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-inline-start:.375em}
.prose:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-inline-start:.375em}
.prose:where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:.75em; margin-bottom:.75em}
.prose:where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:1.25em}
.prose:where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-bottom:1.25em}
.prose:where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:1.25em}
.prose:where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-bottom:1.25em}
.prose:where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:.75em; margin-bottom:.75em}
.prose:where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:1.25em; margin-bottom:1.25em}
.prose:where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:.5em; padding-inline-start:1.625em}
.prose:where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0}
.prose:where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0}
.prose:where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0}
.prose:where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0}
.prose:where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-inline-start:0}
.prose:where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-inline-end:0}
.prose:where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-top:.5714286em; padding-inline-end:.5714286em; padding-bottom:.5714286em; padding-inline-start:.5714286em}
.prose:where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-inline-start:0}
.prose:where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {padding-inline-end:0}
.prose:where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:2em; margin-bottom:2em}
.prose:where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-top:0}
.prose:where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {margin-bottom:0; text-align:justify}
.alert {display:grid; width:100%; grid-auto-flow:row; align-content:flex-start; align-items:center; justify-items:center; gap:1rem; text-align:center; border-radius:var(--rounded-box,1rem); border-width:1px; --tw-border-opacity:1; border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); padding:1rem; --tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --alert-bg:var(--fallback-b2,oklch(var(--b2)/1)); --alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1)); background-color:var(--alert-bg)}
@media (min-width:640px) {.alert {grid-auto-flow:column; grid-template-columns:auto minmax(auto,1fr); justify-items:start; text-align:start }
}
 .comment.comment-top.mesto1 {background-image:url(../img/fon-1.png); font-size:18px; color:#10ff3a; line-height:24px; background-position:center; background-repeat:no-repeat; background-size:cover}
 .mesto1 .spoiler-toggle {background-color:#0c0c0cd4!important; border-radius:8px}
 .comment.comment-top.mesto2 {background-image:url(../img/fon-2.png); background-position:center; background-repeat:no-repeat; background-size:cover; font-size:18px; color:#202120; line-height:24px}
 .comment.comment-top.mesto3 {background-image:url(../img/fon-3.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#ffffff; line-height:24px}
 .mesto3 .w-full {margin-left:16px}
 .comment.comment-dislike {background-image:url(../img/fon-4.png); font-size:18px; color:#898989; line-height:24px; background-position:center; background-repeat:no-repeat; background-size:cover; background-position-y:100%}
.avatar {position:relative; display:inline-flex}
.avatar>div {display:block; aspect-ratio:1 / 1; overflow:hidden}
.avatar img {height:100%; width:100%; -o-object-fit:cover; object-fit:cover}
.avatar.placeholder>div {display:flex; align-items:center; justify-content:center}
.breadcrumbs {max-width:100%; overflow-x:auto; padding-top:.2rem; padding-bottom:.2rem}
.breadcrumbs>ul,.breadcrumbs>ol {display:flex; align-items:center; white-space:nowrap; min-height:-moz-min-content; min-height:min-content}
.breadcrumbs>ul>li,.breadcrumbs>ol>li {display:flex; align-items:center}
.breadcrumbs>ul>li>a,.breadcrumbs>ol>li>a {display:flex; cursor:pointer; align-items:center}
@media (hover:hover) {.breadcrumbs>ul>li>a:hover,.breadcrumbs>ol>li>a:hover {text-decoration-line:underline }
 .label a:hover {--tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) }
 .menu li>*:not(ul,.menu-title,details,.btn):active,.menu li>*:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active {--tw-bg-opacity:1; background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity:1; color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) }
 .table tr.hover:hover,.table tr.hover:nth-child(2n):hover {--tw-bg-opacity:1; background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) }
 .table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover {--tw-bg-opacity:1; background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) }
}
.btn {display:inline-flex; height:3rem; min-height:3rem; flex-shrink:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:var(--rounded-btn,.5rem); border-color:transparent; border-color:oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity)); padding-left:1rem; padding-right:1rem; text-align:center; font-size:.875rem; line-height:1em; gap:.5rem; font-weight:600; text-decoration-line:none; transition-duration:.2s; transition-timing-function:cubic-bezier(0,0,.2,1); border-width:var(--border-btn,1px); transition-property:color,background-color,border-color,opacity,box-shadow,transform; --tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); outline-color:var(--fallback-bc,oklch(var(--bc)/1)); background-color:oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity)); --tw-bg-opacity:1; --tw-border-opacity:1}
.btn-disabled,.btn[disabled],.btn:disabled {pointer-events:none}
.btn-circle {height:3rem; width:3rem; border-radius:9999px; padding:0}
:where(.btn:is(input[type=checkbox])),:where(.btn:is(input[type=radio])) {width:auto; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after {--tw-content:attr(aria-label); content:var(--tw-content)}
.checkbox {flex-shrink:0; --chkbg:var(--fallback-bc,oklch(var(--bc)/1)); --chkfg:var(--fallback-b1,oklch(var(--b1)/1)); height:1.5rem; width:1.5rem; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:var(--rounded-btn,.5rem); border-width:1px; border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity:.2}
.divider {display:flex; flex-direction:row; align-items:center; align-self:stretch; margin-top:1rem; margin-bottom:1rem; height:1rem; white-space:nowrap}
.divider:before,.divider:after {height:.125rem; width:100%; flex-grow:1; --tw-content:""; content:var(--tw-content); background-color:var(--fallback-bc,oklch(var(--bc)/.1))}
.dropdown {position:relative; display:inline-block}
.dropdown>*:not(summary):focus {outline:2px solid transparent; outline-offset:2px}
.dropdown .dropdown-content {position:absolute}
.dropdown:is(:not(details)) .dropdown-content {visibility:hidden; opacity:0; transform-origin:top; --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)); transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(0,0,.2,1); transition-duration:.2s}
.dropdown-end .dropdown-content {inset-inline-end:0}
.dropdown-left .dropdown-content {bottom:auto; inset-inline-end:100%; top:0; transform-origin:right}
.dropdown-right .dropdown-content {bottom:auto; inset-inline-start:100%; top:0; transform-origin:left}
.dropdown-bottom .dropdown-content {bottom:auto; top:100%; transform-origin:top}
.dropdown-top .dropdown-content {bottom:100%; top:auto; transform-origin:bottom}
.dropdown-end.dropdown-right .dropdown-content,.dropdown-end.dropdown-left .dropdown-content {bottom:0; top:auto}
.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:focus-within .dropdown-content {visibility:visible; opacity:1}
@media (hover:hover) {.dropdown.dropdown-hover:hover .dropdown-content {visibility:visible; opacity:1 }
 .btn:hover {--tw-border-opacity:1; border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); --tw-bg-opacity:1; background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) }
 @supports (color:color-mix(in oklab,black,black)) {.btn:hover {background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%,black); border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%,black) }
 }
 @supports not (color:oklch(0% 0 0)) {.btn:hover {background-color:var(--btn-color,var(--fallback-b2)); border-color:var(--btn-color,var(--fallback-b2)) }
 }
 .btn.glass:hover {--glass-opacity:25%; --glass-border-opacity:15% }
 .btn-outline.btn-primary:hover {--tw-text-opacity:1; color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))) }
 @supports (color:color-mix(in oklab,black,black)) {.btn-outline.btn-primary:hover {background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black); border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black) }
 }
 .btn-outline.btn-accent:hover {--tw-text-opacity:1; color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))) }
 @supports (color:color-mix(in oklab,black,black)) {.btn-outline.btn-accent:hover {background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,black); border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,black) }
 }
 .btn-disabled:hover,.btn[disabled]:hover,.btn:disabled:hover {--tw-border-opacity:0; background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity:.2; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity:.2 }
 @supports (color:color-mix(in oklab,black,black)) {.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover {background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black); border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black) }
 }
 .dropdown.dropdown-hover:hover .dropdown-content {--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)) }
:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover {cursor:pointer; outline:2px solid transparent; outline-offset:2px }
 @supports (color:oklch(0% 0 0)) {:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover {background-color:var(--fallback-bc,oklch(var(--bc)/.1)) }
 }
}
.dropdown:is(details) summary::-webkit-details-marker {display:none}
.footer {display:grid; width:100%; grid-auto-flow:row; place-items:start; -moz-column-gap:1rem; column-gap:1rem; row-gap:2.5rem; font-size:.875rem; line-height:1.25rem}
footer a {color:#aa353b}
.footer>* {display:grid; place-items:start; gap:.5rem}
@media (min-width:48rem) {.footer {grid-auto-flow:column }
 .footer-center {grid-auto-flow:row dense }
}
.form-control {display:flex; flex-direction:column}
.label {display:flex; -webkit-user-select:none; -moz-user-select:none; user-select:none; align-items:center; justify-content:space-between; padding:.5rem .25rem}
.input {flex-shrink:1; -webkit-appearance:none; -moz-appearance:none; appearance:none; height:3rem; padding-left:1rem; padding-right:1rem; font-size:1rem; line-height:2; line-height:1.5rem; border-radius:var(--rounded-btn,.5rem); border-width:1px; border-color:transparent; --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.input[type=number]::-webkit-inner-spin-button,.input-md[type=number]::-webkit-inner-spin-button {margin-top:-1rem; margin-bottom:-1rem; margin-inline-end:-1rem}
.join .dropdown .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .dropdown .join-item {border-start-end-radius:inherit; border-end-end-radius:inherit}
.link {cursor:pointer; text-decoration-line:underline}
.menu {display:flex; flex-direction:column; flex-wrap:wrap; font-size:.875rem; line-height:1.25rem; padding:.5rem}
.menu:where(li ul) {position:relative; white-space:nowrap; margin-inline-start:1rem; padding-inline-start:.5rem}
.menu:where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu:where(li:not(.menu-title)>details>summary:not(.menu-title)) {display:grid; grid-auto-flow:column; align-content:flex-start; align-items:center; gap:.5rem; grid-auto-columns:minmax(auto,max-content) auto max-content; -webkit-user-select:none; -moz-user-select:none; user-select:none}
.menu li.disabled {cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; user-select:none; color:var(--fallback-bc,oklch(var(--bc)/.3))}
.menu:where(li>.menu-dropdown:not(.menu-dropdown-show)) {display:none}
:where(.menu li) {position:relative; display:flex; flex-shrink:0; flex-direction:column; flex-wrap:wrap; align-items:stretch}
:where(.menu li) .badge {justify-self:end}
.progress {position:relative; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; overflow:hidden; height:.5rem; border-radius:var(--rounded-box,1rem); background-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.swap {position:relative; display:inline-grid; -webkit-user-select:none; -moz-user-select:none; user-select:none; place-content:center; cursor:pointer}
.swap>* {grid-column-start:1; grid-row-start:1; transition-duration:.3s; transition-timing-function:cubic-bezier(0,0,.2,1); transition-property:transform,opacity}
.swap input {-webkit-appearance:none; -moz-appearance:none; appearance:none}
.swap .swap-on,.swap .swap-indeterminate,.swap input:indeterminate~.swap-on {opacity:0}
.swap input:checked~.swap-off,.swap-active .swap-off,.swap input:indeterminate~.swap-off {opacity:0}
.swap input:checked~.swap-on,.swap-active .swap-on,.swap input:indeterminate~.swap-indeterminate {opacity:1}
.table {position:relative; width:100%; border-radius:var(--rounded-box,1rem); text-align:left; font-size:.875rem; line-height:1.25rem}
.table:where(.table-pin-rows thead tr) {position:sticky; top:0; z-index:1; --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.table:where(.table-pin-rows tfoot tr) {position:sticky; bottom:0; z-index:1; --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.table:where(.table-pin-cols tr th) {position:sticky; left:0; right:0; --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.textarea {min-height:3rem; flex-shrink:1; padding:.5rem 1rem; font-size:.875rem; line-height:1.25rem; line-height:2; border-radius:var(--rounded-btn,.5rem); border-width:1px; border-color:transparent; --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.toggle {flex-shrink:0; --tglbg:var(--fallback-b1,oklch(var(--b1)/1)); --handleoffset:1.5rem; --handleoffsetcalculator:calc(var(--handleoffset) * -1); --togglehandleborder:0 0; height:1.5rem; width:3rem; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:var(--rounded-badge,1.9rem); border-width:1px; border-color:currentColor; background-color:currentColor; color:var(--fallback-bc,oklch(var(--bc)/.5)); transition:background,box-shadow var(--animation-input,.2s) ease-out; box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder)}
.alert-error {border-color:var(--fallback-er,oklch(var(--er)/.2)); --tw-text-opacity:1; color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); --alert-bg:var(--fallback-er,oklch(var(--er)/1)); --alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1))}
.avatar-group:where(.avatar) {overflow:hidden; border-radius:9999px; border-width:4px; --tw-border-opacity:1; border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)))}
.btm-nav>*:where(.active) {border-top-width:2px; --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.btm-nav>* .label {font-size:1rem; line-height:1.5rem}
.breadcrumbs>ul>li>a:focus,.breadcrumbs>ol>li>a:focus {outline:2px solid transparent; outline-offset:2px}
.breadcrumbs>ul>li>a:focus-visible,.breadcrumbs>ol>li>a:focus-visible {outline:2px solid currentColor; outline-offset:2px}
.breadcrumbs>ul>li+*:before,.breadcrumbs>ol>li+*:before {content:""; margin-left:.5rem; margin-right:.75rem; display:block; height:.375rem; width:.375rem; --tw-rotate:45deg; 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)); opacity:.4; border-top:1px solid; border-right:1px solid; background-color:transparent}
[dir=rtl] .breadcrumbs>ul>li+*:before,[dir=rtl] .breadcrumbs>ol>li+*:before {--tw-rotate:-135deg}
@media (prefers-reduced-motion:no-preference) {.btn {animation:button-pop var(--animation-btn,.25s) ease-out }
}
.btn:active:hover,.btn:active:focus {animation:button-pop 0s ease-out; transform:scale(var(--btn-focus-scale,.97))}
@supports not (color:oklch(0% 0 0)) {.btn {background-color:var(--btn-color,var(--fallback-b2)); border-color:var(--btn-color,var(--fallback-b2)) }
 .btn-primary {--btn-color:var(--fallback-p) }
 .btn-accent {--btn-color:var(--fallback-a) }
 .prose:where(code):not(:where([class~=not-prose] *,pre *)) {background-color:var(--fallback-b3,oklch(var(--b3)/1)) }
}
@supports (color:color-mix(in oklab,black,black)) {.btn-outline.btn-primary.btn-active {background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black); border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black) }
 .btn-outline.btn-accent.btn-active {background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,black); border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,black) }
}
.btn:focus-visible {outline-style:solid; outline-width:2px; outline-offset:2px}
.btn-primary {--tw-text-opacity:1; color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); outline-color:var(--fallback-p,oklch(var(--p)/1))}
@supports (color:oklch(0% 0 0)) {.btn-primary {--btn-color:var(--p) }
 .btn-accent {--btn-color:var(--a) }
}
.btn-accent {--tw-text-opacity:1; color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); outline-color:var(--fallback-a,oklch(var(--a)/1))}
.btn.glass {--tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); outline-color:currentColor}
.btn.glass.btn-active {--glass-opacity:25%; --glass-border-opacity:15%}
.btn-outline.btn-primary {--tw-text-opacity:1; color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}
.btn-outline.btn-primary.btn-active {--tw-text-opacity:1; color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
.btn-outline.btn-accent {--tw-text-opacity:1; color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}
.btn-outline.btn-accent.btn-active {--tw-text-opacity:1; color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
.btn.btn-disabled,.btn[disabled],.btn:disabled {--tw-border-opacity:0; background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity:.2; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity:.2}
.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked) {--tw-border-opacity:1; border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-bg-opacity:1; background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity:1; color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible {outline-color:var(--fallback-p,oklch(var(--p)/1))}
@keyframes button-pop {0% {transform:scale(var(--btn-focus-scale,.98)) }
 40% {transform:scale(1.02) }
 to {transform:scale(1) }
}
.checkbox:focus {box-shadow:none}
.checkbox:focus-visible {outline-style:solid; outline-width:2px; outline-offset:2px; outline-color:var(--fallback-bc,oklch(var(--bc)/1))}
.checkbox:disabled {border-width:0; cursor:not-allowed; border-color:transparent; --tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity:.2}
.checkbox:checked,.checkbox[aria-checked=true] {background-repeat:no-repeat; animation:checkmark var(--animation-input,.2s) ease-out; background-color:var(--chkbg); background-image:linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%)}
.checkbox:indeterminate {--tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); background-repeat:no-repeat; animation:checkmark var(--animation-input,.2s) ease-out; background-image:linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%)}
@keyframes checkmark {0% {background-position-y:5px }
 50% {background-position-y:-2px }
 to {background-position-y:0 }
}
.divider:not(:empty) {gap:1rem}
.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content {--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))}
.label-text {font-size:.875rem; line-height:1.25rem; --tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
.input input {--tw-bg-opacity:1; background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); background-color:transparent}
.input input:focus {outline:2px solid transparent; outline-offset:2px}
.input[list]::-webkit-calendar-picker-indicator {line-height:1em}
.input-bordered {border-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.input:focus,.input:focus-within {box-shadow:none; border-color:var(--fallback-bc,oklch(var(--bc)/.2)); outline-style:solid; outline-width:2px; outline-offset:2px; outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.input:has(>input[disabled]),.input-disabled,.input:disabled,.input[disabled] {cursor:not-allowed; --tw-border-opacity:1; border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity:1; background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color:var(--fallback-bc,oklch(var(--bc)/.4))}
.input:has(>input[disabled])::-moz-placeholder,.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder {color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity:.2}
.input:has(>input[disabled])::placeholder,.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder {color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity:.2}
.input:has(>input[disabled])>input[disabled] {cursor:not-allowed}
.input::-webkit-date-and-time-value {text-align:inherit}
.link:focus {outline:2px solid transparent; outline-offset:2px}
.link:focus-visible {outline:2px solid currentColor; outline-offset:2px}
:where(.menu li:empty) {--tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity:.1; margin:.5rem 1rem; height:1px}
.menu:where(li ul):before {position:absolute; bottom:.75rem; inset-inline-start:0; top:.75rem; width:1px; --tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity:.1; content:""}
.menu:where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu:where(li:not(.menu-title)>details>summary:not(.menu-title)) {border-radius:var(--rounded-btn,.5rem); padding:.5rem 1rem; text-align:start; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(0,0,.2,1); transition-duration:.2s; text-wrap:balance}
:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible {cursor:pointer; background-color:var(--fallback-bc,oklch(var(--bc)/.1)); --tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); outline:2px solid transparent; outline-offset:2px}
.menu li>*:not(ul,.menu-title,details,.btn):active,.menu li>*:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active {--tw-bg-opacity:1; background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity:1; color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}
.menu:where(li>details>summary)::-webkit-details-marker {display:none}
.menu:where(li>details>summary):after,.menu:where(li>.menu-dropdown-toggle):after {justify-self:end; display:block; margin-top:-.5rem; height:.5rem; width:.5rem; transform:rotate(45deg); transition-property:transform,margin-top; transition-duration:.3s; transition-timing-function:cubic-bezier(.4,0,.2,1); content:""; transform-origin:75% 75%; box-shadow:2px 2px; pointer-events:none}
.menu:where(li>details[open]>summary):after,.menu:where(li>.menu-dropdown-toggle.menu-dropdown-show):after {transform:rotate(225deg); margin-top:0}
.mockup-phone .display {overflow:hidden; border-radius:40px; margin-top:-25px}
.mockup-browser .mockup-browser-toolbar .input {position:relative; margin-left:auto; margin-right:auto; display:block; height:1.75rem; width:24rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; --tw-bg-opacity:1; background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); padding-left:2rem; direction:ltr}
.mockup-browser .mockup-browser-toolbar .input:before {content:""; position:absolute; left:.5rem; top:50%; aspect-ratio:1 / 1; height:.75rem; --tw-translate-y:-50%; 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)); border-radius:9999px; border-width:2px; border-color:currentColor; opacity:.6}
.mockup-browser .mockup-browser-toolbar .input:after {content:""; position:absolute; left:1.25rem; top:50%; height:.5rem; --tw-translate-y:25%; --tw-rotate:-45deg; 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)); border-radius:9999px; border-width:1px; border-color:currentColor; opacity:.6}
@keyframes modal-pop {0% {opacity:0 }
}
.progress::-moz-progress-bar {border-radius:var(--rounded-box,1rem); --tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))}
.progress:indeterminate {--progress-color:var(--fallback-bc,oklch(var(--bc)/1)); background-image:repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%); background-size:200%; background-position-x:15%; animation:progress-loading 5s ease-in-out infinite}
.progress::-webkit-progress-bar {border-radius:var(--rounded-box,1rem); background-color:transparent}
.progress::-webkit-progress-value {border-radius:var(--rounded-box,1rem); --tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))}
.progress:indeterminate::-moz-progress-bar {background-color:transparent; background-image:repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%); background-size:200%; background-position-x:15%; animation:progress-loading 5s ease-in-out infinite}
@keyframes progress-loading {50% {background-position-x:-115% }
}
@keyframes radiomark {0% {box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset }
 50% {box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset }
 to {box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset }
}
@keyframes rating-pop {0% {transform:translateY(-.125em) }
 40% {transform:translateY(-.125em) }
 to {transform:translateY(0) }
}
@keyframes skeleton {0% {background-position:150% }
 to {background-position:-50% }
}
.swap-rotate .swap-on,.swap-rotate .swap-indeterminate,.swap-rotate input:indeterminate~.swap-on {--tw-rotate:45deg; 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))}
.swap-rotate input:checked~.swap-off,.swap-active:where(.swap-rotate) .swap-off,.swap-rotate input:indeterminate~.swap-off {--tw-rotate:-45deg; 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))}
.swap-rotate input:checked~.swap-on,.swap-active:where(.swap-rotate) .swap-on,.swap-rotate input:indeterminate~.swap-indeterminate {--tw-rotate:0deg; 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))}
.swap-flip .swap-on,.swap-flip .swap-indeterminate,.swap-flip input:indeterminate~.swap-on {transform:rotateY(180deg); backface-visibility:hidden; opacity:1}
.swap-flip input:checked~.swap-off,.swap-active:where(.swap-flip) .swap-off,.swap-flip input:indeterminate~.swap-off {transform:rotateY(-180deg); backface-visibility:hidden; opacity:1}
.swap-flip input:checked~.swap-on,.swap-active:where(.swap-flip) .swap-on,.swap-flip input:indeterminate~.swap-indeterminate {transform:rotateY(0)}
:is([dir=rtl] .table) {text-align:right}
.table:where(th,td) {padding:.75rem 1rem; vertical-align:middle}
.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n) {--tw-bg-opacity:1; background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}
.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n) {--tw-bg-opacity:1; background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}
.table:where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child) {border-bottom-width:1px; --tw-border-opacity:1; border-bottom-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}
.table:where(thead,tfoot) {white-space:nowrap; font-size:.75rem; line-height:1rem; font-weight:700; color:var(--fallback-bc,oklch(var(--bc)/.6))}
.table:where(tfoot) {border-top-width:1px; --tw-border-opacity:1; border-top-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}
.textarea-bordered {border-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.textarea:focus {box-shadow:none; border-color:var(--fallback-bc,oklch(var(--bc)/.2)); outline-style:solid; outline-width:2px; outline-offset:2px; outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.textarea-disabled,.textarea:disabled,.textarea[disabled] {cursor:not-allowed; --tw-border-opacity:1; border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity:1; background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color:var(--fallback-bc,oklch(var(--bc)/.4))}
.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder {color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity:.2}
.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder {color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity:.2}
@keyframes toast-pop {0% {transform:scale(.9); opacity:0 }
 to {transform:scale(1); opacity:1 }
}
[dir=rtl] .toggle {--handleoffsetcalculator:calc(var(--handleoffset) * 1)}
.toggle:focus-visible {outline-style:solid; outline-width:2px; outline-offset:2px; outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.toggle:hover {background-color:currentColor}
.toggle:checked,.toggle[aria-checked=true] {background-image:none; --handleoffsetcalculator:var(--handleoffset); --tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true] {--handleoffsetcalculator:calc(var(--handleoffset) * -1)}
.toggle:indeterminate {--tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); box-shadow:calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}
[dir=rtl] .toggle:indeterminate {box-shadow:calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}
.toggle:disabled {cursor:not-allowed; --tw-border-opacity:1; border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); background-color:transparent; opacity:.3; --togglehandleborder:0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset}
:root .prose {--tw-prose-body:var(--fallback-bc,oklch(var(--bc)/.8)); --tw-prose-headings:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-lead:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-links:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-bold:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-counters:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-bullets:var(--fallback-bc,oklch(var(--bc)/.5)); --tw-prose-hr:var(--fallback-bc,oklch(var(--bc)/.2)); --tw-prose-quotes:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-quote-borders:var(--fallback-bc,oklch(var(--bc)/.2)); --tw-prose-captions:var(--fallback-bc,oklch(var(--bc)/.5)); --tw-prose-code:var(--fallback-bc,oklch(var(--bc)/1)); --tw-prose-pre-code:var(--fallback-nc,oklch(var(--nc)/1)); --tw-prose-pre-bg:var(--fallback-n,oklch(var(--n)/1)); --tw-prose-th-borders:var(--fallback-bc,oklch(var(--bc)/.5)); --tw-prose-td-borders:var(--fallback-bc,oklch(var(--bc)/.2))}
.prose:where(code):not(:where([class~=not-prose] *,pre *)) {padding:1px 8px; border-radius:var(--rounded-badge); font-weight:initial; background-color:var(--fallback-bc,oklch(var(--bc)/.1))}
.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {display:none}
.prose pre code {border-radius:0; padding:0}
.prose:where(tbody tr,thead):not(:where([class~=not-prose] *)) {border-bottom-color:var(--fallback-bc,oklch(var(--bc)/.2))}
.btm-nav-xs>*:where(.active) {border-top-width:1px}
.btm-nav-sm>*:where(.active) {border-top-width:2px}
.btm-nav-md>*:where(.active) {border-top-width:2px}
.btm-nav-lg>*:where(.active) {border-top-width:4px}
.btn-circle:where(.btn-xs) {height:1.5rem; width:1.5rem; border-radius:9999px; padding:0}
.btn-circle:where(.btn-sm) {height:2rem; width:2rem; border-radius:9999px; padding:0}
.btn-circle:where(.btn-md) {height:3rem; width:3rem; border-radius:9999px; padding:0}
.btn-circle:where(.btn-lg) {height:4rem; width:4rem; border-radius:9999px; padding:0}
.avatar.online:before {content:""; position:absolute; z-index:10; display:block; border-radius:9999px; --tw-bg-opacity:1; background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); outline-style:solid; outline-width:2px; outline-color:var(--fallback-b1,oklch(var(--b1)/1)); width:15%; height:15%; top:7%; right:7%}
.avatar.offline:before {content:""; position:absolute; z-index:10; display:block; border-radius:9999px; --tw-bg-opacity:1; background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); outline-style:solid; outline-width:2px; outline-color:var(--fallback-b1,oklch(var(--b1)/1)); width:15%; height:15%; top:7%; right:7%}
.absolute {position:absolute}
.relative {position:relative}
.inset-0 {top:0; right:0; bottom:0; left:0}
.-bottom-16 {bottom:-4rem}
.-left-16 {left:-4rem}
.-left-20 {left:-5rem}
.top-0 {top:0}
.z-\[1\] {z-index:1}
.order-last {order:9999}
.\!row-span-1 {grid-row:span 1 / span 1!important}
.-mx-3 {margin-left:-.75rem; margin-right:-.75rem}
.mx-auto {margin-left:auto; margin-right:auto}
.my-auto {margin-top:auto; margin-bottom:auto}
.-mb-2 {margin-bottom:-.5rem}
.mb-2 {margin-bottom:.1rem}
.mb-7 {margin-bottom:1.75rem}
.ml-3 {margin-left:.75rem}
.ml-auto {margin-left:auto}
.mr-2 {margin-right:.5rem}
.mr-3 {margin-right:.75rem}
.mr-4 {margin-right:1rem}
.mr-5 {margin-right:1.25rem}
.mt-2 {margin-top:.1rem}
.mt-3 {margin-top:.75rem}
.mt-4 {margin-top:1rem}
.mt-5 {margin-top:1.25rem}
.mt-6 {margin-top:1.5rem}
.mt-7 {margin-top:1.75rem}
.mt-8 {margin-top:2rem}
.block {display:block}
.flex {display:flex}
.inline-flex {display:inline-flex}
.table {display:table}
.grid {display:grid}
.\!hidden {display:none!important}
.hidden {display:none}
.aspect-video {aspect-ratio:16 / 9}
.size-12 {width:3rem; height:3rem}
.size-5 {width:1.25rem; height:1.25rem}
.size-6 {width:1.5rem; height:1.5rem}
.h-10 {height:2.5rem}
.h-11 {height:2.75rem}
.h-12 {height:3rem}
.h-3 {height:.75rem}
.h-3\.5 {height:.875rem}
.h-4 {height:1rem}
.h-40 {height:10rem}
.h-5 {height:1.25rem}
.h-6 {height:1.5rem}
.h-full {height:100%}
.min-h-96 {min-height:24rem}
.min-h-screen {min-height:100vh}
.w-1\/2 {width:50%}
.w-10 {width:2.5rem}
.w-11 {width:2.75rem}
.w-16 {width:4rem}
.w-3 {width:.75rem}
.w-3\.5 {width:.875rem}
.w-4 {width:1rem}
.w-5 {width:1.25rem}
.w-6 {width:1.5rem}
.w-\[calc\(100\%\+8rem\)\] {width:calc(100% + 8rem)}
.w-auto {width:auto}
.w-full {width:100%}
.max-w-2xl {max-width:42rem}
.max-w-5xl {max-width:58.5rem}
.max-w-\[877px\] {max-width:877px}
.max-w-full {max-width:100%}
.flex-1 {flex:1 1 0}
.shrink-0 {flex-shrink:0}
.grow {flex-grow:1}
.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))}
.resize {resize:both}
.grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.\!flex-row {flex-direction:row!important}
.flex-col {flex-direction:column}
.flex-wrap {flex-wrap:wrap}
.items-start {align-items:flex-start}
.items-end {align-items:flex-end}
.items-center {align-items:center; overflow-wrap:normal; word-break:normal}
.items-stretch {align-items:stretch}
.justify-end {justify-content:flex-end}
.justify-center {justify-content:center}
.justify-between {justify-content:space-between}
.gap-2 {gap:.5rem}
.gap-4 {gap:1rem}
.gap-5 {gap:1.25rem}
.gap-6 {gap:1.5rem}
.self-center {align-self:center}
.overflow-hidden {overflow:hidden}
.rounded-\[10px\] {border-radius:10px}
.rounded-box {border-radius:var(--rounded-box,1rem)}
.rounded-full {border-radius:9999px}
.rounded-lg {border-radius:.5rem}
.rounded-md {border-radius:.375rem}
.rounded-sm {border-radius:.125rem}
.rounded-b-lg {border-bottom-right-radius:.5rem; border-bottom-left-radius:.5rem}
.border-accent {--tw-border-opacity:1; border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
.border-gray-100 {--tw-border-opacity:1; border-color:rgb(243 244 246 / var(--tw-border-opacity))}
.bg-\[\#FF2D20\]\/10 {background-color:#ff2d201a}
.bg-base-100 {--tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
.bg-gray-50 {--tw-bg-opacity:1; background-color:rgb(249 250 251 / var(--tw-bg-opacity))}
.bg-primary-content {--tw-bg-opacity:1; background-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)))}
.bg-white {--tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-gradient-to-b {background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.from-transparent {--tw-gradient-from:transparent var(--tw-gradient-from-position); --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-white {--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-white {--tw-gradient-to:#fff var(--tw-gradient-to-position)}
.to-zinc-900 {--tw-gradient-to:#18181b var(--tw-gradient-to-position)}
.fill-current {fill:currentColor}
.stroke-\[\#FF2D20\] {stroke:#ff2d20}
.object-cover {-o-object-fit:cover; object-fit:cover}
.object-top {-o-object-position:top; object-position:top}
.p-2 {padding:.5rem}
.p-3 {padding:.75rem}
.p-6 {padding:1.5rem}
.px-3 {padding-left:.75rem; padding-right:.75rem}
.px-6 {padding-left:1.5rem; padding-right:1.5rem}
.py-10 {padding-top:2.5rem; padding-bottom:2.5rem}
.py-16 {padding-top:4rem; padding-bottom:4rem}
.py-2 {padding-top:.5rem; padding-bottom:.5rem}
.pl-2 {padding-left:.5rem}
.pl-2\.5 {padding-left:.625rem}
.pr-2 {padding-right:.5rem}
.pr-2\.5 {padding-right:.625rem}
.pt-3 {padding-top:.75rem}
.text-left {text-align:left}
.text-center {text-align:center}
.font-sans {font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
.text-2xl {font-size:1.5rem; line-height:2rem}
.text-base {font-size:1rem; line-height:1.5rem}
.text-lg {font-size:1.125rem; line-height:1.75rem}
.text-sm {font-size:.875rem; line-height:1.25rem}
.text-sm\/relaxed {font-size:.875rem; line-height:1.625}
.text-xl {font-size:1.25rem; line-height:1.75rem}
.font-bold {font-weight:700}
.font-semibold {font-weight:600}
.leading-5 {line-height:1.25rem}
.tracking-tight {letter-spacing:-.025em}
.text-base-200 {--tw-text-opacity:1; color:var(--fallback-b2,oklch(var(--b2)/var(--tw-text-opacity)))}
.text-black {--tw-text-opacity:1; color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-black\/50 {color:#00000080}
.text-error {--tw-text-opacity:1; color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}
.text-gray-600 {--tw-text-opacity:1; color:rgb(75 85 99 / var(--tw-text-opacity))}
.text-gray-950 {--tw-text-opacity:1; color:rgb(3 7 18 / var(--tw-text-opacity))}
.text-primary {--tw-text-opacity:1; color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}
.text-white {--tw-text-opacity:1; color:rgb(50 51 53); background:#eef5cd; border-radius:.5rem}
.underline {text-decoration-line:underline}
.antialiased {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.opacity-50 {opacity:.5}
.opacity-70 {opacity:.7}
.shadow {--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-\[0px_14px_34px_0px_rgba\(0\,0\,0\,0\.08\)\] {--tw-shadow:0 14px 34px 0 rgba(0,0,0,.08); --tw-shadow-colored:0 14px 34px 0 var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.ring-1 {--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.ring-black {--tw-ring-opacity:1; --tw-ring-color:rgb(0 0 0 / var(--tw-ring-opacity))}
.ring-transparent {--tw-ring-color:transparent}
.ring-white {--tw-ring-opacity:1; --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}
.ring-white\/\[0\.05\] {--tw-ring-color:rgb(255 255 255 / .05)}
.drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.06\)\] {--tw-drop-shadow:drop-shadow(0px 4px 34px rgba(0,0,0,.06)); filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.25\)\] {--tw-drop-shadow:drop-shadow(0px 4px 34px rgba(0,0,0,.25)); filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter {filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition {transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-duration:.15s}
.duration-300 {transition-duration:.3s}
html {font-family:Arial,serif}
header {filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25)); position:relative; z-index:2}
@media (hover:hover) {.results li>*:not(ul,.menu-title,details,.btn):active,.results li>*:not(ul,.menu-title,details,.btn).active,.results li>details>summary:active {--tw-bg-opacity:1; background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity:1; color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) }
}
.dropdown .results {position:absolute}
.dropdown:is(:not(details)) .results {visibility:hidden; opacity:0; transform-origin:top; --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)); transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(0,0,.2,1); transition-duration:.2s}
.dropdown-end .results {inset-inline-end:0}
.dropdown-left .results {bottom:auto; inset-inline-end:100%; top:0; transform-origin:right}
.dropdown-right .results {bottom:auto; inset-inline-start:100%; top:0; transform-origin:left}
.dropdown-bottom .results {bottom:auto; top:100%; transform-origin:top}
.dropdown-top .results {bottom:100%; top:auto; transform-origin:bottom}
.dropdown-end.dropdown-right .results,.dropdown-end.dropdown-left .results {bottom:0; top:auto}
.dropdown.dropdown-open .results,.dropdown:not(.dropdown-hover):focus .results,.dropdown:focus-within .results {visibility:visible; opacity:1}
@media (hover:hover) {.dropdown.dropdown-hover:hover .results {visibility:visible; opacity:1; --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)) }
:where(.results li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.results li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover {cursor:pointer; outline:2px solid transparent; outline-offset:2px }
 @supports (color:oklch(0% 0 0)) {:where(.results li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.results li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover {background-color:var(--fallback-bc,oklch(var(--bc)/.1)) }
 }
}
.results {display:flex; flex-direction:column; flex-wrap:wrap; font-size:.875rem; line-height:1.25rem; padding:.5rem}
.results:where(li ul) {position:relative; white-space:nowrap; margin-inline-start:1rem; padding-inline-start:.5rem}
.results:where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.results:where(li:not(.menu-title)>details>summary:not(.menu-title)) {display:grid; grid-auto-flow:column; align-content:flex-start; align-items:center; gap:.5rem; grid-auto-columns:minmax(auto,max-content) auto max-content; -webkit-user-select:none; -moz-user-select:none; user-select:none}
.results li.disabled {cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; user-select:none; color:var(--fallback-bc,oklch(var(--bc)/.3))}
.results:where(li>.menu-dropdown:not(.menu-dropdown-show)) {display:none}
:where(.results li) {position:relative; display:flex; flex-shrink:0; flex-direction:column; flex-wrap:wrap; align-items:stretch}
:where(.results li) .badge {justify-self:end}
.dropdown.dropdown-open .results,.dropdown:focus .results,.dropdown:focus-within .results {--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))}
:where(.results li:empty) {--tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity:.1; margin:.5rem 1rem; height:1px}
.results:where(li ul):before {position:absolute; bottom:.75rem; inset-inline-start:0; top:.75rem; width:1px; --tw-bg-opacity:1; background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity:.1; content:""}
.results:where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.results:where(li:not(.menu-title)>details>summary:not(.menu-title)) {border-radius:var(--rounded-btn,.5rem); padding:.5rem 1rem; text-align:start; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(0,0,.2,1); transition-duration:.2s; text-wrap:balance}
:where(.results li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.results li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.results li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.results li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.results li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus,:where(.results li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible {cursor:pointer; background-color:var(--fallback-bc,oklch(var(--bc)/.1)); --tw-text-opacity:1; color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); outline:2px solid transparent; outline-offset:2px}
.results li>*:not(ul,.menu-title,details,.btn):active,.results li>*:not(ul,.menu-title,details,.btn).active,.results li>details>summary:active {--tw-bg-opacity:1; background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity:1; color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}
.results:where(li>details>summary)::-webkit-details-marker {display:none}
.results:where(li>details>summary):after,.results:where(li>.menu-dropdown-toggle):after {justify-self:end; display:block; margin-top:-.5rem; height:.5rem; width:.5rem; transform:rotate(45deg); transition-property:transform,margin-top; transition-duration:.3s; transition-timing-function:cubic-bezier(.4,0,.2,1); content:""; transform-origin:75% 75%; box-shadow:2px 2px; pointer-events:none}
.results:where(li>details[open]>summary):after,.results:where(li>.menu-dropdown-toggle.menu-dropdown-show):after {transform:rotate(225deg); margin-top:0}
.results {z-index:1; width:100%; border-radius:var(--rounded-box,1rem); --tw-bg-opacity:1; background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); padding:.5rem; --tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
@media (max-width:1024px) {.avatars {gap:0; flex-wrap:wrap; justify-content:space-between}
 header .dropdown .results {position:absolute; width:100%; left:0; border-radius:0; z-index:99999; margin-top:1.5rem }
 article .mt-4,.mt-8 h2,h3 {margin-top:5px !important; margin-bottom:0!important}
}
.buttons a:visited {--tw-border-opacity:1; border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-bg-opacity:1; background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --btn-color:var(--p)}
.buttons a:visited:hover {background-color:color-mix(in oklab,#9aa777 90%,black); border-color:color-mix(in oklab,#9aa777 90%,black)}
[data-theme=light] header {background:linear-gradient(180deg,#cbe473,#95c361)}
[data-theme=light] article .related span,[data-theme=light] article .related div {border:1px solid #B4D225}
[data-theme=light] article .related img {border-color:#b4d225}
[data-theme=light] article .title {border:1px solid #B4D225}
[data-theme=light] article .title span {border:1px solid #B4D225}
[data-theme=light] article .title img {border-color:#b4d225}
[data-theme=dark] header {background:linear-gradient(180deg,#334633,#1d351d)}
[data-theme=dark] article .related span,[data-theme=dark] article .related div {border:1px solid #666B66}
[data-theme=dark] article .related img {border-color:#666b66}
[data-theme=dark] article .title {border:1px solid #666B66; color:white}
[data-theme=dark] .comment {background-color:#363a37}
[data-theme=dark] .comments-section form {background-color:#363a37}
[data-theme=dark] article .title span {border:1px solid #666B66}
[data-theme=dark] .input-bordered {background-color:#414141!important}
[data-theme=dark] .textarea-bordered {background-color:#414141 !important}
@media (min-width:1024px) {header {margin:-10px; width:calc(100% + 20px); border-radius:10px }
 article .title {display:flex }
}
@media (max-width:1024px) {.breadcrumbs {margin-top:0!important; padding-left:2rem!important; padding-right:2rem!important}
 .category {margin-left:0; margin-top:.25rem; display:inline-flex}
 article {padding:2.5rem 1.5rem !important}
 article .btn {min-width:106px !important; }
 .p-6 {margin-top:0; padding:0.5rem 1.5rem}
 header .dropdown {position:initial !important; overflow-x:hidden; flex-grow:0.3; display:block; width:95px}
 .input input {text-overflow:ellipsis; max-width:13ch}
 header .dropdown .dropdown-content {position:absolute; width:100%; left:0; border-radius:0; z-index:99999; margin-top:1.5rem }
 .title img {margin-top:-50px }
}
.prose img {margin-left:auto; margin-right:auto; border-radius:.5rem;margin-bottom: 10px;}
.category {margin-left:.75rem; border-radius:.5rem; --tw-bg-opacity:1; background-color:var(--fallback-s,oklch(var(--s) / var(--tw-bg-opacity))); padding:.375rem .75rem; font-weight:400; font-size:16px}
.buttons {margin-top:.75rem; display:flex; flex-wrap:wrap; gap:.75rem}
article .btn {height:2.5rem; min-height:2.5rem; font-weight:700; min-width:7rem; font-size:16px}
article .avatars {display:flex}
article,.description {--tw-bg-opacity:1; background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); padding:2.3rem 2rem; --tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
@media (min-width:1024px) {article,.description {padding-left:2rem; padding-right:2rem }
}
article .btn {--tw-text-opacity:1; color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}
.description {--tw-bg-opacity:1; background-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)))}
.description h3 {margin-top:0}
.description h3 {font-size:24px}
article .related {display:flex}
article .related div {margin-left:2.5rem}
article .related div {display:flex}
article .related div {width:100%}
article .related div {border-radius:.5rem}
article .related div {--tw-bg-opacity:1; background-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)))}
article .related div {padding:1.25rem}
article .related div {padding-left:5rem}
article .related div {height:100px; align-items:center; font-style:normal; font-weight:700; font-size:18px; line-height:21px}
article .related img {-webkit-user-select:none; -moz-user-select:none; user-select:none}
article .related img {border-radius:9999px}
article .related img {border-width:1px}
article .related img {border-color:#666b66; height:100px; position:absolute}
article .title {border-radius:.5rem; --tw-bg-opacity:1; background-color:var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity))); padding:1.25rem 1.25rem 1.25rem 7rem}
@media (min-width:1024px) {article .title {margin-left:1rem }
}
article .title {align-items:center; line-height:21px; font-family:Verdana; font-weight:500; font-size:15px; color:black}
article .title img {-webkit-user-select:none; -moz-user-select:none; user-select:none}
article .title img {border-radius:9999px; border:2px solid rgb(168 207 103)}
article .title img {border-width:1px}
article .title img {border-color:#666b66; height:100px; width:100px; position:absolute; margin-left:-8rem}
#reply section div:has(button) {display:none}
#reply section .text-base {display:none}
h2,h3 {margin-top:0.5rem; font-style:normal; font-weight:700; font-size:18px; line-height:21px; text-align:center}
.comments p {word-break:break-all}
.selection\:bg-\[\#FF2D20\] *::-moz-selection {--tw-bg-opacity:1; background-color:rgb(255 45 32 / var(--tw-bg-opacity))}
.selection\:bg-\[\#FF2D20\] *::selection {--tw-bg-opacity:1; background-color:rgb(255 45 32 / var(--tw-bg-opacity))}
.selection\:text-white *::-moz-selection {--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity))}
.selection\:text-white *::selection {--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity))}
.selection\:bg-\[\#FF2D20\]::-moz-selection {--tw-bg-opacity:1; background-color:rgb(255 45 32 / var(--tw-bg-opacity))}
.selection\:bg-\[\#FF2D20\]::selection {--tw-bg-opacity:1; background-color:rgb(255 45 32 / var(--tw-bg-opacity))}
.selection\:text-white::-moz-selection {--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity))}
.selection\:text-white::selection {--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity))}
.hover\:text-black:hover {--tw-text-opacity:1; color:rgb(0 0 0 / var(--tw-text-opacity))}
.hover\:text-black\/70:hover {color:#000000b3}
.hover\:underline:hover {text-decoration-line:underline}
.hover\:ring-black\/20:hover {--tw-ring-color:rgb(0 0 0 / .2)}
.focus\:outline-none:focus {outline:2px solid transparent; outline-offset:2px}
.focus-visible\:ring-1:focus-visible {--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.focus-visible\:ring-\[\#FF2D20\]:focus-visible {--tw-ring-opacity:1; --tw-ring-color:rgb(255 45 32 / var(--tw-ring-opacity))}
@media (min-width:640px) {.sm\:size-16 {width:4rem; height:4rem }
 .sm\:size-6 {width:1.5rem; height:1.5rem }
 .sm\:pt-5 {padding-top:1.25rem }
}
@media (min-width:768px) {.md\:row-span-3 {grid-row:span 3 / span 3 }
 .md\:block {display:block }
}
@media (min-width:1024px) {.lg\:order-none {order:0 }
 .lg\:col-start-2 {grid-column-start:2 }
 .lg\:mb-16 {margin-bottom:4rem }
 .lg\:ml-0 {margin-left:0 }
 .lg\:mt-0 {margin-top:0 }
 .lg\:mt-16 {margin-top:2rem}
 .lg\:block {display:block }
 .lg\:hidden {display:none }
 .lg\:h-16 {height:4rem }
 .lg\:w-1\/2 {width:50% }
 .lg\:w-auto {width:auto }
 .lg\:max-w-7xl {max-width:80rem }
 .lg\:grow-0 {flex-grow:0 }
 .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\:flex-col {flex-direction:column }
 .lg\:items-end {align-items:flex-end }
 .lg\:justify-center {justify-content:center }
 .lg\:justify-between {justify-content:space-between }
 .lg\:gap-8 {gap:2rem }
 .lg\:p-10 {padding:2.5rem }
 .lg\:px-8 {padding-left:2rem; padding-right:2rem }
 .lg\:pb-10 {padding-bottom:2.5rem }
 .lg\:pt-0 {padding-top:0 }
 .lg\:text-\[\#FF2D20\] {--tw-text-opacity:1; color:rgb(255 45 32 / var(--tw-text-opacity)) }
}
@media (prefers-color-scheme:dark) {.dark\:block {display:block }
 .dark\:hidden {display:none }
 .dark\:bg-black {--tw-bg-opacity:1; background-color:rgb(0 0 0 / var(--tw-bg-opacity)) }
 .dark\:bg-zinc-900 {--tw-bg-opacity:1; background-color:rgb(24 24 27 / var(--tw-bg-opacity)) }
 .dark\:via-zinc-900 {--tw-gradient-to:rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-from),#18181b var(--tw-gradient-via-position),var(--tw-gradient-to) }
 .dark\:to-zinc-900 {--tw-gradient-to:#18181b var(--tw-gradient-to-position) }
 .dark\:text-gray-400 {--tw-text-opacity:1; color:rgb(156 163 175 / var(--tw-text-opacity)) }
 .dark\:text-white {--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) }
 .dark\:text-white\/50 {color:#ffffff80 }
 .dark\:text-white\/70 {color:#ffffffb3 }
 .dark\:ring-zinc-800 {--tw-ring-opacity:1; --tw-ring-color:rgb(39 39 42 / var(--tw-ring-opacity)) }
 .dark\:hover\:text-white:hover {--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) }
 .dark\:hover\:text-white\/70:hover {color:#ffffffb3 }
 .dark\:hover\:text-white\/80:hover {color:#fffc }
 .dark\:hover\:ring-zinc-700:hover {--tw-ring-opacity:1; --tw-ring-color:rgb(63 63 70 / var(--tw-ring-opacity)) }
 .dark\:focus-visible\:ring-\[\#FF2D20\]:focus-visible {--tw-ring-opacity:1; --tw-ring-color:rgb(255 45 32 / var(--tw-ring-opacity)) }
 .dark\:focus-visible\:ring-white:focus-visible {--tw-ring-opacity:1; --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity)) }
}
.comment.comment-default {background-color:#f1f1f1; border-radius:var(--rounded-btn,.5rem); border-width:1px; border-color:var(--fallback-bc,oklch(var(--bc) / .2))}
.comment.comment-top {background-color:#4ba561}
.comment.comment-dislike {background-color:#bf4c4c}
.mr-2:hover {color:red}
[data-theme="dark"] .comment.comment-default {background-color:#0e0e0e5c}
[data-theme="dark"] .comment.comment-top {background-color:#4ba561}
 [data-theme="dark"] .comment.comment-dislike {background-color:#bf4c4c}
 [data-theme="dark"] .results {background-color:#363a37 !important}
[data-theme="dark"] .results li:hover {background-color:#202321 !important}
[data-theme="dark"] .recommendations-block {background:#363a37}
[data-theme="dark"] .anime-link {background-color:rgb(65 65 65)}
[data-theme="dark"] .anime-link:hover {box-shadow:inset 0 0 15px 4px rgb(0 0 0); background-color:rgb(26 26 26)}
.comment-top.mesto1 .font-medium {color:#fff; text-shadow:0 0 5px #000000,0 0 10px #ffffff,0 0 20px #000000,0 0 30px #000000,0 0 40px #000000; animation:neon-pulse 0.5s ease-out infinite alternate}
@keyframes neon-pulse {from {text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #ff69b4,0 0 30px #ff69b4,0 0 40px #ff69b4}
 to {text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px #ff69b4,0 0 15px #ff69b4,0 0 20px #ff69b4}
}
.recommendations-block {width:100%; text-align:center; padding:1rem; margin-top:1.5rem; border-color:var(--fallback-bc,oklch(var(--bc) / .2)); border-radius:var(--rounded-btn,.5rem); border-width:1px; background:#f1f1f1}
.anime-link {display:inline-block; padding:0.5rem 1.5rem; font-size:1rem; color:rgb(255 255 255); background-color:rgb(63 70 76); border-radius:0.25rem; box-shadow:inset 0 0 11px 6px rgb(16 16 16 / 56%); transition:all 0.3s ease; animation:pulse 3s ease-in-out infinite; border-color:oklch(1 0 0 / 0.11); border-radius:var(--rounded-btn,.5rem); border-width:0.1px}
.anime-link:hover {background-color:rgb(47 52 57); box-shadow:inset 0 0 15px 4px rgb(24 24 24)}
@keyframes pulse {0% {transform:scale(1)}
 50% {transform:scale(1.05)}
 100% {transform:scale(1)}
}
 .btn,.tab-btn {transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease}
 .tabs-container {float:right; margin-bottom:1rem; border-bottom:1px solid #d1d5db}
 .tabs-container nav {display:flex; margin-bottom:-1px}
 .tab-btn {padding:8px 16px; background:none; border:none; border-bottom:2px solid transparent; cursor:pointer; font-size:1rem; font-family:sans-serif; outline:none}
 html[data-theme="light"] .tab-btn {color:#718096; border-bottom-color:transparent}
 html[data-theme="light"] .tab-btn.active {color:#2c3f12; border-bottom-color:#2c3f12}
 html[data-theme="dark"] .tab-btn {color:#a0aec0; border-bottom-color:transparent}
 html[data-theme="dark"] .tab-btn.active {color:#5e935e; border-bottom-color:#5e935e}
 .player-container {margin-top:42px; background:black}
 .breadcrumbs {display:flex; align-items:center; gap:10px; border-bottom:1px solid #ACCE0D; margin-top:10px; padding-left:2rem; padding-right:2rem; font-size:16px; font-weight:500; background:#f3f4f6; color:#333}
[data-theme="dark"] .breadcrumbs {background:#1c1c1c; color:#e0e0e0; border-color:#313131}
.breadcrumbs a {text-decoration:none; color:#64990c; transition:color 0.3s}
[data-theme="dark"] .breadcrumbs a {color:#4b7f4b}
.breadcrumbs a:hover {text-decoration:underline}
.breadcrumbs span {color:#666}
[data-theme="dark"] .breadcrumbs span {color:#aaa}
.status[data-status="online"] {color:green}
.status[data-status="offline"] {color:#b93131}
#episode-title {text-align:center}
.vpt_roll_bef {left:-4px}
.vpt_roll_af {right:-4px}
.vpt_roll {display:block; position:absolute; height:8px; width:8px; border-radius:4px; top:-4px; background-color:#eef5cc; border:1px solid #acce0d; cursor:pointer}
#episode-title span {background-color:#eef5cc; position:relative; display:inline-block; padding:3px 14px 3px 14px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border:1px solid #B4D225; color:#585858; border-top:1px solid #eef5cd}
#episode-title span h2 {overflow:hidden; font:14px / 1.4 normal verdana,sans-serif; margin-top:0}
[data-theme="dark"] #episode-title span {background-color:#363a37; border:1px solid #666B66; border-top:1px solid #353535; color:#ababab}
[data-theme="dark"] .vpt_roll {background-color:#363a37; border:1px solid #999999}
[data-theme="dark"] .text-white {color:rgb(255 255 255); background:#202020}
[data-theme="dark"] article .title img {border:2px solid rgb(109 109 109)}
.names {text-align:center; width:100%; margin-right:3rem}
@media (min-width:1024px) {#episode-title {padding-left:50px}
}
.comment-dislike .font-medium {color:#ff3300; animation:flaming 1.5s ease-in-out infinite alternate; text-shadow:0 0 4px #ff3300,0 0 11px #ff3300,0 0 19px #ff3300,0 0 40px #ff3300,0 0 80px #ff0000,0 0 90px #ff0000,0 0 100px #ff0000,0 0 150px #ff0000}
@keyframes flaming {0% {text-shadow:0 0 4px #ff3300,0 0 11px #ff3300,0 0 19px #ff3300,0 0 40px #ff3300,0 0 80px #ff0000,0 0 90px #ff0000,0 0 100px #ff0000,0 0 150px #ff0000}
 100% {text-shadow:0 0 4px #ff5500,0 0 11px #ff5500,0 0 19px #ff5500,0 0 40px #ff5500,0 0 80px #ff3300,0 0 90px #ff3300,0 0 100px #ff3300,0 0 150px #ff3300}
}
@media screen and (min-width:769px) {.comments-list {width:100%; max-width:100%}
 .comment {position:relative; width:calc(100% - var(--level-indent)); margin-left:var(--level-indent) !important; border-radius:8px; transition:background-color 0.2s ease}
 .comment[data-level="0"] {--level-indent:0}
 .comment[data-level="1"] {--level-indent:48px}
 .comment[data-level="2"] {--level-indent:96px}
 .comment[data-level="3"] {--level-indent:144px}
 .comment:not(:last-child) {margin-bottom:16px}
 .comment[data-level]:not([data-level="0"]) {border-left:2px solid #e5e7eb; padding-left:16px}
 .comment:hover {background-color:rgba(0,0,0,0.02)}
 .comment.comment-top {border-left-color:#fbbf24}
 .comment.comment-dislike {border-left-color:#ef4444}
}
.comment {background-color:rgba(255,255,255,0.02); backdrop-filter:blur(8px); box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.desc-season {margin-top:20px; border-top-right-radius:.5rem; border-top-left-radius:.5rem; padding:25px; text-align:justify}
.slogan-container {max-width:80%}
.slogan-text {font-style:italic; font-family:-apple-system,Helvetica Neue,Roboto,Baskerville,Arial,sans-serif; font-size:1.1rem; margin-top:-10px; line-height:25px; position:absolute; margin-left:auto; margin-right:auto; left:0; right:0; text-align:center}
.buttons a.visited {border-color:var(--p); --btn-color:var(--p)}
.buttons a.visited:hover {background-color:color-mix(in oklab,#9aa777 90%,black); border-color:color-mix(in oklab,#9aa777 90%,black)}
#dlemasscomments {background:none; padding:0; border-radius:0}
[id^="comm-id-"] {margin:0.5rem 0; white-space:normal; overflow-wrap:break-word; word-break:break-all; overflow-x:hidden; max-width:100%}
.form-control textarea {width:100%; border-color:var(--fallback-bc,oklch(var(--bc) / .2)); min-height:3rem; flex-shrink:1; padding:.5rem 1rem; font-size:.875rem; line-height:1.25rem; border-radius:var(--rounded-btn,.5rem); border-width:1px; border-color:transparent; --tw-bg-opacity:1; border-color:var(--fallback-bc,oklch(var(--bc) / .2)); background-color:var(--fallback-b1,oklch(var(--b1) / var(--tw-bg-opacity)))}
.ui-button {height:2.5rem; min-height:2.5rem; font-weight:700; min-width:7rem; font-size:16px; background-color:#92d050; border:none; font-weight:bold; margin-top:10px; height:3rem; min-height:3rem; flex-shrink:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:var(--rounded-btn,.5rem); border-color:transparent; border-color:oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity)); padding-left:1rem; padding-right:1rem; text-align:center; font-size:.875rem; margin-left:5px}
[data-theme="dark"] .slogan-text {color:#aaa; border-bottom-color:#333}
 .grid-item.ya-grid-template {display:inline-block; width:170px; height:280px; flex:0; vertical-align:middle; vertical-align:-webkit-baseline-middle}
 .grid-item {position:relative; -webkit-box-flex:1; -ms-flex:1 1 0; flex:1 1 0}
 .unit-wrapper {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 auto; overflow:hidden; width:100%; -webkit-tap-highlight-color:transparent}
.yrw-url,.yrw-wrapper {height:inherit}
.yrw-url {text-decoration:none}
.ya-unit-item {height:100%; -webkit-box-sizing:border-box; box-sizing:border-box}
.all_anime_global {padding-left:20px; padding-right:20px; padding-top:30px; display:inline-block}
.all_anime_global {padding-left:20px; padding-right:20px; padding-top:30px; display:inline-block}
.all_anime {font:14px / 22px Tahoma,Verdana,sans-serif; color:#5b5b5b; width:130px; position:relative}
.all_anime_halftop {position:absolute; background-color:#ffffff; height:93px; width:130px; z-index:1}
.all_anime_image {width:130px; height:130px; border-radius:93px; position:absolute; z-index:2; top:0; left:0}
.yrw-ya-unit-image {position:relative; display:block}
[data-asset-click] {cursor:pointer}
.all_anime_image .unit-image {border-radius:93px; width:130px; height:130px}
.yrw-img-component {display:block; position:relative; overflow:hidden; width:100%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box}
.ya-image__3cdf5921 {background-image:url(../uploads/animethumbs/preloader.png)}
.img-source-component {background-position:50%; background-repeat:no-repeat; background-origin:content-box; background-size:cover}
.img-source-component,.video-source-component,.video-source-container {display:block; position:absolute; top:0; left:0; bottom:0; right:0}
.all_anime img {border-radius:93px; position:absolute; z-index:2; top:0; left:0}
.content img {max-width:100%; width:auto; height:auto}
.main {background:#ffffff; border-left:3px solid #96c461; border-right:3px solid #96c461; padding:10px 10px}
.the_recommend_block {border-top:1px solid #ACCE0D; padding-top:12px; margin-top:7px; margin-bottom:40px}
.all_anime .aablock {width:130px; background:#d9efc9}
.all_anime_fulltop {width:130px; height:130px; background:#d9efc9; position:relative}
.all_anime_image {width:130px; height:130px; border-radius:93px; position:absolute; z-index:2; top:0; left:0}
.all_anime_global a {text-decoration:none}
.all_anime {font:14px/22px Tahoma,Verdana,sans-serif; color:#5b5b5b; width:130px; position:relative}
.all_anime a {color:#2c2c2c; text-decoration:none}
.all_anime img {border-radius:93px; position:absolute; z-index:2; top:0; left:0}
.all_anime .aablock {width:130px; background:#d9efc9}
.all_anime .aaname {padding-left:12px; padding-top:5px; padding-right:9px; color:#2c2c2c; font-size:1.3em; text-align:center}
.all_anime .aailines {padding-top:12px; text-align:right; padding-right:9px; padding-left:9px; overflow-x:hidden; overflow-y:auto; min-height:20px; padding-bottom:20px}
.all_anime_halftop {position:absolute; background-color:#ffffff; height:93px; width:130px; z-index:1}
.all_anime_image {width:130px; height:130px; border-radius:93px; position:absolute; z-index:2; top:0; left:0}
.all_anime_fulltop {width:130px; height:130px; background:#d9efc9; position:relative}
.all_anime_bottom {width:130px; height:15px; background:#d9efc9; border-bottom-left-radius:93px 15px; border-bottom-right-radius:93px 15px}
.all_anime .aailines .category:first-letter {text-transform:capitalize}
.ya-container {display:inline-block; text-align:center}
.grid-item.ya-grid-template {display:inline-block; width:170px; height:280px; flex:0; vertical-align:middle; vertical-align:-webkit-baseline-middle}
.grid.ya-grid-template,.grid-row.ya-grid-template {display:block}
.all_anime_image .unit-image {border-radius:93px; width:130px; height:130px}
.the_recommend_block {border-top:1px solid #ACCE0D; padding-top:12px; margin-top:7px; margin-bottom:40px}
.trb_title {font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,Noto Sans Armenian,Noto Sans Bengali,Noto Sans Cherokee,Noto Sans Devanagari,Noto Sans Ethiopic,Noto Sans Georgian,Noto Sans Hebrew,Noto Sans Kannada,Noto Sans Khmer,Noto Sans Lao,Noto Sans Osmanya,Noto Sans Tamil,Noto Sans Telugu,Noto Sans Thai,sans-serif; text-align:center; font-weight:bold; font-size:15px; color:#212121}
.rec-widget h3 {color:#4a4a4a; font-size:18px; margin:0 0 15px 0; padding-bottom:8px; border-bottom:2px solid #8BC34A}
.dark_mode .rec-widget h3 {color:#accaa6}
.rec-widget ul {list-style:none; padding:0; margin:0}
.v li {margin-bottom:12px; padding:8px; border-radius:4px; transition:background 0.2s}
.rec-widget li:hover {background:rgba(139,195,74,0.1)}
.content {background-color:white; background:#ffffff; border-left:3px solid #96c461; border-right:3px solid #96c461; border-bottom:3px solid #96c461; border-radius:0 0 20px 20px}

.age_rating_all.age_rating_18 {background-color: #d0734b;}
.age_rating_all {border-radius: 4px;padding: 3px 2px;color: #f6f6fa;}
.under_video_additional {padding: 0px 0px 10px;border-bottom: 1px solid #acce0d;text-align: left;margin-bottom: 10px;}
html[data-theme="dark"] .under_video_additional {border-bottom: 1px solid #747472;}
.shik { font-size: 16px;font-weight: 700;color: #751233;}