@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-7828d5eb],[data-v-7828d5eb]::backdrop,[data-v-7828d5eb]:after,[data-v-7828d5eb]:before{--tw-border-style:solid}}}.bottom-sheet-backdrop[data-v-7828d5eb]{background-color:#00000080;inset:calc(var(--spacing,.25rem)*0);position:fixed;z-index:80}@supports (color:color-mix(in lab,red,red)){.bottom-sheet-backdrop[data-v-7828d5eb]{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}.bottom-sheet[data-v-7828d5eb]{animation:bottom-sheet-in-7828d5eb .2s ease-out;background-color:var(--color-zinc-900,oklch(21% .006 285.885));border-color:var(--color-zinc-800,oklch(27.4% .006 286.033));border-top-left-radius:var(--radius-2xl,1rem);border-top-right-radius:var(--radius-2xl,1rem);border-top-style:var(--tw-border-style);border-top-width:1px;inset-inline:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);display:flex;flex-direction:column;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);position:fixed;z-index:90}@media(min-width:768px){.bottom-sheet[data-v-7828d5eb]{border-inline-style:var(--tw-border-style);border-inline-width:1px;margin-inline:auto;max-width:var(--container-xl,36rem)}}.bottom-sheet--dark[data-v-7828d5eb]{background-color:var(--color-zinc-950,oklch(14.1% .005 285.823))}@keyframes bottom-sheet-in-7828d5eb{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.bottom-sheet[data-v-7828d5eb]{animation:none}}@media(min-width:1100px){.bottom-sheet[data-v-7828d5eb],.bottom-sheet-backdrop[data-v-7828d5eb]{display:none!important}}.bottom-sheet-grab[data-v-7828d5eb]{display:flex;flex-shrink:0;justify-content:center;padding-bottom:calc(var(--spacing,.25rem)*1);padding-top:calc(var(--spacing,.25rem)*2)}.bottom-sheet-grab-bar[data-v-7828d5eb]{background-color:var(--color-zinc-700,oklch(37% .013 285.805));border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*1);width:calc(var(--spacing,.25rem)*9)}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-e0bbf918],[data-v-e0bbf918]::backdrop,[data-v-e0bbf918]:after,[data-v-e0bbf918]:before{--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid}}}.game-item-link[data-v-e0bbf918]{align-items:center;border-radius:calc(var(--ui-radius)*1.5);-moz-column-gap:calc(var(--spacing,.25rem)*3);column-gap:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.74375rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-inline:calc(var(--spacing,.25rem)*1);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;padding-block:3px;transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}@media(hover:hover){.game-item-link[data-v-e0bbf918]:hover{background-color:var(--color-zinc-800,oklch(27.4% .006 286.033))}}.game-item-link[data-v-e0bbf918]{grid-template-columns:1.5rem minmax(0,1fr) auto}.game-cover[data-v-e0bbf918]{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*6)}.game-name[data-v-e0bbf918]{align-items:center;color:var(--color-zinc-100,oklch(96.7% .001 286.375));display:flex;gap:calc(var(--spacing,.25rem)*1.5)}.game-name[data-v-e0bbf918],.game-name-text[data-v-e0bbf918]{min-width:calc(var(--spacing,.25rem)*0)}.game-name-text[data-v-e0bbf918]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-undated[data-v-e0bbf918]{color:var(--color-zinc-500,oklch(55.2% .016 285.938));flex-shrink:0;font-size:var(--text-xs,.675rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}@media(hover:hover){div.game-item-link[data-v-e0bbf918]:hover{background-color:#0000}}.game-name--hyped[data-v-e0bbf918]{color:var(--color-orange-200,oklch(90.1% .076 70.697))}.game-genres[data-v-e0bbf918],.game-type[data-v-e0bbf918]{display:none}.game-platforms[data-v-e0bbf918]{flex-shrink:0;justify-content:flex-end;padding-left:calc(var(--spacing,.25rem)*.5)}.game-platform[data-v-e0bbf918],.game-platforms[data-v-e0bbf918]{align-items:center;display:flex}.game-platform-name[data-v-e0bbf918]{display:none}@media(min-width:768px){.game-platforms[data-v-e0bbf918]{gap:calc(var(--spacing,.25rem)*.5)}.game-platform[data-v-e0bbf918]{background-color:var(--color-zinc-800,oklch(27.4% .006 286.033));border-color:var(--color-zinc-800,oklch(27.4% .006 286.033));border-radius:calc(var(--ui-radius)*1.5);border-style:var(--tw-border-style);border-width:1px;color:var(--color-zinc-300,oklch(87.1% .006 286.286));font-size:var(--text-xs,.675rem);gap:calc(var(--spacing,.25rem)*1);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1.5)}.game-platform .dot-tile[data-v-e0bbf918]{margin-left:calc(var(--spacing,.25rem)*0)}.game-platform-name[data-v-e0bbf918]{display:inline}}@media(min-width:68.75rem){.game-item-link--detailed[data-v-e0bbf918]{grid-template-columns:1.5rem minmax(0,2.2fr) minmax(0,2fr) 8rem 19rem}.game-genres[data-v-e0bbf918]{display:flex;gap:calc(var(--spacing,.25rem)*.5);min-width:calc(var(--spacing,.25rem)*0);overflow:hidden}.game-genre[data-v-e0bbf918]{color:var(--color-zinc-300,oklch(87.1% .006 286.286));padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1.5)}.game-genre[data-v-e0bbf918],.game-type[data-v-e0bbf918]{font-size:var(--text-xs,.675rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.game-type[data-v-e0bbf918]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
