*,
:after,
:before {
  border:0 solid #e5e7eb;
  box-sizing:border-box;
}

:after,
:before {
  --tw-content:"";
}

html {
  -webkit-text-size-adjust:100%;
  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;
  line-height:1.5;
  tab-size:4;
}

body {
  line-height:inherit;
  margin:0;
}

hr {
  border-top-width:1px;
  color:inherit;
  height:0;
}

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,
pre,
samp {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em;
}

small {
  font-size:80%;
}

sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:initial;
}

sub {
  bottom:-.25em;
}

sup {
  top:-.5em;
}

table {
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0;
}

button,
input,
optgroup,
select,
textarea {
  color:inherit;
  font-family:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  margin:0;
  padding:0;
}

button,
select {
  text-transform:none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button;
  background-color:initial;
  background-image:none;
}

:-moz-focusring {
  outline:auto;
}

:-moz-ui-invalid {
  box-shadow:none;
}

progress {
  vertical-align:initial;
}

::-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,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin:0;
}

fieldset {
  margin:0;
}

fieldset,
legend {
  padding:0;
}

menu,
ol,
ul {
  list-style:none;
  margin:0;
  padding:0;
}

textarea {
  resize:vertical;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:#9ca3af;
  opacity:1;
}

input::placeholder,
textarea::placeholder {
  color:#9ca3af;
  opacity:1;
}

[role=button],
button {
  cursor:pointer;
}

:disabled {
  cursor:default;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display:block;
  vertical-align:middle;
}

img,
video {
  height:auto;
  max-width:100%;
}

*,
:after,
:before {
  --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:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(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:;
}

::-webkit-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:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(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:;
}

::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:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(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:;
}

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

.top-0 {
  top:0;
}

.bottom-0 {
  bottom:0;
}

.left-2 {
  left:.5rem;
}

.my-auto {
  margin-bottom:auto;
  margin-top:auto;
}

.mx-4 {
  margin-left:1rem;
  margin-right:1rem;
}

.mr-9 {
  margin-right:2.25rem;
}

.mb-2\.5 {
  margin-bottom:.625rem;
}

.mb-2 {
  margin-bottom:.5rem;
}

.mt-2 {
  margin-top:.5rem;
}

.mt-auto {
  margin-top:auto;
}

.mr-3 {
  margin-right:.75rem;
}

.mr-1 {
  margin-right:.25rem;
}

.mb-1 {
  margin-bottom:.25rem;
}

.flex {
  display:flex;
}

.h-116 {
  height: 587px;
}

.h-16 {
  height:4rem;
}

.h-8 {
  height: 3rem;
}

.h-px {
  height:1px;
}

.h-14 {
  height: 100px;
}

.h-6 {
  height:1.5rem;
}

.h-125\.5 {
  height:31.375rem;
}

.h-fit {
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
}

.h-screen {
  height:100vh;
}

.w-152 {
  width:38rem;
}

.w-16 {
  width:4rem;
}

.w-8 {
  width: 3rem;
}

.w-64 {
  width:16rem;
}

.w-14 {
  width: 100px;
}

.w-28 {
  width:7rem;
}

.w-320 {
  width:80rem;
}

.w-142 {
  width:35.5rem;
}

.flex-row-reverse {
  flex-direction:row-reverse;
}

.flex-col {
  flex-direction:column;
}

.flex-wrap {
  flex-wrap:wrap;
}

.content-start {
  align-content:flex-start;
}

.items-start {
  align-items:flex-start;
}

.items-end {
  align-items:flex-end;
}

.items-center {
  align-items:center;
}

.justify-end {
  justify-content:flex-end;
}

.justify-center {
  justify-content:center;
}

.justify-between {
  justify-content:space-between;
}

.gap-1 {
  gap:.25rem;
}

.gap-3 {
  gap:.75rem;
}

.overflow-auto {
  overflow:auto;
}

.whitespace-nowrap {
  white-space:nowrap;
}

.rounded-full {
  border-radius:9999px;
}

.border {
  border-width:1px;
}

.border-2 {
  border-width:2px;
}

.border-solid {
  border-style:solid;
}

.border-yellow-400\/70 {
  border-color:rgba(250,204,21,.7);
}

.border-gray-500\/50 {
  border-color:hsla(220,9%,46%,.5);
}

.border-red-300\/70 {
  border-color:hsla(0,94%,82%,.7);
}

.border-sky-300\/70 {
  border-color:rgba(125,211,252,.7);
}

.border-gray-500\/30 {
  border-color:hsla(220,9%,46%,.3);
}

.bg-inherit {
  background-color:inherit;
}

.bg-gray-500\/50 {
  background-color:hsla(220,9%,46%,.5);
}

.bg-gradient-to-l {
  background-image:linear-gradient(to left,var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image:linear-gradient(to right,var(--tw-gradient-stops));
}

.bg-\[url\(\'\.\.\/\.\.\/ban-pick\/img\/Background\.jpg\'\)\] {
  background-image:url(https://banpick.khanhhy.com/img/Background.jpg);
}

.from-gray-500\/50 {
  --tw-gradient-from:hsla(220,9%,46%,.5);
  --tw-gradient-to:hsla(220,9%,46%,0);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.to-gray-500\/0 {
  --tw-gradient-to:hsla(220,9%,46%,0);
}

.bg-cover {
  background-size:cover;
}

.bg-center {
  background-position:50%;
}

.py-4 {
  padding-bottom:1rem;
  padding-top:1rem;
}

.pl-7 {
  padding-left:1.75rem;
}

.text-right {
  text-align:right;
}

.text-xs {
  font-size:.75rem;
  line-height:1rem;
}

.text-xl {
  font-size:1.25rem;
  line-height:1.75rem;
}

.text-gray-200\/70 {
  color:rgba(229,231,235,.7);
}

.text-yellow-400\/70 {
  color:rgba(250,204,21,.7);
}

.text-red-300 {
  --tw-text-opacity:1;
  color:rgb(252 165 165/var(--tw-text-opacity));
}

.text-sky-300 {
  --tw-text-opacity:1;
  color:rgb(125 211 252/var(--tw-text-opacity));
}

.grayscale {
  --tw-grayscale:grayscale(100%);
}

.filter,
.grayscale {
  -webkit-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: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-all {
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
}

.scrollbar::-webkit-scrollbar {
  width:5px;
}

.scrollbar::-webkit-scrollbar-track {
  background:none;
  height:5px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background:#ca8a04;
  border-radius:100px;
  height:5px;
}

* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}

.hover\:cursor-pointer:hover {
  cursor:pointer;
}

.hover\:bg-gray-500\/50:hover {
  background-color:hsla(220,9%,46%,.5);
}

.hover\:text-white:hover {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
}