span[data-v-6d7a3154]{border-radius:100px;text-align:center;border-style:solid;font-size:13px}.genre-card[data-v-ce3e4475]{position:relative;border-radius:15px;overflow:hidden;width:200px}.genre-card__image[data-v-ce3e4475]{width:100%;height:auto;object-fit:cover}.genre-card__overlay[data-v-ce3e4475]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.genre-card__details[data-v-ce3e4475]{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff;z-index:1;padding-bottom:15px}.genre-card__title[data-v-ce3e4475]{font-size:20px}.genres[data-v-559d6abc]{background:linear-gradient(to bottom,#eee,#fff);border-radius:20px 0 0}.carousel-wrapper[data-v-559d6abc]{max-width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:auto;gap:10px;padding:0 5px 10px 0;margin-bottom:30px;justify-items:center;overflow-x:auto;overscroll-behavior-inline:contain}.cls-1[data-v-8eb5b159]{fill-rule:evenodd}.nav-wrapper[data-v-5bc09767]{position:relative;width:100%;overflow:hidden}.nav[data-v-5bc09767]{position:fixed;z-index:101;right:0;left:0;border-radius:0;top:0;padding:0 2%;margin:0;width:100%;height:60px;background:linear-gradient(to bottom,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);display:grid;align-items:center;grid-template-rows:60px;grid-template-columns:auto 1fr auto}.nav__msg[data-v-5bc09767]{line-height:60px;text-align:center;color:#fff;font-size:17px}.nav__btn[data-v-5bc09767]{display:block;outline:none;border:none;cursor:pointer}.btn--back[data-v-5bc09767]{grid-column-start:back;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.btn--back svg[data-v-5bc09767]{fill:#ddd;width:30px;height:30px}.btn--package[data-v-5bc09767]{z-index:1;text-align:center;background-color:#fff;display:flex;align-items:center;justify-content:center;width:calc(100% - 12px);height:60px;border-radius:10px}.btn--package svg[data-v-5bc09767]{position:relative;bottom:1px;fill:var(--base);width:30px;height:30px;margin:0}.btn--logout[data-v-5bc09767]{background-color:#000;color:#fff;padding:10px 0;height:auto}.btn--logout span[data-v-5bc09767]{margin-right:5px}.nav__icon[data-v-5bc09767]{fill:#a8a8a8;width:30px;height:30px;margin-bottom:8px}.drawer[data-v-5bc09767]{position:fixed;z-index:102;border-radius:30px 0 0;top:0;right:0;bottom:0;width:320px;transform:translate(320px);transition:all .3s ease;overflow:hidden;background-color:#eee;background-repeat:no-repeat;background-position:top -4px left;background-size:auto 162px;padding-top:52px}.drawer__items[data-v-5bc09767]{direction:rtl;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 10px;margin-bottom:20px}.drawer--show[data-v-5bc09767]{transform:translate(0)}.drawer__inside[data-v-5bc09767]{direction:ltr;height:100%;width:100%;z-index:103;overflow:auto}.drawer__scrollarea[data-v-5bc09767]{width:100%;height:100%;position:relative}.drawer__scrollables[data-v-5bc09767]{min-width:100%;min-height:calc(100% - 3px);position:absolute;display:flex;align-items:center;flex-direction:column}.drawer__logo[data-v-5bc09767]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.drawer__logo img[data-v-5bc09767]{width:110px;max-height:200px}.nav__logo[data-v-5bc09767]{width:120px;position:relative}.nav__close[data-v-5bc09767]{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background-color:#000;z-index:101;opacity:.75}.copy[data-v-5bc09767]{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0 10px}.copy__version[data-v-5bc09767]{width:100%;color:#777;text-align:center;font-size:11px}.footer[data-v-8499ed30]{background-color:#222;position:fixed;bottom:0;width:100%;right:0;left:0;height:50px;padding:0;margin:0;z-index:10;box-shadow:0 0 8px 1px #000;display:flex;align-items:center;justify-content:space-between}.footer__item[data-v-8499ed30]{width:20%;height:100%;margin:0;list-style:none;cursor:pointer;z-index:12}.footer__link[data-v-8499ed30]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.footer__link i[data-v-8499ed30]{padding-top:1px;width:35px;height:35px;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer__link i .footer__icon[data-v-8499ed30]{fill:url(#footer-gradient);height:20px}.footer__icon[data-v-8499ed30]{fill:#ddd;height:25px}.footer--iphone-x[data-v-8499ed30]{height:70px;padding-bottom:20px}.footer--light[data-v-8499ed30]{background-color:#fff;box-shadow:0 0 8px 1px #0000001a}.footer--light .footer__icon[data-v-8499ed30]{fill:#131313}*,*:before,*:after{box-sizing:border-box;border-width:0;font:inherit}*{margin:0;padding:0}html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.15;font-size:1rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}a{background-color:transparent;text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}ul,ol{list-style:none}label[for]{cursor:pointer}button,input,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;background:transparent;outline:0;border-radius:0;text-align:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled]{cursor:default}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Roboto,sans-serif}body,#app{width:100%;display:flex;align-items:center;flex-direction:column}.snaps-inline-align{scroll-snap-align:center;cursor:grab}.snaps-inline{scroll-snap-type:inline mandatory;scroll-padding-inline:1rem}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.page{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:70px;padding-bottom:50px}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}.mb-10px,[mb-10px=""]{margin-bottom:10px}[m~=b-15px]{margin-bottom:15px}[m~=l-15px]{margin-left:15px}.block{display:block}.hidden{display:none}.h-20px{height:20px}.h-30px{height:30px}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.max-w-1260px{max-width:1260px}.w-30px{width:30px}.w-98\%{width:98%}.w-full{width:100%}[h~="4px"]{height:4px}[w~="90%"]{width:90%}.flex{display:flex}.flex-col{flex-direction:column}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.items-center{align-items:center}.self-end{align-self:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6px{grid-gap:6px;gap:6px}.b-15px{border-width:15px}.border{border-width:1px}.rounded-lg,[border~=rounded-lg]{border-radius:.5rem}[bg~=lime]{--un-bg-opacity:1;background-color:rgba(163,230,53,var(--un-bg-opacity))}[bg~=white]{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity))}.px-10px,[px-10px=""]{padding-left:10px;padding-right:10px}.px-15px{padding-left:15px;padding-right:15px}.pt-15px{padding-top:15px}.fw-bold,[fw-bold=""]{font-weight:700}[color~="#111"]{--un-text-opacity:1;color:rgba(17,17,17,var(--un-text-opacity))}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}