@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";/*
! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}::before,
::after {
  --tw-content: '';
}/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/*
Remove the default font size and weight for headings.
*/h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}/*
Reset links to optimize for opt-in styling instead of opt-out.
*/a {
  color: inherit;
  text-decoration: inherit;
}/*
Add the correct font weight in Edge and Safari.
*/b,
strong {
  font-weight: bolder;
}/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}/*
Add the correct font size in all browsers.
*/small {
  font-size: 80%;
}/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}/*
Remove the inheritance of text transform in Edge and Firefox.
*/button,
select {
  text-transform: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}/*
Use the modern Firefox focus style for all focusable elements.
*/:-moz-focusring {
  outline: auto;
}/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/:-moz-ui-invalid {
  box-shadow: none;
}/*
Add the correct vertical alignment in Chrome and Firefox.
*/progress {
  vertical-align: baseline;
}/*
Correct the cursor style of increment and decrement buttons in Safari.
*/::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/*
Remove the inner padding in Chrome and Safari on macOS.
*/::-webkit-search-decoration {
  -webkit-appearance: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/*
Add the correct display in Chrome and Safari.
*/summary {
  display: list-item;
}/*
Removes the default spacing and border for appropriate elements.
*/blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}fieldset {
  margin: 0;
  padding: 0;
}legend {
  padding: 0;
}ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}/*
Prevent resizing textareas horizontally by default.
*/textarea {
  resize: vertical;
}/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}/*
Set the default cursor for buttons.
*/button,
[role="button"] {
  cursor: pointer;
}/*
Make sure disabled buttons don't get the pointer cursor.
*/:disabled {
  cursor: default;
}/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/img,
video {
  max-width: 100%;
  height: auto;
}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden] {
  display: none;
}*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}.container{
  width: 100%;
}@media (min-width: 640px){.container{
    max-width: 640px;
  }
}@media (min-width: 768px){.container{
    max-width: 768px;
  }
}@media (min-width: 1024px){.container{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.container{
    max-width: 1280px;
  }
}@media (min-width: 1536px){.container{
    max-width: 1536px;
  }
}.visible{
  visibility: visible;
}.static{
  position: static;
}.fixed{
  position: fixed;
}.absolute{
  position: absolute;
}.relative{
  position: relative;
}.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}.mb-4{
  margin-bottom: 1rem;
}.mr-4{
  margin-right: 1rem;
}.mb-6{
  margin-bottom: 1.5rem;
}.mb-5{
  margin-bottom: 1.25rem;
}.mt-2{
  margin-top: 0.5rem;
}.mb-2{
  margin-bottom: 0.5rem;
}.mt-10{
  margin-top: 2.5rem;
}.mt-5{
  margin-top: 1.25rem;
}.block{
  display: block;
}.inline-block{
  display: inline-block;
}.inline{
  display: inline;
}.flex{
  display: flex;
}.contents{
  display: contents;
}.hidden{
  display: none;
}.w-full{
  width: 100%;
}.w-2\/3{
  width: 66.666667%;
}.grow{
  flex-grow: 1;
}.basis-full{
  flex-basis: 100%;
}.resize{
  resize: both;
}.flex-col{
  flex-direction: column;
}.items-center{
  align-items: center;
}.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}.border{
  border-width: 1px;
}.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.text-center{
  text-align: center;
}.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}.font-medium{
  font-weight: 500;
}.font-bold{
  font-weight: 700;
}.uppercase{
  text-transform: uppercase;
}.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}.underline{
  text-decoration-line: underline;
}.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-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.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(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}*{font-family:"Nunito",sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;min-width:320px;overflow-x:hidden}html{box-sizing:border-box}html .html .blur{filter:blur(8px)}body{position:relative;background:#1a1a1d;color:#eaeaea;margin:0;padding:0;padding-top:80px;min-height:100vh}.footer{position:relative;flex-direction:column;display:flex;padding:2rem 0;border-top:1px solid #3d3d41;margin-top:20px;justify-content:center;align-items:center;text-align:center}.footer div{text-align:center;display:flex;justify-content:center;align-items:center}.invisible{display:none}:root{--color-bg: #EAEAEA;--color-inner: #F79D81}.loader-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loader{border:30px solid var(--color-bg);border-top:30px solid var(--color-inner);border-radius:50%;width:200px;height:200px;animation:spin 2s linear infinite;position:relative;display:block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.logo{margin-right:5%;position:relative;margin-left:20px;display:flex}.username{margin-right:5%}.nav{position:relative;white-space:pre-wrap;position:fixed;display:flex;margin:0;top:0;left:0;width:100%;height:60px;background-color:#000;color:#eaeaea;text-decoration:none;align-items:center;align-content:center;justify-content:center;overflow-x:hidden;overflow:visible;font-size:13px;z-index:10}.nav-wrap{position:relative;display:flex;width:1000px;align-items:center;justify-content:center}.nav-wrap a:not(:last-child){width:auto}.nav-wrap a:not(:last-child):not(.login_link){text-decoration:none;color:#eaeaea;margin-right:30px}.nav-wrap a:last-child{text-decoration:none;color:#eaeaea}.nav-wrap a:nth-last-child(2){margin-left:50px}.nav-wrap a:visited{text-decoration:none;color:#eaeaea;margin-right:30px}.resnav{display:none}.login-signup{text-decoration:none;color:#eaeaea;position:relative;margin-left:30px;margin-right:0}.login_link{margin-left:8%}.logout-button{margin-left:50px;margin-right:30px}#my-account{margin-left:12%}@media screen and (max-width: 800px){.nav-wrap a:not(:first-child),.nav-wrap button{display:none}.nav-wrap{width:100%;justify-content:space-between;align-items:center;height:60px}#nav-icon{position:relative;display:block;margin-right:25px}.material-icons{margin-top:6px}.logo{padding-right:0}#login-form,#signup-form{position:absolute;display:block;width:100%;padding:0}#main-body-wrap{width:100%}#my-account{margin:0}}.forgot{color:#ccc;width:30%;position:relative;left:18%;text-align:left;white-space:nowrap;margin-bottom:40px}#sign-with{margin-top:40px;margin-bottom:20px}@media screen and (max-width: 800px)and (min-width: 241px){.nav{overflow:visible;height:100px}.nav-wrap.responsive{position:relative;display:block;overflow:visible;height:60px}.nav-wrap.responsive .logo{position:absolute;left:20px;top:14px;height:32px;width:164px;margin:0;padding:0}.nav-wrap.responsive #nav-icon{position:absolute;right:0;top:12px}.nav-wrap.responsive *:not(:first-child):not(:last-child):not(.search_bar_wrap):not(.search_bar_wrap *):not(.logo){position:relative;display:block;text-align:left;padding:20px 20px;margin:0;border-top:1px solid #f5f5f5;font-size:13px;background-color:#000;color:#eaeaea;visibility:visible;float:none;top:80px}.nav-wrap.responsive .logout-button{position:relative;display:block;width:100%;text-align:left;top:80px;padding:20px;margin:0;border:none;border-top:1px solid #f5f5f5;font-size:13px;background-color:#000;color:#eaeaea;visibility:visible;cursor:pointer;z-index:10}.nav-wrap.responsive .logout-button:hover{background-color:#1a1a1a}.nav-wrap.responsive button:not(:last-child):not(.search_bar_wrap):not(.search_bar_wrap *){position:relative;display:block;width:100%;text-align:left;top:25px;height:59px;padding:20px 20px;margin:0;border-top:1px solid;border-top-color:#f5f5f5;font-size:13px;background-color:#000;color:#eaeaea;visibility:visible;float:none}.nav-wrap .search_bar_wrap{display:flex;position:absolute;right:19%;width:32%}.nav-wrap .search_bar_wrap button{display:block}.nav-wrap.responsive .search_bar_wrap{display:flex;position:absolute;top:12px;right:19%}.nav-wrap.responsive .search_bar_wrap button{display:block}}@media screen and (max-width: 240px){.nav{min-height:100px;display:block;overflow:visible}.nav-wrap{position:relative;overflow:visible}.nav-wrap #nav-icon{position:absolute;left:0;top:60px;left:20px}.nav-wrap.responsive{position:relative;display:block;overflow:visible}.nav-wrap.responsive #nav-icon{position:absolute;right:0;top:40px}}.user-container{margin-left:3%;display:flex}.search_bar_wrap{display:flex;flex-direction:row;width:20%;margin-left:2%}.search_bar_wrap .input-wrapper{width:100%;cursor:pointer}.search_bar_wrap .input-wrapper input{width:100%;padding:10px;border-radius:5px;border:#eaeaea solid 1px;color:#000}.search_bar_wrap .input-wrapper input:disabled{background-color:#eaeaea;color:#000;pointer-events:none}.search-button{position:relative;display:inline-block;margin-left:10px}.search-button:hover .tooltip{visibility:visible;opacity:1}.search-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:0 20px 20px}.search-actions .save-search-state{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.search-actions .save-search-state input[type=checkbox]{width:16px;height:16px;cursor:pointer}.search-actions button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.search-actions button.cancel-button{background:rgba(0,0,0,0);border:1px solid #666;color:#666}.search-actions button.cancel-button:hover{background:#2a2a2a;border-color:#888;color:#888}.search-actions button.search-submit{background:#06c;border:none;color:#fff}.search-actions button.search-submit:hover{background:#07e}.tooltip{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip .shortcut{opacity:.7;font-size:.9em;margin-left:4px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000}.large-input-wrap{background:#fff;padding:20px;border-radius:8px;width:70%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.large-input-wrap .large-search-input{width:100%;padding:15px;font-size:20px;border:1px solid #ddd;border-radius:4px;outline:none;margin-bottom:10px;height:50px}.large-input-wrap .tags-hint{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.large-input-wrap .tags-hint p{margin-bottom:10px;color:#495057;font-size:14px}.large-input-wrap .tags-hint .example-tags{display:flex;flex-direction:column;gap:8px}.large-input-wrap .tags-hint .example-tags .tag-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;font-size:13px}.large-input-wrap .tags-hint .example-tags .tag-item.unchecked{background:#fff;border:1px solid #dee2e6;color:#333}.large-input-wrap .tags-hint .example-tags .tag-item.included{background:rgba(76,175,80,.1);border:1px solid #4caf50;color:#2e7d32}.large-input-wrap .tags-hint .example-tags .tag-item.included input{accent-color:#4caf50}.large-input-wrap .tags-hint .example-tags .tag-item.excluded{background:rgba(244,67,54,.1);border:1px solid #f44336;color:#c62828}.large-input-wrap .tags-hint .example-tags .tag-item.excluded input{accent-color:#f44336}.large-input-wrap .genre-section{margin:15px 0;padding:0 20px}.large-input-wrap .genre-section .section-title{color:#666;font-size:14px;margin-bottom:10px}.large-input-wrap .genre-section .genre-options{display:flex;flex-wrap:wrap;gap:8px}.large-input-wrap .genre-section .genre-options .genre-option{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1a1a1d;border-radius:4px;cursor:pointer;transition:all .2s ease}.large-input-wrap .genre-section .genre-options .genre-option:hover{background:#2a2a2d}.large-input-wrap .genre-section .genre-options .genre-option input[type=radio]{cursor:pointer}.large-input-wrap .genre-section .genre-options .genre-option span{color:#eaeaea;font-size:14px}.large-input-wrap .tags-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:10px;max-height:60vh;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:4px}.large-input-wrap .tag-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.large-input-wrap .tag-item:hover{background:#f0f0f0}.large-input-wrap .tag-item input[type=checkbox]{margin:0;cursor:pointer}.large-input-wrap .tag-item span{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.large-input-wrap .tag-item.included{background:rgba(76,175,80,.1);border-color:#4caf50}.large-input-wrap .tag-item.included input[type=checkbox]{accent-color:#4caf50}.large-input-wrap .tag-item.included span{color:#2e7d32}.large-input-wrap .tag-item.excluded{background:rgba(244,67,54,.1);border-color:#f44336}.large-input-wrap .tag-item.excluded input[type=checkbox]{accent-color:#f44336}.large-input-wrap .tag-item.excluded span{color:#c62828}.large-input-wrap .tag-item input[type=checkbox]{width:16px;height:16px}.large-input-wrap .tag-item input[type=checkbox].included{accent-color:#4caf50}.large-input-wrap .tag-item input[type=checkbox].excluded{accent-color:#f44336}.large-search-input{width:100%;padding:10px;font-size:18px;outline:none;color:#000}.signup_page_wrap,.login_page_wrap{display:flex;position:relative;margin-top:auto}@media screen and (max-width: 1000px){.signup_page_wrap,.login_page_wrap{width:100%}}.login_page,.signup_page{display:flex;flex-direction:column;position:relative;background-image:url(/_next/static/media/wallpaper.38701a9b.jpg);background-size:100%;background-repeat:no-repeat;background-position:center;background-color:#292929;align-items:center;justify-content:center;width:700px;height:100%;border-radius:15px;padding:5%}.login_page input,.signup_page input{color:#000}@media screen and (max-width: 1000px){.login_page,.signup_page{width:100%;height:100%;background-color:#292929;padding:15%}}.button{background-color:#ff9f80;border:radius;color:#eaeaea;border-radius:10px;padding:10px 25px;text-align:center;align-items:center;text-decoration:none;display:inline-flex;flex-direction:row;font-size:16px}.google_button{border-radius:0;background-color:#4285f4}@media screen and (max-width: 800px){.google_button{font-size:14px}}.input_wrap_outer{display:inline-flex;flex-direction:column;position:relative;width:60%;height:auto;align-items:center}@media screen and (max-width: 800px){.input_wrap_outer{width:100%;height:auto}}.input_wrap_inner{margin-top:15px;display:inline-flex;flex-direction:column;position:relative;width:90%;margin-bottom:20px}.input_wrap_inner label{margin-bottom:5px}input{height:30px}.games_list_wrap{display:flex;justify-content:center;width:100%;padding:20px}.games_list_wrap .games_list{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-content:flex-start;background-color:#292929;width:1000px;height:100%;border-radius:15px;padding-top:20px;padding-left:70px;padding-right:70px;padding-bottom:70px;left:0;top:0;-moz-column-gap:0;column-gap:0;row-gap:0}.games_list_wrap .games_list h1{font-size:36px;margin-bottom:20px;margin-left:12px}.games_list_wrap .games_list .no-results{grid-column:1/-1;text-align:center}.games_list_wrap .games_list input{color:#000}@media screen and (max-width: 1000px){.games_list_wrap .games_list{background-color:#292929;padding:15%;width:100%;height:100%}}.games_list_wrap .games_list .game_box{position:relative;left:0;max-height:250px;background-color:#1a1a1d;border:rgba(0,0,0,0) solid 1px;overflow:hidden;border-radius:10px;padding:15px;flex-basis:calc(25% - 10px);margin-right:5px;margin-left:5px;margin-bottom:5px;margin-top:5px}.games_list_wrap .games_list .game_box .game_thumb{position:relative;width:100%;height:150px;background:#1a1a1d;overflow:hidden}.games_list_wrap .games_list .game_box .game_thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.games_list_wrap .games_list .game_box .game_texts{margin-top:8px;padding:0 5px}.games_list_wrap .games_list .game_box .game_texts .game_title{font-size:14px;font-weight:600;margin-bottom:4px;color:#eaeaea}.games_list_wrap .games_list .game_box .game_texts .game_genre{font-size:12px;color:#8d8c8e}.games_list_wrap .games_list .game_box .game_texts div{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width: 1000px){.games_list_wrap .games_list .game_box{flex-basis:45%;margin:2.5%}}@media screen and (max-width: 800px){.games_list_wrap .games_list .game_box{flex-basis:100%;margin:2.5%}}.games_list_wrap .games_list .game_box img{width:100%;height:75%;-o-object-fit:cover;object-fit:cover}.games_list_wrap .games_list .game_box .game_texts,.games_list_wrap .games_list .game_box .game_texts div{display:block;width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.games_list_wrap .games_list .game_box .game_texts .game_genre,.games_list_wrap .games_list .game_box .game_texts div .game_genre{color:#8d8c8e}.games_list_wrap .games_list .game_pages_wrap{display:flex;flex-basis:100%;justify-content:center;margin-top:50px;grid-column:1/-1}.games_list_wrap .games_list .game_pages_wrap .game_pages{border-radius:20px;padding:10px 10px;background-color:#1a1a1d;display:flex}.games_list_wrap .games_list .game_pages_wrap .game_pages a{margin-right:20px}.games_list_wrap .games_list .game_pages_wrap .game_pages a:last-child{margin-right:0}.games_list_wrap .games_list .game_pages_wrap .game_pages .range_dots{margin-right:20px}.game_desc_wrap{position:relative;left:0;top:0;padding:0;margin-top:auto;width:100%;height:100%;word-wrap:break-word;align-items:flex-start;justify-content:center;overflow:hidden;max-width:1200px;margin:0 auto !important;padding:0 1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}@media screen and (max-width: 1000px){.game_desc_wrap{padding:0;width:100%;max-width:100vw}}.game_desc{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-content:center;background-color:#292929;width:1000px;height:100%;border-radius:15px;padding-top:20px;padding-left:70px;padding-right:70px;padding-bottom:70px;left:0;top:0;-moz-column-gap:0;column-gap:0;row-gap:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}@media screen and (max-width: 1000px){.game_desc{width:100%;padding-top:30px;padding-left:30px;padding-right:30px}.game_desc .game_data_1,.game_desc .game_data_2,.game_desc .game_data_3,.game_desc .game_data_4{width:100%;max-width:100%;padding:0;margin:0}.game_desc .game_data_1>*,.game_desc .game_data_2>*,.game_desc .game_data_3>*,.game_desc .game_data_4>*{width:100%;max-width:100%;box-sizing:border-box}.game_desc .game_data_1 .game_data_table,.game_desc .game_data_2 .game_data_table,.game_desc .game_data_3 .game_data_table,.game_desc .game_data_4 .game_data_table{width:100%}.game_desc .game_data_1 .game_data_table .game_data_row,.game_desc .game_data_2 .game_data_table .game_data_row,.game_desc .game_data_3 .game_data_table .game_data_row,.game_desc .game_data_4 .game_data_table .game_data_row{width:100%;padding:5px 0}.game_desc .game_data_1 .game_data_ss_viewer,.game_desc .game_data_2 .game_data_ss_viewer,.game_desc .game_data_3 .game_data_ss_viewer,.game_desc .game_data_4 .game_data_ss_viewer{width:100%}.game_desc .game_data_1 .game_data_ss_viewer .image-container,.game_desc .game_data_2 .game_data_ss_viewer .image-container,.game_desc .game_data_3 .game_data_ss_viewer .image-container,.game_desc .game_data_4 .game_data_ss_viewer .image-container{width:100%;overflow-x:auto}.game_desc .game_data_1 .dl_row,.game_desc .game_data_2 .dl_row,.game_desc .game_data_3 .dl_row,.game_desc .game_data_4 .dl_row{width:100%;margin:5px 0}}.game_desc .game_data_1{flex-direction:row;justify-content:center;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box}.game_desc .game_data_1 .game_img{justify-self:center;align-self:center}.game_desc .game_data_1 .game_data_table{margin-left:50px;display:flex;flex-direction:column}.game_desc .game_data_1 .game_data_table .desc{text-align:justify}.game_desc .game_data_1 .game_data_table .game_data_title_text{margin-bottom:10px;font-size:30px}.game_desc .game_data_1 .game_data_table .game_data_info{font-size:15px}.game_desc .game_data_1 .game_data_table .game_data_row{width:400px;display:flex;flex-direction:row;width:100%}.game_desc .game_data_1 .game_data_table .game_data_row .game_data_row_name{min-width:80px;width:80px}.game_desc .game_data_1 .game_data_table .game_data_row .game_data_row_entry{display:flex;flex-direction:column;padding-left:50px}@media screen and (max-width: 1000px){.game_desc .game_data_1 .game_data_table .game_data_row{width:80%}}@media screen and (max-width: 800px){.game_desc .game_data_1{flex-direction:column}.game_desc .game_data_1 .game_data_table{margin-left:0}}.game_desc .game_data_header{margin-bottom:15px}.game_desc .game_data_2{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.game_desc .game_data_2 .game_data_ss_viewer{display:flex;flex-direction:row;height:150px;align-items:center;justify-content:center;gap:10px}.game_desc .game_data_2 .game_data_ss_viewer .image-container{display:flex;overflow-x:hidden;justify-content:center;align-items:center;height:100%;width:80%}.game_desc .game_data_2 .game_data_ss_viewer .image-container .image-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 5px;height:100px;width:150px;flex-shrink:0}.game_desc .game_data_2 .game_data_ss_viewer .image-container .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.game_desc .game_data_2 .game_data_ss_viewer .image-container .image-wrapper.loading{pointer-events:none}.game_desc .game_data_2 .game_data_ss_viewer .image-container .image-wrapper .image-placeholder{width:150px;height:100px;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.game_desc .game_data_2 .game_data_ss_viewer .navigation-buttons button{height:100%;border-width:2px;border-color:#1a1a1d}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:0 10px}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content{position:relative;max-width:90vw;max-height:90vh;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button.left{left:-60px}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button.right{right:-60px}@media screen and (max-width: 800px){.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button{width:36px;height:36px;background:rgba(0,0,0,.5)}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button.left{left:10px}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button.right{right:10px}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button svg{width:20px;height:20px}}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button:hover{background:rgba(255,255,255,.3)}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-nav-button svg{fill:#fff}.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-close{position:absolute;top:-40px;right:0}@media screen and (max-width: 800px){.game_desc .game_data_2 .game_data_ss_viewer .modal-overlay .modal-content .modal-close{top:10px;right:10px;background:rgba(0,0,0,.5);z-index:1001}}.game_desc .game_data_3 .game_data_tag_list{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.game_desc .game_data_3 .game_data_tag_list .tag{border-width:2px;border-radius:3px;border-color:#1a1a1d;margin-left:5px;margin-right:5px;padding-left:5px;padding-right:5px;margin-top:10px}.game_desc .game_data_4 .game_dl_link{display:flex;flex-direction:row;justify-content:baseline;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.game_desc .game_data_4 .game_dl_link .d_link{margin-right:10px;padding-right:5px;margin-top:10px}.game_desc .game_title{font-size:30px;text-align:center;margin-bottom:20px}.game_desc img{width:300px;height:auto;align-self:center;max-width:100%;overflow:hidden;box-sizing:border-box}.game_desc h1{font-size:36px;margin-bottom:20px;margin-left:12px}.game_desc a{color:#fb9d7b;text-decoration-line:underline}.game_desc .line{height:1px;border-top:0;background-color:#fff;margin:15px auto;width:100%;margin:1rem 0;box-sizing:border-box}:root{--accent-color: #EE6C4D;--accent-color-dark: #E84A33;--background-primary: #293241;--background-secondary: #3D5A80;--background-tertiary: #355379;--text-primary: #E0FBFC;--text-secondary: #98C1D9;--border-color: #444f5a;--input-background: #293241;--danger-color: #ff6b6b;--danger-color-dark: #ff5252}.commentSection{margin-top:2rem;padding:1rem;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.commentSection h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.noComments{text-align:center;padding:2rem 0;color:var(--text-secondary);font-style:italic}.loadMore{display:flex;justify-content:center;margin:1rem 0}.loadMore button{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.loadMore button:hover{background-color:var(--accent-color-dark)}.commentSubmitRow{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1rem}.commentForm{display:flex;flex-direction:column;gap:1rem}.commentForm textarea{width:100%;min-height:100px;padding:.75rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--input-background);color:var(--text-primary);font-family:inherit;resize:vertical;transition:border-color .2s}.commentForm textarea:focus{outline:none;border-color:var(--accent-color)}.commentForm button{align-self:flex-end;background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.commentForm button:hover{background-color:var(--accent-color-dark)}.loginPrompt{text-align:center;padding:1rem;background-color:var(--background-tertiary);border-radius:4px;color:var(--text-secondary)}.commentItem{margin-bottom:1.5rem;padding:1rem;background-color:var(--background-tertiary);border-radius:6px;border-left:3px solid var(--accent-color)}.commentHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.commentUser{font-weight:500;color:var(--accent-color)}.commentTime{font-size:.85rem;color:var(--text-secondary)}.commentContent{margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word}.commentActions{display:flex;gap:1rem;align-items:center}.commentLikes{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.9rem}.commentDelete{color:var(--danger-color);background:none;border:none;cursor:pointer;padding:0;font-size:.9rem;transition:color .2s}.commentDelete:hover{color:var(--danger-color-dark)}@media(max-width: 768px){.commentForm{flex-direction:column}.commentForm button{align-self:stretch;margin-top:.5rem}.commentActions{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}100%{opacity:.6}}.pulse{animation:pulse 1.5s infinite ease-in-out}.juicy_banner,.exo_banner{position:relative;z-index:0;display:flex;align-content:center;justify-content:center;flex-shrink:0;margin-top:50px}.juicy_banner *,.exo_banner *{position:relative;z-index:0}@media only screen and (max-width: 767px){.juicy_banner,.exo_banner{margin-bottom:30px}}.container,.main-container{width:100%;max-width:1200px;margin:0 auto !important;padding:0 1rem;box-sizing:border-box}.game_img{max-width:100%;overflow:hidden;box-sizing:border-box}img{max-width:100%;height:auto}@media(max-width: 768px){.game_desc_wrap{padding:0 .5rem}.game_img{margin:0 auto;text-align:center}.game_title,.game_data_title_text,.game_data_header{width:100%;box-sizing:border-box;word-wrap:break-word}}.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
/* Global shimmer animation for loading states */
@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

/* Ensure consistent box sizing */
.game_box,
.game_box * {
    box-sizing: border-box;
}
.material-symbols {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
}

@font-face {
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-display: block;
	src: url(/_next/static/media/material-symbols-rounded.e04a4270.woff2) format('woff2');
}

.material-symbols {
	font-family: 'Material Symbols Rounded';
}

@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-display: block;
	src: url(/_next/static/media/material-symbols-outlined.7c557087.woff2) format('woff2');
}

.material-symbols {
	font-family: 'Material Symbols Outlined';
}