Outros Videos | Selected Collection - Adult Entertainment

@layer reset, tokens, base, components, layouts, pages, utilities, domain-tokens, domain-overrides; @layer domain-tokens{ :root{--bg-page:var(--background);--bg-surface:var(--card);--bg-elevated:var(--popover);--bg-header:var(--background);--bg-input:var(--input);--bg-overlay:rgb(from var(--background) r g b / 0.92);--main-bg:var(--background);--secondary-bg:var(--card);--html-bg-dark-blue:var(--background);--body-bg-dark-blue:var(--background);--header-bg-dark-blue:var(--background);--header-border-bottom:oklch(from var(--background) calc(max(l * 0.35,0)) c h);--hover-bg:var(--popover);--filter-bg-dark:var(--popover);--element-bg-dark-blue:var(--popover);--widget-underplayer-bg:var(--popover);--totop-bg:var(--popover);--text-1:var(--foreground);--text-2:oklch(from var(--muted-foreground) calc(min(l + 0.16,0.95)) c h);--text-heading:var(--foreground);--text-link:var(--foreground);--text-link-hover:var(--primary);--text-primary:var(--foreground);--text-secondary:var(--muted-foreground);--text-grey-medium:var(--foreground);--text-grey-dark:var(--foreground);--text-grey-light:var(--foreground);--text-light-grey:var(--muted-foreground);--heading-text-light:var(--foreground);--headline-text-grey:var(--muted-foreground);--chip-text:var(--foreground);--fs-title-text:var(--foreground);--card-title-text:var(--foreground);--card-body-text:var(--foreground);--item-cs-color:var(--foreground);--filter-a:var(--foreground);--filter-text:var(--muted-foreground);--totop-color:var(--foreground);--totop-border:var(--foreground);--totop-arrow:var(--foreground);--loader-ring:var(--foreground);--cloud-link-text:var(--foreground);--cloud-link-text-sized:var(--foreground);--cloud-link-text-hover:var(--primary);--cs-cloud-link-text:var(--primary);--sidebar-link-text:var(--foreground);--sidebar-headline-text-dark:var(--background);--sidebar-external-link-text:var(--primary);--external-link-text:var(--primary);--show-my-videos-text:var(--foreground);--accent-color:var(--primary);--accent-primary-dark:var(--primary);--accent-secondary-darker:var(--primary);--tag:var(--primary);--tag-color:var(--primary);--end-accent:var(--primary);--highlight-bg-blue:var(--primary);--filter-active-bg:var(--primary);--filter-active-text:var(--primary-foreground);--filter-hover-bg:var(--primary);--filter-hover-color:var(--primary-foreground);--filter-hover-text:var(--primary-foreground);--filter-checked-bg:var(--primary);--filter-span-bg:var(--secondary);--filter-span-border:var(--border);--filter-span-hover-bg:var(--primary);--filter-span-hover-color:var(--primary-foreground);--autocomplete-bg:var(--primary);--autocomplete-text:var(--primary-foreground);--autocomplete-alt-bg:var(--secondary);--autocomplete-alt-text:var(--foreground);--search-autocomple-bg:var(--primary);--search-autocomple-color:var(--primary-foreground);--search-autocomple-other-bg:var(--secondary);--search-autocomple-other-color:var(--foreground);--search-bg:var(--popover);--search-form-bg-light:var(--card);--search-form-bg:oklch(from var(--card) calc(min(l * 1.4,1)) c h);--search-form-border:oklch(from var(--background) calc(max(l * 0.55,0)) c h);--search-elem-separator-color:var(--border);--clear-search-bg:var(--input);--clear-search-bg-dark:var(--card);--list-search-item-bg:var(--input);--list-search-item-hover-bg:var(--border);--related-search-bg:var(--border);--link-related-bg:var(--border);--total-videos-bg:var(--card);--thumb-filter-element-text:var(--muted-foreground);--thumb-filter-element-active-bg:var(--primary);--thumb-filter-element-active-text:var(--primary-foreground);--thumb-filter-element-separator:var(--border);--card-bg:var(--card);--card-border:rgb(from var(--primary) r g b / 0.15);--card-border-hover:rgb(from var(--primary) r g b / 0.4);--card-shadow:rgb(from var(--primary) r g b / 0.18);--card-shadow-color:rgb(from var(--primary) r g b / 0.2);--card-border-color:rgb(from var(--primary) r g b / 0.15);--card-border-hover-color:rgb(from var(--primary) r g b / 0.4);--border-accent:rgb(from var(--primary) r g b / 0.18);--border-light:rgb(from var(--primary) r g b / 0.12);--border-color:var(--border);--border-separator:var(--border);--separator-color:var(--border);--dyn-border:var(--border);--filter-border-grey:var(--border);--root-menu-border:var(--border);--img-xid-border:var(--border);--load-more-border:var(--border);--page-link-border:var(--border);--stripe-border:var(--border);--video-tabs-border:var(--border);--flag-header-border:var(--border);--flag-nav-border-color:var(--popover);--badge-duration-bg:var(--muted-foreground);--video-dur-bg:var(--muted-foreground);--video-quality-bg:var(--popover);--overlay-bg:rgb(from var(--background) r g b / 0.92);--hover-light:rgb(from var(--primary) r g b / 0.08);--alpha-accent-35:rgb(from var(--primary) r g b / 0.35);--alpha-accent-08:rgb(from var(--primary) r g b / 0.08);--tags-border-alpha:rgb(from var(--primary) r g b / 0.35);--skeleton-1:var(--card);--skeleton-2:var(--background);--skeleton-color-1:var(--card);--skeleton-color-2:var(--background);--tag-bg-dark-blue:var(--popover);--tag-bg-grey:var(--border);--worddiv-bg:var(--popover);--elem-hover-bg:var(--popover);--form-readonly-bg:var(--popover);--end-alert:var(--destructive);--end-text:var(--foreground);--end-text-muted:var(--muted-foreground);--end-text-on-accent:var(--primary-foreground);--end-bg-1:var(--background);--end-bg-2:var(--card);--end-bg-3:var(--popover);--end-border-1:var(--border);--end-border-2:var(--border);--end-border-3:var(--card);--end-border-strong:var(--muted-foreground);--end-totop:var(--muted-foreground);--sort-bg-dark-blue:var(--background);--lds-ring-color:var(--foreground);--form-focus-border-blue:var(--ring)} } :root{--toplist-text:var(--foreground);--toplist-text-dim:var(--muted-foreground);--toplist-link-hover:var(--primary)} .item:hover,.card:hover,.video-item:hover,a.video:hover{transform:none !important;box-shadow:none !important} .item:hover .img_thumb,.card:hover .img_thumb{box-shadow:none !important;opacity:1 !important} .bb_show_1,.bb_show_2,.bb_show_3,.bb_show_4,.bb_show_5{margin:var(--space-1_5) 5px 30px} @layer domain-tokens{ :root{--background:#0d0d11;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--popover:#1d1d21;--popover-foreground:#fafafa;--primary:#a8173a;--primary-foreground:#ffffff;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#b5b5bc;--accent:#3f3f46;--accent-foreground:#fafafa;--destructive:#dc2626;--destructive-foreground:#fafafa;--border:#3f3f46;--input:#27272a;--ring:#fb7185;--radius:0.5rem;--accent-hover:#ff8a9a;--accent-light:#ffe4e6;--accent-alt:#ff99a8;--accent-primary:#ffa3b2;--accent-primary-light:#ffe0e6;--accent-secondary:#ff99a8;--accent-secondary-hover:#ffffff;--dyn-selected-text:#ff99a8;--thumb-filter-element-hover-color:#ff99a8;--thumb-filter-element-hover-bg:transparent;--dyn-border-hover:#52525b;--badge-quality-bg:rgb(168 23 58 / 92%);--badge-quality-text:#ffffff;--var-quality-bg:rgb(168 23 58 / 92%);--var-quality-color:#ffffff;--quality-bg-alert-alpha:rgb(168 23 58 / 92%);--chip-bg:transparent;--chip-border:transparent;--item-cs-bg:transparent;--item-cs-border:transparent;--item-img-thumb:#000000;--white:#ffffff;--black:#000000;--base-dark:#000000;--transparent:transparent;--bg-transparent:transparent;--highlight-yellow:#ffcc00;--icon-hover-success:#4ade80;--icon-hover-warning:#ff99a8;--icon-hover-green:#4ade80;--icon-hover-orange:#fb923c;--icon-opacity:100%;--var-icon-opacity:100%;--loader-ring-bg:#ffffff;--lds-ring-bg:#ffffff;--alpha-dark-75:rgba(0,0,0,0.75);--alpha-dark-50:rgba(0,0,0,0.5);--alpha-dark-40:rgba(0,0,0,0.4);--alpha-dark-35:rgba(0,0,0,0.35);--alpha-dark-25:rgba(0,0,0,0.25);--alpha-dark-20:rgba(0,0,0,0.2);--alpha-dark-05:rgba(0,0,0,0.05);--alpha-light-65:rgba(255,255,255,0.65);--alpha-light-40:rgba(255,255,255,0.4);--alpha-light-25:rgba(255,255,255,0.25);--black-alpha-75:rgba(0,0,0,0.75);--black-alpha-50:rgba(0,0,0,0.5);--black-alpha-42:rgba(0,0,0,0.42);--black-alpha-40:rgba(0,0,0,0.4);--black-alpha-35:rgba(0,0,0,0.35);--black-alpha-34:rgba(0,0,0,0.34);--black-alpha-25:rgba(0,0,0,0.25);--black-alpha-20:rgba(0,0,0,0.2);--black-alpha-05:rgba(0,0,0,0.05);--white-alpha-65:rgba(255,255,255,0.65);--white-alpha-40:rgba(255,255,255,0.4);--white-alpha-25:rgba(255,255,255,0.25);--base-dark-alpha-75:rgba(0,0,0,0.75);--base-dark-alpha-50:rgba(0,0,0,0.5);--base-dark-alpha-42:rgba(0,0,0,0.42);--base-dark-alpha-40:rgba(0,0,0,0.4);--base-dark-alpha-35:rgba(0,0,0,0.35);--base-dark-alpha-34:rgba(0,0,0,0.34);--base-dark-alpha-25:rgba(0,0,0,0.25);--base-dark-alpha-20:rgba(0,0,0,0.2);--base-dark-alpha-15:rgba(0,0,0,0.15);--base-dark-alpha-10:rgba(0,0,0,0.1);--base-dark-alpha-05:rgba(0,0,0,0.05);--base-light-alpha-65:rgba(255,255,255,0.65);--base-light-alpha-40:rgba(255,255,255,0.4);--base-light-alpha-25:rgba(255,255,255,0.25);--menu-overlay:rgba(0,0,0,0.8);--var-menu-holder-open-bg:rgba(0,0,0,0.8)} } :root { --background: #1d212a; --foreground: #f4f5f5; --card: #2e3138; --card-foreground: #f4f5f5; --popover: #343d50; --popover-foreground: #f4f5f5; --primary: #eab308; --primary-foreground: #1a1400; --secondary: #212631; --secondary-foreground: #f4f5f5; --muted: #212631; --muted-foreground: #a1a6af; --accent: #343d50; --accent-foreground: #f4f5f5; --destructive-foreground: #ffffff; --border: #3c465d; --input: #212631; --ring: #f9cd46; --badge-quality-bg: var(--primary); --var-quality-bg: var(--primary); --quality-bg-alert-alpha: var(--primary); /* legacy-alias live overrides */ --bg-page: var(--background); --text-2: var(--muted-foreground); --accent-hover: var(--ring); --accent-alt: var(--ring); --accent-primary: var(--ring); --accent-secondary: var(--ring); --thumb-filter-element-hover-color: var(--ring); --bg-input: var(--muted); --clear-search-bg: var(--popover); /* accent palette */ --accent-hover: #da1545; --accent-light: #eedde1; --accent-alt: #c71d47; --accent-primary: #be123c; --accent-primary-light: #ecdfe2; --accent-secondary: #ba2046; --dyn-selected-text: #be123c; --thumb-filter-element-hover-color: #be123c; --menu-overlay: rgba(0, 0, 0, 0.8); --var-menu-holder-open-bg: rgba(0, 0, 0, 0.8); /* alpha schemes */ --alpha-dark-05: rgba(0, 0, 0, 0.05); --alpha-dark-20: rgba(0, 0, 0, 0.2); --alpha-dark-25: rgba(0, 0, 0, 0.25); --alpha-dark-35: rgba(0, 0, 0, 0.35); --alpha-dark-40: rgba(0, 0, 0, 0.4); --alpha-dark-50: rgba(0, 0, 0, 0.5); --alpha-dark-75: rgba(0, 0, 0, 0.75); --black-alpha-05: rgba(0, 0, 0, 0.05); --black-alpha-20: rgba(0, 0, 0, 0.2); --black-alpha-25: rgba(0, 0, 0, 0.25); --black-alpha-34: rgba(0, 0, 0, 0.34); --black-alpha-35: rgba(0, 0, 0, 0.35); --black-alpha-40: rgba(0, 0, 0, 0.4); --black-alpha-42: rgba(0, 0, 0, 0.42); --black-alpha-50: rgba(0, 0, 0, 0.5); --black-alpha-75: rgba(0, 0, 0, 0.75); --base-dark-alpha-05: rgba(0, 0, 0, 0.05); --base-dark-alpha-10: rgba(0, 0, 0, 0.1); --base-dark-alpha-15: rgba(0, 0, 0, 0.15); --base-dark-alpha-20: rgba(0, 0, 0, 0.2); --base-dark-alpha-25: rgba(0, 0, 0, 0.25); --base-dark-alpha-34: rgba(0, 0, 0, 0.34); --base-dark-alpha-35: rgba(0, 0, 0, 0.35); --base-dark-alpha-40: rgba(0, 0, 0, 0.4); --base-dark-alpha-42: rgba(0, 0, 0, 0.42); --base-dark-alpha-50: rgba(0, 0, 0, 0.5); --base-dark-alpha-75: rgba(0, 0, 0, 0.75); --alpha-light-25: rgba(255, 255, 255, 0.25); --alpha-light-40: rgba(255, 255, 255, 0.4); --alpha-light-65: rgba(255, 255, 255, 0.65); --white-alpha-25: rgba(0, 0, 0, 0.25); --white-alpha-40: rgba(0, 0, 0, 0.4); --white-alpha-65: rgba(0, 0, 0, 0.65); --base-light-alpha-25: rgba(255, 255, 255, 0.25); --base-light-alpha-40: rgba(255, 255, 255, 0.4); --base-light-alpha-65: rgba(255, 255, 255, 0.65); } /* Chrome rules */ .thumb_filter_element.active, .filter-active, .filter-checked, [role=tab][aria-selected=true] { background: var(--primary) !important; color: var(--primary-foreground) !important; border: 0 !important; border-radius: var(--radius) !important; padding: 4px 14px !important; font-weight: 600 !important; box-shadow: none !important; } .thumb_filter { border: 1px solid oklch(from var(--border) calc(max(l * 0.45, 0)) c h) !important; } .thumb_filter_element { padding: 0 8px !important; line-height: 26px !important; height: 26px !important; } .page_link { border-radius: 50% !important; min-width: 2.25rem !important; width: 2.25rem !important; height: 2.25rem !important; padding: 0 !important; } .text-categories a { color: color-mix(in srgb, var(--muted-foreground), white 24%) !important; border-radius: var(--radius) !important; background-color: var(--card) !important; border: 1px solid color-mix(in srgb, var(--card), black 36%) !important; box-shadow: 1px 1px 3px rgba(0, 0, 0, .4) !important; } .item, .card, .video-item, a.video:hover { transform: none !important; box-shadow: none !important; } .item, .card, .video-item, a.video:hover .img_thumb { box-shadow: none !important; opacity: 1 !important; } .item_cs::before, .tag::before, a.tag::before { content: "" !important; display: inline-block !important; vertical-align: middle !important; margin-right: 4px !important; width: 6px; height: 6px; border-radius: 999px; background: var(--accent-alt); border: none; } .cs_views::before, .item_model::before, .item_cs::before, .tag::before, a.tag::before { content: '' !important; width: 0 !important; height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; transform: none !important; display: inline-block !important; vertical-align: middle !important; margin-right: 5px !important; } .cs_views::before, .item_model::before, .item_cs::before, .tag::before, a.tag::before { width:6px !important; height:6px !important; background:var(--accent-alt) !important; transform:rotate(45deg) !important; margin-right:7px !important } :root{--space-0:0;--space-px:1px;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.125rem;--radius:0.5rem;--radius-md:0.375rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:0.75rem;--text-xs-lh:1rem;--text-sm:0.875rem;--text-sm-lh:1.25rem;--text-base:1rem;--text-base-lh:1.5rem;--text-lg:1.125rem;--text-lg-lh:1.75rem;--text-xl:1.25rem;--text-xl-lh:1.75rem;--text-2xl:1.5rem;--text-2xl-lh:2rem;--text-3xl:1.875rem;--text-3xl-lh:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--shadow-none:0 0 #0000;--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto} :root{--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#09090b;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519} @layer tokens{ :root{--background:var(--zinc-950);--foreground:var(--zinc-50);--card:var(--zinc-900);--card-foreground:var(--zinc-50);--popover:var(--zinc-900);--popover-foreground:var(--zinc-50);--primary:var(--rose-700);--primary-foreground:var(--zinc-50);--secondary:var(--zinc-800);--secondary-foreground:var(--zinc-50);--muted:var(--zinc-800);--muted-foreground:var(--zinc-300);--accent:var(--zinc-800);--accent-foreground:var(--zinc-50);--destructive:#dc2626;--destructive-foreground:var(--zinc-50);--border:var(--zinc-700);--input:var(--zinc-700);--ring:var(--rose-400)} [data-theme="light"]{--background:var(--zinc-50);--foreground:var(--zinc-950);--card:#ffffff;--card-foreground:var(--zinc-950);--popover:#ffffff;--popover-foreground:var(--zinc-950);--primary:var(--rose-700);--primary-foreground:var(--zinc-50);--secondary:var(--zinc-100);--secondary-foreground:var(--zinc-900);--muted:var(--zinc-100);--muted-foreground:var(--zinc-600);--accent:var(--zinc-100);--accent-foreground:var(--zinc-900);--destructive:#dc2626;--destructive-foreground:var(--zinc-50);--border:var(--zinc-300);--input:var(--zinc-300);--ring:var(--rose-500)} } :root{--radius-button:var(--radius);--radius-button-sm:var(--radius-sm);--radius-input:var(--radius);--radius-card:var(--radius-lg);--radius-chip:var(--radius-full);--radius-badge:var(--radius-sm);--radius-modal:var(--radius-xl);--radius-popover:var(--radius-lg);--radius-sidebar:0;--radius-player:var(--radius-lg);--radius-player-control:var(--radius-full);--radius-thumbnail:var(--radius);--radius-skeleton:var(--radius-sm)} @layer reset{ *,*::before,*::after{box-sizing:border-box} *{margin:0;padding:0} html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;background:var(--background);color:var(--foreground);font-family:var(--font-sans)} img,picture,video,canvas,svg{display:block;max-width:100%} input,button,textarea,select{font:inherit;color:inherit} p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word} a{color:inherit;text-decoration:none} button{background:transparent;border:0;cursor:pointer;color:inherit} } @layer base{ html{font-size:16px} body{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--foreground)} h1{font-size:var(--text-2xl);line-height:var(--text-2xl-lh);font-weight:var(--font-bold);scroll-margin-top:var(--space-16)} h2{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:var(--font-bold)} h3{font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:var(--font-semibold)} h4{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:var(--font-semibold)} small{font-size:var(--text-xs);line-height:var(--text-xs-lh)} code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--text-sm)} } @layer base{ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important} } :focus-visible{outline:2px solid var(--ring);outline-offset:2px} :focus:not(:focus-visible){outline:none} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} } @layer base{ *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} body,div,form,h1,h2,input,p{margin:0;padding:0} html{scrollbar-width:thin;scrollbar-color:var(--border) transparent} ::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--bg-page);background-clip:content-box;min-height:40px} ::-webkit-scrollbar-thumb:hover{background:var(--alpha-accent-35,var(--primary));background-clip:content-box} ::-webkit-scrollbar-corner{background:transparent} html{height:100%;background:var(--bg-page)} body{font-size:16px;line-height:1.5;font-family:Arial, sans-serif;min-height:100%;color:var(--text-grey-medium);-webkit-text-size-adjust:none;-ms-text-size-adjust:none;padding-top:48px;background-color:var(--bg-page);position:relative} .text-categories a,body,html{background-color:var(--bg-page)} input{font-size:14px;line-height:16px;font-family:Arial,Helvetica,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none} a{color:var(--text-1);text-decoration:none} img{border:0} img[alt]{text-indent:-10000px} .container{box-sizing:border-box;position:relative;display:block;padding:0 5px} .container:after{content:'';float:none;clear:both;display:block} .container,.footer,main{margin:0 auto;max-width:1480px} header .container{height:auto;min-height:0;background-color:var(--bg-header);background-color:var(--bg-transparent)} header{text-align:center;position:fixed;background:var(--bg-header);border-bottom:1px solid var(--black);margin:0 0 5px;height:auto;top:0;left:0;right:0;z-index:9;padding:calc(8px + env(safe-area-inset-top,0px)) 0 8px;background:var(--bg-surface);border-bottom:1px solid var(--header-border-bottom)} header:after{content:'';display:block;float:none;clear:both} .logo{background-image:url(/i/v2/images/logo.svg);background-repeat:no-repeat;float:left;padding:0 0 0 8px;height:26px;width:130px;overflow:hidden;background-size:contain;aspect-ratio:5/1} .logo:after{display:none} .headline{position:relative;height:auto;display:block;overflow:hidden;padding:5px 4px;color:var(--headline-text-grey);margin:0 0 var(--space-1)} .headline:after{display:block;clear:both} .headline h2{font-size:16px;opacity:1;font-weight:700;text-transform:uppercase;letter-spacing:0.03em} h1,h2{text-transform:uppercase;font-weight:600;float:left;padding:4px 2px 4px 2px;font-size:18px;line-height:1.3;letter-spacing:.06em;color:var(--text-1);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px} h1:before,h2:before{display:inline-block;vertical-align:middle;width:0;height:0;content:'';background-position:right bottom;margin:-7px 0 0;background-size:300px} @media (max-width:767.98px){ .headline{position:relative} .headline:not(:has(.a_show_settings)) h1,.headline:not(:has(.a_show_settings)) h2{white-space:normal;overflow:visible;text-overflow:clip;padding-right:4px} .headline:has(.a_show_settings) h1,.headline:has(.a_show_settings) h2{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:62px;box-sizing:border-box} } @media (min-width:768px){ .headline{margin-bottom:var(--space-5)} h1,h2{font-size:20px} .headline h2{font-size:18px} } @media (min-width:1024px){ .headline{margin:0 2px var(--space-6)} h1,h2{font-size:22px} .headline h2{font-size:20px} } @media (min-width:1280px){ body{padding-top:55px} header{position:absolute;margin:0 0 20px;padding:8px 0} .logo{padding:0;height:44px;width:220px} h1,h2{font-size:24px;letter-spacing:.06em;white-space:normal;overflow:visible;text-overflow:clip;padding-right:2px} .headline h2{font-size:22px} h1:before,h2:before{background-size:auto} } @media (min-width:1536px){ h1,h2{font-size:26px} .headline h2{font-size:24px} .headline{margin-bottom:var(--space-8)} h1{padding-left:8px} } .about{font-size:13px;line-height:1.5;box-shadow:1px 1px 3px var(--black-alpha-35);text-shadow:1px 1px 0 var(--black-alpha-35);background-color:var(--black-alpha-50);border:1px solid var(--white-alpha-40);padding:10px;margin:20px 0 0;color:var(--text-1)} .empty-content{text-align:center;color:var(--accent-alt);font-size:22px} .static_page{display:block;border-radius:5px;box-sizing:border-box;text-align:center;max-width:1024px;margin:0 auto;padding:20px;background-color:var(--black-alpha-75);border:2px solid var(--white-alpha-25);line-height:2;color:var(--white-alpha-65)} .static_page iframe{display:inline-block;margin:0 auto;width:100%;height:980px;text-align:center} } @layer components{ .lt-btn,.btn-show-more,.report-btn,.filter_holder_btn,.fav-modal-btn,.lt-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-button);background:var(--secondary);color:var(--secondary-foreground);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--font-medium);cursor:pointer;-select:none;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out), opacity var(--duration-150) var(--ease-in-out)} .lt-btn:hover,.btn-show-more:hover,.report-btn:hover,.filter_holder_btn:hover,.fav-modal-btn:hover,.lt-icon-btn:hover{background:var(--accent);color:var(--accent-foreground)} .lt-btn:active,.btn-show-more:active,.report-btn:active,.filter_holder_btn:active,.fav-modal-btn:active,.lt-icon-btn:active{background:var(--primary);color:var(--primary-foreground)} .lt-btn:focus-visible,.btn-show-more:focus-visible,.report-btn:focus-visible,.filter_holder_btn:focus-visible,.fav-modal-btn:focus-visible,.lt-icon-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .lt-btn[disabled],.btn-show-more[disabled],.report-btn[disabled],.filter_holder_btn[disabled],.fav-modal-btn[disabled],.lt-icon-btn[disabled],.lt-btn[aria-disabled="true"],.fav-modal-btn[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;pointer-events:none} .lt-btn.active,.lt-btn.primary,.btn-show-more.primary,.fav-modal-btn.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)} .lt-btn.active:hover,.lt-btn.primary:hover,.btn-show-more.primary:hover,.fav-modal-btn.primary:hover{background:var(--primary);color:var(--primary-foreground);opacity:0.9} .lt-btn.danger,.fav-modal-btn.danger,.fav-modal-btn--danger,.report-btn.danger{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)} .lt-btn.danger:hover,.fav-modal-btn.danger:hover,.fav-modal-btn--danger:hover,.report-btn.danger:hover{background:var(--destructive);color:var(--destructive-foreground);opacity:0.9} .lt-btn.outline,.btn-show-more.outline,.fav-modal-btn.outline{background:transparent;color:var(--foreground);border-color:var(--border)} .lt-btn.outline:hover,.btn-show-more.outline:hover,.fav-modal-btn.outline:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)} .lt-btn.ghost,.fav-modal-btn.ghost{background:transparent;color:var(--foreground);border-color:transparent} .lt-btn.ghost:hover,.fav-modal-btn.ghost:hover{background:var(--accent);color:var(--accent-foreground)} .lt-btn.sm,.btn-show-more.sm,.fav-modal-btn.sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);line-height:var(--text-xs-lh)} .lt-btn.lg,.btn-show-more.lg,.fav-modal-btn.lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);line-height:var(--text-base-lh)} .lt-icon-btn{padding:var(--space-2);gap:0;line-height:1} .lt-icon-btn>svg{width:1em;height:1em;flex-shrink:0} .show_more_wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:var(--space-6) 0} .show_more_spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:show_more_spin 0.7s linear infinite} @keyframes show_more_spin{to{transform:rotate(360deg)}} .show_more_end{padding:var(--space-3) var(--space-4);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm-lh);text-align:center} .show_more_end[hidden]{display:none} #list_videos_common_videos_list_items{transition:opacity var(--duration-150) var(--ease-in-out),filter var(--duration-150) var(--ease-in-out)} #list_videos_common_videos_list_items.items_loading{opacity:0.45;filter:blur(1px);pointer-events:none} .empty_state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-4);width:100%;color:var(--muted-foreground)} .empty_state_icon{color:var(--muted-foreground);opacity:0.6;margin-bottom:var(--space-4)} .empty_state_title{margin:0 0 var(--space-2);font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:var(--font-semibold);color:var(--foreground)} .empty_state_text{margin:0 0 var(--space-5);font-size:var(--text-sm);line-height:var(--text-sm-lh);max-width:42ch} .empty_state_reset{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-6);border-radius:var(--radius-button);background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-150) var(--ease-in-out)} .empty_state_reset:hover{opacity:0.9} .empty_state_reset:focus-visible{outline:2px solid var(--ring);outline-offset:2px} #top_progress_bar{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:9999;pointer-events:none;opacity:0;transition:opacity var(--duration-150) var(--ease-in-out)} #top_progress_bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:30%;background:var(--primary);border-radius:0 3px 3px 0;animation:top_progress_slide 1.1s linear infinite} #top_progress_bar.is_active{opacity:1} @keyframes top_progress_slide{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}} @media (prefers-reduced-motion:reduce){ .show_more_spinner{animation:none} #list_videos_common_videos_list_items{transition:none} #top_progress_bar:before{animation:none;width:100%} } } @layer components{ .card{display:block;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out), transform var(--duration-150) var(--ease-in-out)} .card:hover{box-shadow:var(--shadow-md);border-color:var(--border)} .card__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--card-foreground)} .card__body{padding:var(--space-3) var(--space-4);color:var(--card-foreground)} .card__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);color:var(--card-foreground)} .item{background:transparent;color:var(--card-foreground);border:0;border-radius:0;transition:transform var(--duration-150) var(--ease-in-out)} .item:hover{} .item_a{display:block;position:relative;border-radius:var(--radius-thumbnail);overflow:hidden;color:inherit;text-decoration:none} .img_thumb{display:block;width:100%;height:auto;border-radius:var(--radius-thumbnail);aspect-ratio:16 / 9;object-fit:cover;background:var(--muted)} .item .item_title,.item .title,.show .title,.show_more .title,.title_link,.item_title{display:block;padding:var(--space-2) 0 var(--space-1)} .card,.card__header{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal} .card{background-color:var(--card-bg);-webkit-box-shadow:0 0 var(--bg-transparent), 0 0 var(--bg-transparent), 0 .375rem .375rem -.125rem var(--card-shadow);box-shadow:0 0 var(--bg-transparent), 0 0 var(--bg-transparent), 0 .375rem .375rem -.125rem var(--card-shadow);padding:.5rem;border-radius:1rem;border:1px solid var(--card-border);display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;width:330px;height:auto;-webkit-transition:.2s;transition:.2s;margin:2rem} .card__header{display:flex;-ms-flex-direction:column;flex-direction:column;margin:.5rem 0 .5rem .5rem} .card__header .header__img{height:2rem;width:2rem;-o-object-fit:cover;object-fit:cover;border-radius:50%} .card__header .header__title{font-size:1.0625rem;line-height:1.375rem;color:var(--card-title-text);font-weight:700;margin:.5rem} .card__body .body__text{color:var(--card-body-text);font-size:.8125rem} .card__body .body__img{margin:.1rem 0} .card__body .body__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:auto;border-radius:8px} .card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.5rem} .card:hover{border-color:var(--card-border-hover)} ion-icon{font-size:1.5rem;color:var(--card-body-text);cursor:pointer;-webkit-transition:color .2s;transition:color .2s} ion-icon:hover:first-of-type,ion-icon:hover:nth-of-type(2){color:var(--icon-hover-green)} ion-icon:hover:nth-of-type(3){color:var(--icon-hover-orange)} } @layer components{ .chip,.item_cs,.tag-all-link,.cs_cloud a,.cs_cloud__list__item__link,.lst_tag a{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1_5) var(--space-3_5);background:var(--muted);color:var(--muted-foreground);border:1px solid transparent;border-radius:var(--radius-chip);font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--font-medium);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out)} .chip:hover,.item_cs:hover,.tag-all-link:hover,.cs_cloud a:hover,.cs_cloud__list__item__link:hover,.lst_tag a:hover{background:var(--accent);color:var(--accent-foreground)} .chip:focus-visible,.item_cs:focus-visible,.tag-all-link:focus-visible,.cs_cloud a:focus-visible,.cs_cloud__list__item__link:focus-visible,.lst_tag a:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .chip.active,.chip.selected,.item_cs.active,.item_cs.selected,.tag-all-link.active,.lst_tag a.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)} .tag-all-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius-chip);font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--font-medium)} .size-0{font-size:var(--text-xs);line-height:var(--text-xs-lh)} .size-1{font-size:var(--text-xs);line-height:var(--text-xs-lh)} .size-2{font-size:var(--text-sm);line-height:var(--text-sm-lh)} .size-3{font-size:var(--text-sm);line-height:var(--text-sm-lh)} .size-4{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4)} .size-5{font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:var(--font-semibold);padding:var(--space-2_5) var(--space-5)} .size-6{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:var(--font-bold);padding:var(--space-3) var(--space-6)} } @layer components{ input[type="text"],input[type="search"],input[type="email"],input[type=""],input[type="url"],input[type="tel"],input[type="number"],textarea,.search-text,#wordinput,.find-input{display:block;width:100%;padding:var(--space-2) var(--space-3);background:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm-lh);transition:border-color var(--duration-150) var(--ease-in-out), background-color var(--duration-150) var(--ease-in-out), box-shadow var(--duration-150) var(--ease-in-out);appearance:none;-webkit-appearance:none} textarea{min-height:5rem;resize:vertical} input[type="text"]::placeholder,input[type="search"]::placeholder,input[type="email"]::placeholder,textarea::placeholder,.search-text::placeholder,#wordinput::placeholder,.find-input::placeholder{color:var(--muted-foreground);opacity:1} input[type="text"]:hover,input[type="search"]:hover,input[type="email"]:hover,textarea:hover,.search-text:hover,#wordinput:hover,.find-input:hover{border-color:var(--ring)} input[type="text"]:focus-visible,input[type="search"]:focus-visible,input[type="email"]:focus-visible,input[type=""]:focus-visible,input[type="url"]:focus-visible,input[type="tel"]:focus-visible,input[type="number"]:focus-visible,textarea:focus-visible,.search-text:focus-visible,#wordinput:focus-visible,.find-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-color:var(--ring)} input[type="text"][disabled],input[type="search"][disabled],textarea[disabled],.search-text[disabled],#wordinput[disabled],.find-input[disabled]{opacity:0.5;cursor:not-allowed;background:var(--muted)} input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--destructive)} input[aria-invalid="true"]:focus-visible,textarea[aria-invalid="true"]:focus-visible{outline-color:var(--destructive)} .form_submit,input[type="submit"].form_submit,button.form_submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:var(--radius-input);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--duration-150) var(--ease-in-out), opacity var(--duration-150) var(--ease-in-out)} .form_submit:hover{opacity:0.9} .form_submit:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .form_submit[disabled]{opacity:0.5;cursor:not-allowed} } @layer components{ .fav-modal-overlay,.fpl-modal-overlay,.settings-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / 0.7);z-index:var(--z-40);opacity:0;pointer-events:none;transition:opacity var(--duration-200) var(--ease-in-out)} .fav-modal-overlay.open,.fpl-modal-overlay.open,.settings-modal-overlay.open,.fav-modal-overlay-open,.fpl-modal-overlay-open,.settings-modal-overlay-open{opacity:1;pointer-events:auto} .fav-modal,.settings-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:32rem;width:calc(100% - (var(--space-4) * 2));max-height:85vh;overflow-y:auto;background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);z-index:var(--z-50);padding:var(--space-6);opacity:0;visibility:hidden;transition:opacity var(--duration-200) var(--ease-in-out), visibility var(--duration-200) var(--ease-in-out), transform var(--duration-200) var(--ease-in-out)} .fav-modal.open,.settings-modal.open,.fav-modal-open,.settings-modal-open{opacity:1;visibility:visible} /* Playlist modal (.fpl-*) styles live in components/modal_playlist.css — loaded by the manifest only on favorites/history/play pages. */ .fav-modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)} .settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9998;display:none} .settings-overlay-open{display:block} .settings-modal{position:fixed;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%) scale(0.96);width:calc(100vw - var(--space-8));max-width:420px;max-height:calc(100vh - var(--space-8));background:var(--bg-surface);border-radius:16px;z-index:9999;padding:0 0 20px;overflow-y:auto;opacity:0;visibility:hidden;transition:transform .25s ease, opacity .2s ease, visibility .25s ease} .settings-modal-open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible} .fav-modal{width:calc(100vw - var(--space-8));max-width:420px;max-height:calc(100vh - var(--space-8))} .settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)} .settings-modal-title{font-size:18px;font-weight:700;color:var(--text-1)} .settings-modal-close{background:none;border:none;color:var(--text-2);cursor:pointer;padding:4px;display:flex} .settings-modal-body{padding:8px 0} .settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;transition:background .15s} .settings-item:hover{background:var(--bg-elevated)} .settings-item-info{display:flex;align-items:center;gap:12px;color:var(--text-1);font-size:15px;font-weight:500} .settings-item-info svg{color:var(--text-2);flex-shrink:0} .settings-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0} .settings-toggle input{opacity:0;width:0;height:0} .settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);border-radius:24px;transition:.3s} .settings-toggle-slider:before{position:absolute;content:'';height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s} .settings-toggle input:checked+.settings-toggle-slider{background:var(--accent)} .settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(20px)} @media (min-width:768px){ .settings-modal,.fav-modal{width:auto;min-width:400px;max-width:480px} } body.modal-open{overflow:hidden} .auth-required-body{padding:20px} .auth-required-msg{color:var(--text-1);font-size:15px;line-height:1.5;margin:0 0 16px;text-align:center} .auth-required-btn{display:block;width:100%;padding:12px 16px;background:var(--accent-alt);color:var(--bg-page);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s} .auth-required-btn:hover{opacity:.9} } @layer components{ .lang-dropdown,.autocomplete,#search_autocomple{position:absolute;min-width:10rem;background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-popover);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:var(--z-20);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-150) var(--ease-in-out), visibility var(--duration-150) var(--ease-in-out), transform var(--duration-150) var(--ease-in-out)} .lang-dropdown.open,.autocomplete.open,#search_autocomple.open,.lang-dropdown--open,.autocomplete--open{opacity:1;visibility:visible;transform:translateY(0)} .thumb_filter{display:inline-flex;align-items:center;padding:var(--space-1);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-0_5)} .thumb_filter_group{display:inline-flex;align-items:center;gap:var(--space-0_5)} .thumb_filter_element{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-button-sm);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:background-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out)} .thumb_filter_element:hover{background:var(--accent);color:var(--accent-foreground)} .thumb_filter_element.active{background:var(--primary);color:var(--primary-foreground)} .thumb_filter_element.a_show_filter,.thumb_filter_element.a_show_settings{padding:var(--space-2);min-width:32px;max-width:40px} .thumb_filter_element .show_filter,.thumb_filter_element .show_settings{width:16px;height:16px} .lang-dropdown__item,.search_autocomple_tag,.search_autocomple_other{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--popover-foreground);font-size:var(--text-sm);line-height:var(--text-sm-lh);text-decoration:none;border-radius:calc(var(--radius-popover) - 2px);cursor:pointer;transition:background-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out)} .lang-dropdown__item:hover,.search_autocomple_tag:hover,.search_autocomple_other:hover{background:var(--accent);color:var(--accent-foreground)} .lang-dropdown__item:focus-visible,.search_autocomple_tag:focus-visible,.search_autocomple_other:focus-visible{outline:2px solid var(--ring);outline-offset:-2px} .thumb_filter_element:focus-visible{outline:2px solid var(--ring);outline-offset:-2px} .lang-dropdown__item--active{background:var(--muted);color:var(--popover-foreground);font-weight:var(--font-semibold)} .thumb_filter .thumb_filter_element.active,.thumb_filter .thumb_filter_element.active:hover{background:var(--primary);color:var(--primary-foreground);font-weight:var(--font-semibold)} .search_autocomple_tag{color:var(--popover-foreground)} .search_autocomple_other{color:var(--muted-foreground)} } .lang-dropdown__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)} @layer components{ .menu_holder{background:var(--card);color:var(--card-foreground);border-right:1px solid var(--border);border-radius:var(--radius-sidebar);z-index:var(--z-40);transition:opacity var(--duration-200) var(--ease-in-out), transform var(--duration-200) var(--ease-in-out)} .nav_header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--card)} .nav_close{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;color:var(--card-foreground);border:none;cursor:pointer;border-radius:var(--radius-button);transition:background-color var(--duration-150) var(--ease-in-out)} .nav_close:hover{background:var(--accent);color:var(--accent-foreground)} .nav_close:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .nav_logo{display:inline-block;color:var(--card-foreground);text-decoration:none} .navigation_menu{display:block;padding:var(--space-2) 0;color:var(--card-foreground)} .navigation_menu a,.navigation_menu a:visited{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--card-foreground);font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:var(--font-medium);text-decoration:none;border-bottom:1px solid var(--border);-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out)} .navigation_menu a:hover,.navigation_menu a:active,.navigation_menu a:focus{background:var(--primary);color:var(--primary-foreground)} .navigation_menu a:focus-visible{outline:2px solid var(--ring);outline-offset:-2px} .navigation_menu svg{flex-shrink:0;color:inherit} .root_menu{color:var(--card-foreground)} .root_menu a,.root_menu span{color:var(--card-foreground)} .root_menu a:hover{color:var(--accent-foreground);background:var(--accent)} } @layer components{ .skeleton,.video_tube_skeleton,.video_cats_skeleton,.video_duration_skeleton,.video_title_skeleton,.skeleton-text,.skeleton-text__body{display:block;background:var(--muted);border-radius:var(--radius-skeleton);animation:skeleton-shimmer var(--duration-500) var(--ease-in-out) infinite alternate;-webkit-animation:skeleton-shimmer var(--duration-500) var(--ease-in-out) infinite alternate;color:transparent;-select:none} .skeleton-text,.skeleton-text__body{height:0.75rem;width:100%} .item.item_skeleton,.item_skeleton{background:transparent;box-shadow:none} .item.item_skeleton>.card__body,.item_skeleton>.card__body{padding:0} .card__body.body__img{padding:0;background:var(--muted);border-radius:var(--radius-thumbnail);overflow:hidden;aspect-ratio:16 / 9} .card__body.body__img .skeleton{width:100%;height:100%;border-radius:var(--radius-thumbnail)} .card__body.body__text{padding:var(--space-3) 0 0} .card__body.body__text+.card__body.body__text{padding:var(--space-1) 0 0} .card__body.body__text .skeleton,.card__body.body__text .skeleton-text,.card__body.body__text .skeleton-text__body{height:0.75rem;width:85%} .card__body.body__text+.card__body.body__text .skeleton,.card__body.body__text+.card__body.body__text .skeleton-text,.card__body.body__text+.card__body.body__text .skeleton-text__body{height:0.625rem;width:55%} @keyframes skeleton-shimmer{ 0%{background:var(--muted)} 100%{background:var(--secondary)} } @-webkit-keyframes skeleton-shimmer{ 0%{background:var(--muted)} 100%{background:var(--secondary)} } .lds-ring{display:inline-block;position:relative;width:40px;height:40px;color:var(--loader-ring)} .lds-ring div{box-sizing:border-box;position:absolute;display:block;height:24px;width:24px;margin:8px;border:4px solid var(--loader-ring-bg);border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;border-color:var(--loader-ring-bg) var(--bg-transparent) var(--bg-transparent)} .lds-ring div:first-child{animation-delay:-.45s} .lds-ring div:nth-child(2){animation-delay:-.3s} .lds-ring div:nth-child(3){animation-delay:-.15s} @keyframes lds-ring{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } .skeleton-text{margin-bottom:.5rem} .skeleton-text__body{width:75%} .skeleton-footer{width:30%} } @layer components{ .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1);padding:0;margin-block:var(--space-6) var(--space-8)} @media (min-width:768px){ .pagination{margin-block:var(--space-8) var(--space-10)} } @media (min-width:1024px){ .pagination{margin-block:var(--space-8) var(--space-12)} } .page_link{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--space-2);background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius-button-sm);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:background-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out)} .page_link:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)} .page_link:focus-visible{outline:2px solid var(--ring);outline-offset:2px} span.page_link{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);cursor:default;pointer-events:none} .page_link.prev,.page_link.next{min-width:2.5rem;font-weight:var(--font-bold)} .page_link.more_link{width:auto;min-width:12rem;height:auto;padding:var(--space-2) var(--space-4);color:var(--foreground)} .page_link[aria-disabled="true"],.page_link.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;color:var(--muted-foreground)} .loore{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:12rem;height:auto;padding:var(--space-2) var(--space-4);background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;text-decoration:none;cursor:pointer;transition:background-color var(--duration-150) var(--ease-in-out), color var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out), box-shadow var(--duration-150) var(--ease-in-out), opacity var(--duration-150) var(--ease-in-out)} .loore:hover{background:var(--ring);color:var(--primary-foreground);border-color:var(--ring)} .loore:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .loore[hidden]{display:none} .loore[disabled],.loore.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none} .loore.is_loading{opacity:0.85;cursor:progress} .page_link.more_link{box-sizing:border-box;display:inline-block;width:300px;line-height:32px;margin:0 4px 20px 0;padding:0;height:auto;text-transform:uppercase;text-align:center} .page_link svg{margin:15px 0 0;vertical-align:middle} .pagination.to_right{float:none;clear:both;text-align:left;padding-top:0} .pagination.to_right .page_link{display:inline-block;vertical-align:middle;width:36px;height:36px;text-align:center;line-height:36px;margin:3px;font-size:14px} .pagination.to_right .page_link:hover{background-color:var(--accent-alt);color:var(--text-1)} .pagination.cloud .page_link{width:auto;padding:0 20px} .pagination.cloud .page_link:hover{border-color:var(--accent-secondary-darker)} #totop{text-align:center;display:none;position:fixed;right:16px;bottom:16px;z-index:1000;cursor:pointer;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background-color:rgba(16,22,35,0.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-1);align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:transform .2s ease, box-shadow .2s ease, background-color .15s} #totop:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.5);background-color:rgba(21,32,51,0.95)} #totop.show{display:flex} .videos_list_hr{background-color:transparent;border:none;height:1px} } @layer components{ .filter{display:block;width:100%;padding-left:5px} .filter.cls,.filter_title.cls{display:none} .filter span{box-sizing:border-box;position:relative;box-shadow:inset 1px 1px 2px var(--black-alpha-50);font-size:14px;text-transform:uppercase;cursor:pointer;display:inline-block;text-align:center;height:auto;overflow:hidden;vertical-align:top;width:30%;line-height:28px;margin:5px 0 5px 4px;float:left;color:var(--text-1);border-radius:5px;background-color:var(--filter-span-bg);text-shadow:none;min-width:43.6%;box-shadow:none;border:1px solid var(--filter-span-border);transition:background-color .2s, color .2s} .filter span:hover{background-color:var(--filter-span-hover-bg);color:var(--filter-span-hover-color)} .filter span:hover a{color:var(--filter-span-hover-color)} .filter label{display:block;cursor:pointer} .filter input,.filter label{cursor:pointer} .filter.full_width{margin-top:0;display:block} .filter.full_width span{min-width:95%;display:block;width:90%;border-radius:5px} .filter input:checked~label{background-color:var(--filter-checked-bg);color:var(--text-1);font-weight:700} .filter input:checked~label a{color:var(--text-1)} .filter a{color:var(--filter-a)} .filter .nav_countries_title{border:none;background-color:transparent;font-size:25px;min-width:130px;font-weight:400;padding-top:9px;padding-bottom:3px;text-transform:uppercase;padding-left:15px} #nav_countries{padding-top:8px} .filter_title{text-transform:uppercase;height:auto;overflow:hidden;text-align:center;clear:both;display:block;font-size:12px;color:var(--text-1);padding:0} @media (min-width:1280px){ .filter span,.show_my_videos{line-height:40px;font-size:16px} .filter_title{padding:10px 0;font-size:16px} } .alphabet{display:flex;flex-wrap:wrap;position:relative;height:auto;overflow:hidden;text-align:center;clear:both} .alphabet a,.alphabet span{display:inline-block;text-align:center;height:auto;overflow:hidden;vertical-align:top;position:relative;flex-grow:1;width:40px;line-height:39px;margin:-1px -1px 0;cursor:pointer} .alphabet a:hover,.alphabet span,.filter input:checked~label,.filter span.checked:hover{color:var(--accent-secondary-hover);background-color:var(--accent-alt);text-shadow:none} .show_my_videos{font-size:16px;text-transform:uppercase;display:block;max-width:345px;line-height:40px;border:0;color:var(--show-my-videos-text);cursor:pointer;margin:0 0 0 6px;border-radius:5px;width:89%;margin-left:10px;margin-top:10px;margin-right:15px;background-color:var(--accent-alt)} .first_part_sort{position:absolute;box-sizing:border-box;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;left:0;right:0;top:0;bottom:0;color:var(--text-1);position:relative;width:100%;background-color:var(--bg-page);display:block} .first_part_sort form{display:block;vertical-align:top;padding:5px} .menu_holder.open .first_part_sort{left:0} .show_filter{fill:var(--text-1);filter:none;opacity:.8;width:17px;height:17px;vertical-align:middle;display:inline-block} .a_show_filter svg{width:17px;height:17px} .a_show_settings{flex:0 0 36px;width:36px;padding:0;display:flex;align-items:center;justify-content:center;vertical-align:middle;line-height:30px;height:30px;cursor:pointer;border-radius:6px;margin-left:2px;transition:background-color .15s} .a_show_settings svg{fill:var(--text-1);opacity:.8;transition:opacity .2s;width:17px;height:17px} .a_show_settings:hover{background-color:var(--alpha-accent-08)} .a_show_settings:hover svg{opacity:1} @media (max-width:767.98px){ .fs_title_hide{display:none} .headline .a_show_filter,.headline .a_show_settings{position:absolute;top:3px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;border-radius:6px;transition:background-color .15s, opacity .15s;opacity:.85} .headline .a_show_filter:hover,.headline .a_show_settings:hover{background-color:var(--alpha-accent-08);opacity:1} .headline .a_show_filter{right:10px} .headline .a_show_settings{right:4px} .headline .a_show_filter svg{width:17px;height:17px} .headline .a_show_settings svg{width:18px;height:18px} } @media (max-width:1023px){ .a_show_filter{display:inline-block} } .lablel2{text-align:left;padding-left:10px} .filter_holder{display:none;overflow:visible;margin:4px 4px 8px;border-radius:8px;background-color:transparent;padding:4px;width:auto;margin-bottom:10px} .filter_holder.open{display:block;animation:filterSlideDown .15s ease-out} @keyframes filterSlideDown{ 0%{opacity:0;transform:translateY(-4px)} 100%{opacity:1;transform:translateY(0)} } .filter_holder_header,.filter_holder_close{display:none} .filter_holder_inner{padding:0} .filter_holder_form{margin:0;padding:0} .filter_holder_grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:center} .filter_holder_box{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:5px;padding:6px 10px;cursor:pointer;transition:border-color .15s;position:relative;line-height:20px;white-space:nowrap} .filter_holder_box:hover{border-color:var(--text-2)} .filter_holder_box_head{display:flex;align-items:center;gap:5px} .filter_holder_box_head svg{width:13px;height:13px;opacity:.5;flex-shrink:0} .filter_holder_box_label{font-size:12px;color:var(--text-2);white-space:nowrap} .filter_holder_box_value{font-size:12px;color:var(--text-1);font-weight:700;font-style:italic;margin-left:2px} .filter_holder_box_arrow{margin-left:auto;opacity:.4;flex-shrink:0} .filter_holder_box_arrow svg{width:9px;height:9px;transition:transform .15s} .filter_holder_box_options{display:none;position:absolute;top:calc(100% + 2px);left:0;min-width:100%;width:max-content;max-width:260px;z-index:200;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:3px 0;box-shadow:0 4px 12px rgba(0,0,0,.4)} .filter_holder_box.expanded{border-color:var(--accent);z-index:201} .filter_holder_box.expanded .filter_holder_box_options{display:block} .filter_holder_box.expanded .filter_holder_box_arrow svg{transform:rotate(180deg)} .filter_holder_btn,.filter_holder_btn_radio{display:block;width:100%;padding:4px 10px;font-size:12px;font-weight:400;color:var(--text-2);background:none;border:none;border-radius:0;cursor:pointer;text-decoration:none;text-transform:none;line-height:18px;transition:all .1s;text-align:left;box-sizing:border-box} .filter_holder_btn:hover,.filter_holder_btn_radio:hover{color:var(--text-1);background-color:var(--border)} .filter_holder_btn.active,.filter_holder_btn_radio.active{color:var(--text-1);font-weight:700;background-color:var(--bg-surface)} .filter_holder_btn_radio .hidden_input{display:none} .filter_holder_submit{margin:0} .filter_holder_submit .show_my_videos_more{display:block;width:100%;line-height:34px;background-color:var(--accent);border:0;color:var(--bg-page);cursor:pointer;border-radius:5px;font-size:12px;font-weight:700;text-transform:uppercase;transition:opacity .15s;padding:0 16px;white-space:nowrap} .filter_holder_submit .show_my_videos_more:hover{opacity:.85} .filter_holder_group,.filter_holder_group_vertical,.filter_holder_label,.filter_holder_options{display:none} @media (min-width:768px){ .filter_holder{margin:4px 4px 4px auto;width:fit-content} .filter_holder_grid{display:flex;flex-wrap:nowrap;gap:3px} .filter_holder_box{padding:4px 12px} .filter_holder_box_head{gap:6px} .filter_holder_box_head svg{width:15px;height:15px} .filter_holder_box_label,.filter_holder_box_value{font-size:13px} .filter_holder_box_arrow svg{width:11px;height:11px} .filter_holder_btn,.filter_holder_btn_radio{padding:5px 12px;font-size:13px} } } @layer components{ .show_menu{display:block;position:absolute;cursor:pointer;text-align:center;text-transform:uppercase;font-weight:400;height:24px;border-radius:3px;right:5px;top:5px;padding:0 20px;color:var(--black);font-size:14px;background-color:var(--accent-alt);line-height:22px;border:1px solid var(--black)} .show_menu svg{display:inline-block;vertical-align:middle;width:16px;height:16px} .show_search{display:none;background-repeat:no-repeat} .show_search svg{display:block;width:28px;height:28px;color:var(--text-1)} .show_sorting{display:block;position:absolute;width:32px;height:32px;right:10px;top:5px;padding:5px 0;cursor:pointer;box-shadow:1px 1px 3px var(--black-alpha-35);text-shadow:1px 1px 0 var(--black-alpha-35);background-color:var(--black-alpha-50);border:1px solid var(--white-alpha-40);border-radius:5px;box-sizing:border-box;text-align:center} .show_sorting svg{width:20px;height:20px} .root_menu{background-color:var(--black-alpha-25);vertical-align:top;height:100%;margin:0 0 0 10px} .root_menu span{background-color:var(--black-alpha-25)} .root_menu svg{display:none} .root_menu li{display:block;position:relative;white-space:nowrap;top:auto;padding-left:10px} .root_menu .top_trends_menu a,.root_menu a,.root_menu span{color:var(--text-1);line-height:50px;font-size:16px;border-bottom:none;display:flex;align-items:center;font-weight:500;padding:0 16px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)} .root_menu .top_trends_menu a:hover,.root_menu a:hover{background-color:var(--bg-transparent);box-shadow:none;color:var(--accent-alt)} .root_menu.big_link .top_trends_menu a,.root_menu.big_link a,.root_menu.big_link span{font-size:16px} .root_menu .navigation_menu svg{display:inline-block;width:18px;height:18px;margin-right:14px;flex-shrink:0;opacity:.6} .root_menu .navigation_menu a{display:flex;align-items:center} @media (min-width:640px){ .root_menu .top_trends_menu a,.root_menu a,.root_menu span{padding:0 20px} } @media (min-width:768px){ .root_menu .navigation_menu svg{width:20px;height:20px} .root_menu .top_trends_menu a,.root_menu a,.root_menu span{font-size:16px;line-height:48px} } @media (min-width:1280px){ .root_menu .navigation_menu svg{width:22px;height:22px} .root_menu .top_trends_menu a,.root_menu a,.root_menu span{font-size:17px;line-height:52px} } .root_menu{display:contents} .navigation_menu{display:block;text-align:left;line-height:32px;text-transform:none;font-size:15px;margin:0;padding:8px 0} .nav_header{display:none} .nav_header svg{display:inline-block} .nav_close{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--text-1);position:static;width:auto;height:auto;float:none;order:-1} .nav_close svg{width:22px;height:22px;stroke:var(--text-1)} .nav_logo{display:block;position:absolute;left:50%;transform:translateX(-50%);height:26px;width:130px;background-size:260px;background-position:left center;float:none;overflow:hidden} .menu_close{display:none;cursor:pointer} .open .menu_close{display:block;width:100%;height:100%;padding:0;cursor:pointer;position:fixed;padding:0} .open .menu_close:before{content:'';display:none} .menu_holder{position:fixed;display:block;top:54px;left:0;bottom:0;right:0;opacity:0;pointer-events:none;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s} .menu_holder.open{background-color:var(--bg-page);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;opacity:1;z-index:9999;pointer-events:auto;overflow-y:auto} .button{display:none} @media (min-width:640px){ .top_menu{padding-right:125px} } @media (min-width:1536px){ .top_menu{padding-right:75px} } } @layer components{ .search_autocomple_other,.search_autocomple_tag{box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;font-size:12px;line-height:1.4;height:20px;margin-left:8px;font-weight:400;letter-spacing:.02em;min-width:57px} .search_autocomple_tag:first-of-type,.search_autocomple_other:first-of-type{margin-left:auto} .search_autocomple_tag{background:var(--suggest-tag-bg,var(--primary));color:var(--suggest-tag-fg,var(--primary-foreground));text-transform:lowercase} .search_autocomple_other{background:var(--suggest-count-bg,var(--secondary));color:var(--suggest-count-fg,var(--text-1));border:0;font-variant-numeric:tabular-nums;justify-content:center} .search{margin:0 auto;overflow:visible;position:relative} .search form{position:relative;box-shadow:none;padding-right:42px;display:flex;align-items:center;height:34px;background:var(--search-form-bg);border-radius:8px;border:1px solid var(--search-form-border);z-index:1000} .search form:after{content:"";display:table;clear:both;background-color:var(--bg-transparent)} .search .search-text{padding:0 0 0 5px;overflow:hidden;margin-left:8px} .search .clear_search~.search-text{padding:0 0 0 24px;overflow:hidden} .search .search-text input{height:34px;width:100%;margin:0 0 0 -14px;padding:0 0 0 4px;font-size:16px;line-height:40px;border:0;color:var(--text-1);background:0 0} .search .search-text input:focus{outline:0} .search form,.search form *,.search .search-text,.search .search-text input,.search form input,#wordinput{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent} .search .search-text,.search .search-text input,.search form input,#wordinput{border:0 !important;border-color:transparent !important;outline:0 !important;box-shadow:none !important;-webkit-box-shadow:none !important;background-color:transparent;font-size:16px;padding-top:4px} .search form:focus-within{border-color:var(--ring);box-shadow:none} .search .search-button{float:left;display:none;width:75px;height:32px;overflow:hidden;cursor:pointer;padding:2px 0 0;text-align:center} .search-button label{opacity:.8;display:inline-block;vertical-align:middle;color:var(--text-1);line-height:30px;margin-left:3px;display:none} .search .search-button svg{height:18px;display:inline-block;vertical-align:middle} .header-bar .search{display:none} .clear_search{display:block;position:absolute;cursor:pointer;background-color:var(--border-separator);border-radius:50%;width:20px;height:20px;left:3px;top:6px;background-color:var(--clear-search-bg)} .clear_search svg{width:8px;opacity:.7;fill:var(--text-1);margin-left:6px} .clear_search:hover{background-color:var(--bg-elevated)} .search .form_submit,.search input[type="submit"].form_submit,.search button.form_submit{background-repeat:no-repeat;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border:0 !important;border-radius:0 !important;cursor:pointer;background-color:transparent !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f3f4f5' stroke-width='2.5' stroke-linecap='round' stroke-line='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:center;background-size:20px 20px;text-indent:-9999px;color:transparent;opacity:var(--icon-opacity);font-size:0;line-height:0;box-shadow:none !important;-webkit-box-shadow:none !important;gap:0;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;outline:none !important;-webkit-tap-highlight-color:transparent} .search .form_submit:active,.search .form_submit:focus,.search .form_submit:focus-visible,.search button.form_submit:focus,.search button.form_submit:focus-visible,.search input[type="submit"].form_submit:focus,.search input[type="submit"].form_submit:focus-visible{background-color:transparent !important;border:0 !important;outline:none !important;box-shadow:none !important;-webkit-box-shadow:none !important} .search .form_submit:hover,.search input[type="submit"].form_submit:hover,.search button.form_submit:hover{opacity:1;background-color:var(--hover-light)} .hidden_input{display:none} #worddiv{box-sizing:border-box;position:absolute;background-color:var(--search-bg);color:var(--black);z-index:999;border-radius:12px;line-height:1.5;overflow-y:auto;max-height:60vh;font-size:15px;border-top:0;top:100%;left:0;right:0;width:100%;text-align:left;margin-top:6px;margin-left:0;scrollbar-width:thin;scrollbar-color:var(--border-separator,var(--border)) transparent;box-shadow:var(--shadow-md)} #worddiv::-webkit-scrollbar{width:8px;height:8px} #worddiv::-webkit-scrollbar-track{background:transparent} #worddiv::-webkit-scrollbar-thumb{background:var(--border-separator,var(--border));border-radius:4px;border:2px solid transparent;background-clip:content-box} #worddiv::-webkit-scrollbar-thumb:hover{background:var(--text-2);background-clip:content-box} .elem{display:flex;align-items:center;padding:var(--space-2_5) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border);line-height:1.3;color:var(--text-1);font-size:15px;transition:background-color .12s,color .12s;height:auto;min-height:40px;overflow:hidden} .elem:hover,.elem.elem-active,.elem.active,.elem[aria-selected="true"]{background-color:var(--accent);color:var(--accent-foreground)} .elem strong{color:var(--highlight-yellow,#facc15);font-weight:700} .elem+.elem{border-top:0} .search_autocomple_tag,.search_autocomple_other{min-width:72px;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:var(--space-2);justify-content:center;text-align:center} .search_autocomple_tag:first-of-type,.search_autocomple_other:first-of-type{margin-left:auto} #worddiv{max-width:calc(100vw - var(--space-4));overflow-x:hidden} @media (min-width:1024px){ .header-bar .search{display:block} .search_autocomple_other,.search_autocomple_tag{font-size:11px} .search_autocomple_tag{min-width:62px} .search_autocomple_other{min-width:58px} .elem{font-size:14px;padding:4px 12px} } } @layer components{ .dyn,.thumb_filter_element{font-size:14px;vertical-align:middle} .dyn{border-radius:3px;background:var(--bg-transparent);border:1px solid var(--dyn-border);display:inline-block;font-weight:400;line-height:24px;margin:2px;padding:0 6px;font-size:12px;text-shadow:none;white-space:normal;-select:text;transition:background-color .2s, border-color .2s, color .2s} .dyn a{color:inherit;text-decoration:none;transition:color .2s} .dyn:hover{color:var(--filter-hover-text);background-color:var(--alpha-accent-08);border:1px solid var(--dyn-border-hover)} .dyn:hover a{color:var(--filter-hover-text);background-color:transparent} .dyn_checked{color:var(--filter-active-text);background-color:var(--filter-active-bg);border:1px solid var(--filter-active-bg);font-weight:700} .dyn_checked a{color:var(--filter-active-text);background-color:transparent} .dyn_top{padding-bottom:10px;text-align:left;margin-left:10px} .dyn-selected{color:var(--filter-active-text);background-color:var(--filter-active-bg);border:1px solid var(--filter-active-bg);font-weight:700} .dyn-selected a{color:var(--filter-active-text);background-color:transparent;font-weight:700} .dyn-cats{padding:0 var(--space-3) var(--space-4)} @media (min-width:1024px){ .dyn-cats{padding-bottom:var(--space-6)} } .dyn_hide{display:none} @media (min-width:640px){ .dyn{line-height:26px;margin:2px 3px;padding:0 8px;font-size:13px} } @media (min-width:768px){ .dyn{margin:3px 3px;font-size:14px} .dyn-cats{text-align:center} } .thumb_filter{padding:4px;overflow:visible;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;display:block;width:97%;text-align:left;margin:10px 0 8px 4px;float:left} .thumb_filter_group{display:flex;width:100%;align-items:center;gap:var(--space-1_5);flex-wrap:nowrap;vertical-align:middle;margin:0;white-space:nowrap} .thumb_filter_group:first-child{margin-left:0} .thumb_filter_element{position:relative;font-weight:500;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;line-height:26px;height:26px;cursor:pointer;text-transform:capitalize;border:none;background-color:transparent;color:var(--text-2);border-radius:6px;transition:background-color .15s, color .15s, box-shadow .15s;flex:1;text-align:center;font-size:13px;-webkit-tap-highlight-color:transparent} .thumb_filter_element:visited{color:var(--text-2)} .thumb_filter_element:hover{color:var(--text-1);background-color:var(--alpha-accent-08)} .thumb_filter_element.active,.thumb_filter_element.active:visited,.thumb_filter_element.active:hover,.thumb_filter_element.active:focus,.thumb_filter_element.active:active{color:var(--primary-foreground);-webkit-text-fill-color:currentColor;background-color:var(--primary);font-weight:600;text-shadow:none} .thumb_filter_element.tree,.thumb_filter_element.tree2{flex:1} .thumb_filter_element.a_show_filter{flex:0 0 36px;width:36px;padding:0;display:flex;align-items:center;justify-content:center} .thumb_filter_group:not(:has(.active)) .thumb_filter_element+.thumb_filter_element:not(.a_show_filter):not(.a_show_settings)::before{content:'';position:absolute;left:-2px;top:8px;bottom:8px;width:1px;background:var(--border-separator);pointer-events:none} .headline:has(.lt-count) .thumb_filter:not(:has(.thumb_filter_element:not(.tree))){background:transparent;border:none;padding:0;margin:0;width:auto} img{border:0} @media (min-width:768px){ .thumb_filter{float:right;width:auto;margin:0;text-align:initial} .thumb_filter_group{display:inline-flex;width:auto} .thumb_filter_element{flex:0 0 auto;text-align:initial} } @media (min-width:1024px){ .thumb_filter_element{padding:0 8px;line-height:26px;height:26px;font-size:14px} } @media (min-width:1280px){ .thumb_filter_element{font-size:14px} } @media (min-width:1536px){ .thumb_filter_element{font-size:14px} } .text-categories span{box-sizing:border-box;min-width:14px;border:0;font-weight:700;text-shadow:none;display:block;width:96%;border-radius:2px;margin:2px;text-align:left;padding:5px 10px;font-size:15px;height:auto;line-height:1;text-decoration:none;color:var(--text-light-grey);border-bottom:1px solid var(--text-light-grey)} .text-categories span.total_videos{color:var(--text-grey-dark);font-size:12px;font-weight:400;line-height:32px;margin-right:-10px} .text-categories{margin:var(--space-2) 0 0;padding:0 var(--space-3);line-height:0} .text-categories a{text-transform:capitalize;vertical-align:middle;display:inline-block;min-width:14px;font-weight:400;text-align:left;line-height:28px;padding:0 12px;position:relative;color:var(--text-grey-light);white-space:nowrap;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;border-radius:5px;margin:2px 2px 4px;border:1px solid var(--border-separator);box-shadow:none;font-size:14px;font-family:inherit;background-color:var(--bg-elevated)} .text-categories a:hover{background-color:var(--accent);color:var(--bg-page);text-decoration:none} .text-categories a,.item_cs{color:var(--text-2)} .cs_cloud{display:block;text-align:center;line-height:2;padding:0} .cs_cloud a,.cs_cloud li{display:inline-block;vertical-align:middle} .cs_cloud a{font-size:12px;color:var(--cloud-link-text);padding:4px 10px;margin:3px;line-height:20px} .cs_cloud a:hover{color:var(--text-1)} .cs_cloud a.size-2{font-size:120%;padding:5px 12px} .cs_cloud a.size-3{font-size:140%;padding:6px 14px} .cs_cloud a.size-4{font-size:160%;padding:7px 16px} .cs_cloud a.size-5{font-size:180%;padding:8px 18px} .cs_cloud a.size-1{font-size:200%;padding:9px 20px} .cs_cloud a.size-0,.cs_cloud a.size-1,.cs_cloud a.size-2,.cs_cloud a.size-3,.cs_cloud a.size-4{color:var(--cloud-link-text-sized);color:var(--text-heading)} .cs_cloud .list_external_links a.size-1{font-size:200%;color:var(--text-1);font-weight:700} @media (min-width:640px){ .cs_cloud a{font-size:13px;padding:5px 12px;margin:4px;line-height:22px} } @media (min-width:768px){ .cs_cloud a{font-size:14px;padding:6px 14px;margin:5px;line-height:24px} } } @layer components{ .filter--collapsible{display:none;margin:var(--space-2) 0 var(--space-3)} .filter--collapsible.open{display:block;animation:filterIn .2s ease-out} @keyframes filterIn{ from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} } .list-toolbar{display:flex;flex-direction:column;gap:8px;padding:0 5px 12px} .list-toolbar.list-toolbar-row{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0} .list-toolbar.list-toolbar-row .lt-btn,.list-toolbar.list-toolbar-row .lt-sort,.list-toolbar.list-toolbar-row .lt-icon-btn,.list-toolbar.list-toolbar-row .lt-search-pop-wrap,.list-toolbar.list-toolbar-row .lt-count{flex:0 0 auto} .list-toolbar.list-toolbar-row .lt-count{margin-left:auto} .list-toolbar.list-toolbar-row .lt-btn{padding:0 9px;font-size:12px;height:34px;gap:4px} .list-toolbar.list-toolbar-row .lt-btn span{display:none} .list-toolbar.list-toolbar-row .lt-btn svg{width:14px;height:14px} .list-toolbar.list-toolbar-row .lt-btn.danger svg{stroke-width:2.5;width:16px;height:16px;color:#fff} .list-toolbar.list-toolbar-row .lt-sort{height:34px;font-size:12px;padding:0 28px 0 10px} .list-toolbar.list-toolbar-row .lt-count{height:34px;font-size:12px;padding:0 10px} .list-toolbar.list-toolbar-row .lt-icon-btn,.list-toolbar.list-toolbar-row .lt-search-pop-wrap,.list-toolbar.list-toolbar-row .lt-search-pop-wrap .lt-search-icon-btn{width:34px;height:34px} @media (min-width:640px){ .list-toolbar.list-toolbar-row .lt-btn{padding:0 10px} .list-toolbar.list-toolbar-row .lt-btn span{display:inline} } .hist-bc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px} .hist-bc-row .breadcrumbs{margin:0;flex:1 1 auto;min-width:0} .hist-bc-row .a_show_settings{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--bg-page);color:var(--text-2);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;transition:background .15s,color .15s,border-color .15s} .hist-bc-row .a_show_settings:hover{background:var(--bg-elevated);color:var(--text-1);border-color:var(--text-2)} .hist-bc-row .a_show_settings svg{width:16px;height:16px;opacity:.85} .hist-bc-row .a_show_settings:hover svg{opacity:1} .list-toolbar .lt-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%} .list-toolbar .lt-row-meta{justify-content:flex-start} .list-toolbar .lt-search{flex:1;min-width:180px;position:relative} .list-toolbar .lt-search input{width:100%;height:36px;padding:0 12px 0 34px;background:var(--bg-page);color:var(--text-1);border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s} .list-toolbar .lt-search input::placeholder{color:var(--text-2);opacity:.6} .list-toolbar .lt-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,255,255,.15)} .list-toolbar .lt-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);opacity:.5;color:var(--text-2);pointer-events:none} .list-toolbar .lt-sort{flex:0 0 auto;height:36px;background:var(--bg-page);color:var(--text-1);border:1px solid var(--border);border-radius:8px;padding:0 32px 0 12px;font-size:13px;font-weight:500;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s,box-shadow .15s} .list-toolbar .lt-sort:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,255,255,.15)} .lt-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:var(--bg-page);color:var(--text-1);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s,box-shadow .12s} .lt-btn:hover{background:var(--bg-elevated);border-color:var(--text-2)} .lt-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,255,255,.15);border-color:var(--accent)} .lt-btn.active{background:rgba(0,255,255,.08);color:var(--accent);border-color:rgba(0,255,255,.35)} .lt-btn.danger{background:var(--destructive,#dc2626);color:#fff;border-color:var(--destructive,#dc2626);font-weight:600} .lt-btn.danger:hover{background:var(--destructive,#dc2626);color:#fff;border-color:var(--destructive,#dc2626);filter:brightness(1.1)} .lt-btn.danger svg{color:#fff;stroke:#fff} .lt-btn[disabled]{opacity:.5;cursor:not-allowed} .lt-btn[disabled]:hover{background:var(--bg-page);border-color:var(--border)} .list-toolbar .lt-count{display:inline-flex;align-items:center;height:36px;padding:0 12px;background:var(--bg-page);color:var(--text-2);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;margin-left:auto;font-variant-numeric:tabular-nums;line-height:1;box-sizing:border-box} .list-toolbar .lt-count:empty{display:none} .headline h1:has(.h1-count){display:inline-flex;align-items:center;gap:var(--space-2)} .headline h1 .h1-count{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);margin:0;background:var(--secondary);color:var(--muted-foreground);border:0;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;line-height:1} .headline h1 .h1-count:empty{display:none} .list-toolbar .lt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-page);color:var(--text-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0;box-sizing:border-box;transition:background .15s,color .15s,border-color .15s} .list-toolbar .lt-icon-btn:hover{background:var(--bg-elevated);color:var(--text-1);border-color:var(--text-2)} .list-toolbar .lt-icon-btn svg{width:16px;height:16px;opacity:.85} .list-toolbar .lt-icon-btn:hover svg{opacity:1} .fav-toolbar-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 5px 12px} .fav-toolbar-wrap .thumb_filter{margin:0;padding:2px;flex:0 1 auto;float:none;width:auto;min-width:0} .fav-toolbar-wrap .thumb_filter_group{display:inline-flex;gap:2px} .fav-toolbar-wrap .thumb_filter_element{flex:0 0 auto;text-align:center;height:30px;line-height:30px;padding:0 16px;min-width:88px;font-size:13px} .fav-bc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 5px} .fav-bc-row .breadcrumbs{margin:0;flex:0 1 auto;min-width:0} .fav-bc-row .thumb_filter{margin:0;padding:2px;float:none;flex:0 0 auto;width:auto;min-width:0} .fav-bc-row .thumb_filter_group{display:inline-flex;gap:2px} .fav-bc-row .thumb_filter_element{flex:0 0 auto;text-align:center;height:30px;line-height:30px;padding:0 16px;min-width:80px;font-size:13px} .fav-toolbar-wrap .list-toolbar{flex:1 1 auto;flex-direction:row;flex-wrap:wrap;gap:8px;padding:0;min-width:0} .fav-toolbar-wrap .list-toolbar .lt-row{flex:0 0 auto;width:auto;min-width:0;gap:8px} .fav-toolbar-wrap .list-toolbar .lt-row-search{flex:1 1 auto;min-width:0} .fav-toolbar-wrap .list-toolbar .lt-row-meta{flex:0 0 auto} .fav-toolbar-wrap .list-toolbar .lt-count{margin-left:0} .lt-search-inline{display:inline-flex;align-items:center;gap:var(--space-1);flex:1 1 180px;min-width:0;height:34px;padding:0 var(--space-1) 0 var(--space-2_5);background:var(--bg-page);color:var(--text-1);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;transition:border-color .15s, box-shadow .15s} .lt-search-inline:focus-within{border-color:var(--ring)} .lt-search-inline-icon{flex:0 0 auto;color:var(--text-2);opacity:.7} .lt-search-inline input{flex:1 1 auto;min-width:0;height:32px;line-height:32px;background:transparent;border:0;outline:0;color:var(--text-1);font-size:14px;padding:0 var(--space-1);-webkit-appearance:none;appearance:none;box-sizing:border-box} .lt-search-inline input::placeholder{color:var(--text-2);opacity:.6} .lt-search-inline .lt-search-clear{flex:0 0 24px;width:24px;height:24px;background:transparent;border:0;cursor:pointer;color:var(--text-2);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s, color .15s;padding:0} .lt-search-inline .lt-search-clear:hover{background:var(--border);color:var(--text-1)} .lt-search-inline input:placeholder-shown~.lt-search-clear{visibility:hidden} .lt-search-pop-wrap{position:relative;flex:0 0 36px;width:36px;height:36px} .lt-search-pop-wrap .lt-search-icon-btn{width:36px;height:36px;background:var(--bg-page);color:var(--text-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;transition:background .15s,color .15s,border-color .15s} .lt-search-pop-wrap .lt-search-icon-btn:hover{background:var(--bg-elevated);color:var(--text-1);border-color:var(--text-2)} .lt-search-pop-wrap .lt-search-icon-btn.open{background:var(--bg-elevated);color:var(--text-1);border-color:var(--accent)} .lt-search-pop-wrap .lt-search-icon-btn.has-value{color:var(--accent);border-color:rgba(0,255,255,.35);background:rgba(0,255,255,.06)} .lt-search-popover{position:absolute;top:calc(100% + 6px);left:0;right:auto;display:flex;align-items:center;gap:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:3px;z-index:200;min-width:240px;max-width:calc(100vw - var(--space-4));box-shadow:0 8px 24px rgba(0,0,0,.4);animation:ltSearchPop .15s ease-out} @keyframes ltSearchPop{ 0%{opacity:0;transform:translateY(-4px)} 100%{opacity:1;transform:translateY(0)} } .lt-search-popover[hidden]{display:none} .lt-search-popover input{flex:1;height:32px;padding:0 10px;background:transparent;border:none;outline:none;color:var(--text-1);font-size:14px;min-width:0} .lt-search-popover input::placeholder{color:var(--text-2);opacity:.6} .lt-search-popover .lt-search-clear{flex:0 0 28px;width:28px;height:28px;background:transparent;border:none;cursor:pointer;color:var(--text-2);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s} .lt-search-popover .lt-search-clear:hover{background:var(--border);color:var(--text-1)} @media (min-width:640px){ .lt-search-popover{left:0;right:auto;min-width:280px} } .list-bulkbar{display:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:0 5px 12px;align-items:center;gap:8px;flex-wrap:wrap;box-shadow:0 1px 2px rgba(0,0,0,.04)} .list-bulkbar.show{display:flex} .list-bulkbar label{color:var(--text-1);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex-shrink:0} .list-bulkbar input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0} .list-bulkbar .selected-count{color:var(--text-2);font-size:12px;font-variant-numeric:tabular-nums;margin-right:auto;flex-shrink:0} .list-bulkbar .selected-count>span:first-child{color:var(--text-1);font-weight:600} .list-bulkbar .lt-btn{flex-shrink:0;padding:0 10px;font-size:12px;height:32px;gap:4px} .list-bulkbar .lt-btn svg{width:13px;height:13px} @media (min-width:640px){ .list-bulkbar{padding:10px 14px;gap:10px} .list-bulkbar label{font-size:13px} .list-bulkbar .selected-count{font-size:13px} .list-bulkbar .lt-btn{padding:0 14px;font-size:13px;height:36px;gap:6px} .list-bulkbar .lt-btn svg{width:16px;height:16px} } .list-videos.selectable .item{position:relative;cursor:pointer;transition:transform .12s} .list-videos.selectable .item:hover{transform:translateY(-1px)} .list-videos.selectable .item>a{pointer-events:none} .list-videos.selectable .item .item-check{display:flex} .item .item-check{display:none;position:absolute;top:8px;left:8px;width:22px;height:22px;border:1.5px solid rgba(255,255,255,.85);border-radius:4px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2;align-items:center;justify-content:center;pointer-events:none;transition:background .15s,border-color .15s} .list-videos.selectable .item.selected .item-check{background:var(--accent);border-color:var(--accent)} .list-videos.selectable .item.selected .item-check::after{content:'';width:5px;height:9px;border-right:2px solid #0a0a0a;border-bottom:2px solid #0a0a0a;transform:rotate(45deg);margin-top:-2px} .list-videos.selectable .item.selected::after{content:'';position:absolute;inset:0;border:2px solid var(--accent);border-radius:8px;pointer-events:none;box-shadow:0 0 0 2px rgba(0,255,255,.12)} .item .watched-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);border-radius:0 0 8px 8px;overflow:hidden;z-index:1} .item .watched-bar-fill{height:100%;background:var(--accent);transition:width .3s ease} .item .watched-bar{display:none} ; .list-show-more-count{color:var(--text-2);font-size:12px;margin-left:8px;opacity:.7;font-variant-numeric:tabular-nums} .btn-show-more{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 18px;background:var(--bg-page);color:var(--text-1);border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;text-decoration:none} .btn-show-more:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)} .btn-show-more:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,255,255,.15);border-color:var(--accent)} .list-empty-state{text-align:center;padding:50px var(--space-5);color:var(--text-2)} .list-empty-state.list-empty-state--compact{padding:40px var(--space-5)} .list-empty-state[hidden]{display:none} .list-empty-state .list-empty-icon{display:block;margin:0 auto var(--space-4);color:var(--muted-foreground,var(--text-2));opacity:1} .list-empty-state .list-empty-title{color:var(--text-1);font-size:16px;margin:0;font-weight:500} .list-empty-state .list-empty-sub{color:var(--text-2);font-size:13px;margin:var(--space-1_5) 0 0;opacity:.85} .empty-state-cta{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:0 20px;height:40px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;transition:filter .15s,box-shadow .15s;vertical-align:middle} .empty-state-cta:hover{filter:brightness(1.1)} .empty-state-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(from var(--primary) r g b / 0.4)} .empty-state-note{color:var(--text-2);opacity:.6;font-size:12px;margin-top:22px;max-width:420px;margin-left:auto;margin-right:auto;padding:0 16px;line-height:1.55} } @layer layouts{ .top_menu{display:none;float:right;padding:0;margin:0;font-size:0} .top_menu li,.top_menu svg{display:inline-block;vertical-align:middle} .top_menu svg{display:none} .top_menu a,.top_menu span{display:block;line-height:1.3;padding:var(--space-2) var(--space-2_5);margin:0;color:var(--text-1);text-transform:uppercase;font-size:13px;letter-spacing:.04em;opacity:.85;border-radius:4px;box-shadow:none;background-color:var(--bg-transparent)} .top_menu a.top{border:0} .top_menu a{color:var(--text-1)} .top_menu .highlight a,.top_menu .highlight span{background-color:var(--highlight-bg-blue)} @media (min-width:1024px){ .top_menu{display:block;padding-right:90px} .top_menu>li{margin:0 var(--space-1)} .top_menu>li>a,.top_menu>li>a.h_menu{padding:var(--space-1_5) var(--space-2_5);display:inline-block;font-size:14px} .top_menu>li:nth-child(n+6){display:none} .top_menu .highlight{display:none} .top_menu .top_trends_menu a{margin-left:0} .header-bar .top_menu{display:flex} } @media (min-width:1280px){ .top_menu>li:nth-child(6){display:inline-block} } @media (min-width:1400px){ .top_menu>li:nth-child(7){display:inline-block} } @media (min-width:1560px){ .top_menu>li:nth-child(8){display:inline-block} } @media (min-width:1720px){ .top_menu>li:nth-child(9){display:inline-block} } @media (max-width:1099.98px){ .header-bar:has(.show_flag) .top_menu>li:nth-child(5){display:none} } @media (min-width:1280px){ .header-bar:has(.show_flag) .top_menu>li:nth-child(6){display:none} } @media (min-width:1340px){ .header-bar:has(.show_flag) .top_menu>li:nth-child(6){display:inline-block} } @media (min-width:1400px){ .header-bar:has(.show_flag) .top_menu>li:nth-child(7){display:none} } @media (min-width:1460px){ .header-bar:has(.show_flag) .top_menu>li:nth-child(7){display:inline-block} } @media (min-width:1536px){ .top_menu{padding-right:40px} .top_menu>li>a,.top_menu>li>a.h_menu{font-size:15px} .top_menu .highlight{display:inline-block} } .button_root_menu{display:flex;align-items:center;justify-content:center;position:absolute;top:6px;left:130px;right:auto;width:28px;height:28px;line-height:28px;background-color:var(--bg-transparent);background:none;box-shadow:none;border:none;opacity:var(--icon-opacity);z-index:10000;flex-shrink:0;cursor:pointer} .button_root_menu svg{width:28px;height:28px;color:var(--text-1);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.3s;transition:.3s} .button_root_menu.open svg{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)} .button_root_menu.menu_open svg{display:none} .button_root_menu.menu_open::before{content:'';display:block;width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23f3f4f5' stroke-width='2.5' stroke-linecap='round' stroke-line='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center} @media (max-width:1023px){ .show_search{position:absolute;height:28px;cursor:pointer} .show_search,.show_search.open .close_search_button,.show_search.open~.search,.header-bar:has(.show_search.open)~.search,.header-bar:has(.show_search.open) .search{display:block} .header-bar:has(.show_search.open) .search{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;width:100%;max-width:none;min-width:0;z-index:50;background:var(--bg-surface);padding:12px;overflow-y:auto;box-sizing:border-box;flex:none} .header-bar:has(.show_search.open) .search form{display:flex;width:100%;max-width:100%;margin:0;box-sizing:border-box;height:40px} .header-bar:has(.show_search.open) .search .search-text{flex:1 1 auto;min-width:0;margin-left:0;padding:0 8px} .header-bar:has(.show_search.open) .search .clear_search~.search-text{padding-left:32px} .header-bar:has(.show_search.open) .clear_search{top:50%;transform:translateY(-50%)} .header-bar:has(.show_search.open) .search-text input{margin:0;padding:0;width:100%;height:100%;line-height:normal} .header-bar:has(.show_search.open) #worddiv{position:absolute;top:calc(100% + 10px);left:0;right:0;width:auto;max-height:calc(100vh - 200px);margin:0;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.4)} .header-bar .show_search{position:relative;z-index:10} .show_search{top:6px;right:10px;width:28px;background:none} .show_search.open{background:none} .show_search.open .close_search_button svg{display:block;width:26px;height:26px} header{height:auto;margin-bottom:3px} } .header-bar{display:flex;align-items:center;justify-content:flex-start;height:44px;padding:0 calc(10px + env(safe-area-inset-right,0px)) 0 calc(10px + env(safe-area-inset-left,0px));gap:12px;min-height:44px} .header-left{display:flex;align-items:center;gap:12px;order:1;flex:1 1 auto;min-width:0} .header-right{display:flex;align-items:center;gap:10px;order:4;flex:0 0 auto;margin-left:auto;min-width:0;position:relative} .header-left .search{flex:0 1 auto;min-width:0;order:3} .header-bar .top_menu{min-width:0;overflow:hidden;justify-content:flex-end;align-items:center;margin:0;padding:0;list-style:none;flex:0 1 auto} @media (min-width:1024px){ .header-bar{height:48px;min-height:48px} .header-bar .top_menu{justify-content:flex-end;display:flex;padding-right:0;flex:0 0 auto} .header-left .search{flex:1 1 auto;width:auto;min-width:200px;max-width:min(600px,50vw)} } .header-bar .button_root_menu{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;line-height:normal;background:none;border:none;cursor:pointer;padding:4px} @media (min-width:1024px){ .header-bar .button_root_menu{display:none} } .header-bar .button_root_menu svg{width:26px;height:26px;color:var(--text-1)} .header-bar .logo{position:static;float:none;display:inline-block;height:26px;width:auto;max-width:50vw;padding:0;overflow:visible;flex-shrink:0;background-image:none;content:url(/i/v2/images/logo.svg);object-fit:contain;object-position:left center;aspect-ratio:auto} @media (max-width:319.98px){ .header-bar .logo{background-image:none;content:url(/i/favicon/favicon-32x32.png);height:22px;width:22px;padding:0;object-fit:contain;object-position:center} } @media (min-width:480px){ .header-bar .logo{height:26px} } @media (min-width:640px){ .header-bar .logo{height:26px} } @media (min-width:768px){ .header-bar .logo{height:26px} } @media (min-width:1024px){ .header-bar .logo{height:28px} } @media (min-width:1200px){ .header-bar .logo{height:28px} } @media (min-width:1280px){ .header-bar .logo{height:28px} } .header-bar .show_flag{display:flex;align-items:center} .header-bar #flag_logo{position:static;display:flex;padding:0;cursor:pointer} .header-bar .show_flag_logo{width:23px;height:23px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--border);background-color:#fff;margin:0} .show_flag .lang-icon{display:block;width:22px;height:22px;color:var(--text-1);opacity:.75;transition:opacity .15s,color .15s} .show_flag:hover .lang-icon{opacity:1;color:var(--primary)} .header-bar .show_search{position:static;display:flex;width:auto;height:auto;cursor:pointer;padding:4px;background:none;opacity:var(--icon-opacity)} @media (min-width:1024px){ .header-bar .show_search{display:none} } .header-bar .show_search svg{width:28px;height:28px;color:var(--text-1)} .header-bar .close_search_button{display:none} .header-bar .close_search_button svg{width:30px;height:30px} .header-bar .show_search.open .show_search_button{display:none} .header-bar .show_search.open .close_search_button{display:flex} #flag_logo{display:block;position:absolute;right:48px;padding-top:0;cursor:pointer} @media (min-width:1536px){ #flag_logo{right:50px} } .flag-logo{margin-top:12px;margin-left:0} .flag-icon{background-repeat:no-repeat;background-size:contain;background-position:50%;position:relative;display:inline-block;width:1.33333333em;line-height:1em;padding-left:0} .flag-icon:before{content:'\00a0'} .flag-icon.flag-icon-squared{width:1em} .flag-nav{margin-left:5px;border:1px solid var(--flag-nav-border-color)} .flag-nav-first{width:20px;height:20px} .flag_header{border:1px solid var(--flag-nav-border-color)} .flav-show-head,.flav-show-nav{height:20px;width:20px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--border)} .show_flag_logo{display:block;width:24px;height:24px;margin-top:5px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--border);background-color:#fff} @media (max-width:1279.98px){ .show_flag_logo{display:none} } @media (min-width:1536px){ .show_flag_logo{display:block} } .filter_flag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:90%;text-align:left} .filter_flag_selected{background-color:var(--accent);color:var(--bg-page)} .fs,.fs a{display:flex;align-items:center} .fs{display:flex;align-items:center;justify-content:center;text-align:center;padding-top:10px;padding-bottom:10px} .fs img{height:24px;width:24px;margin:0 10px;vertical-align:middle} .fs a{align-items:center;text-decoration:none} .fs_title{margin:0 3px;font-size:24px;color:var(--fs-title-text)} @media (min-width:1024px){ .fs{margin-top:10px} } .h-icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-1);opacity:.75;border-radius:6px;transition:opacity .15s,background .15s;text-decoration:none;vertical-align:middle} .h-icon-link:hover{opacity:1;background:var(--bg-elevated)} @media (max-width:1023px){ .h-icon-link{display:none} } .h_menu{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--text-1);transition:color .2s} .h_menu:hover{color:var(--primary)} .h_menu.is-active{color:var(--primary)} .h_menu.is-active svg{color:var(--primary) !important;opacity:1 !important} .lang-dropdown{visibility:hidden;opacity:0;transform:translateY(-6px) scale(.98);position:fixed;top:58px;right:0;left:0;z-index:10000;min-width:auto;max-width:none;max-height:calc(100vh - 100px);overflow-y:auto;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:0 0 10px 10px;box-shadow:0 12px 32px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.25);padding:8px;transition:opacity .18s ease-out, visibility .18s, transform .18s ease-out;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .lang-dropdown.open{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto} .lang-dropdown::-webkit-scrollbar{width:6px} .lang-dropdown::-webkit-scrollbar-track{background:transparent} .lang-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px} .lang-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-2)} .lang-dropdown__item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;color:var(--text-1);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .12s ease, color .12s ease;outline:none} .lang-dropdown__item:hover{background-color:var(--bg-elevated);color:var(--text-1)} .lang-dropdown__item:focus-visible{background-color:var(--bg-elevated);box-shadow:0 0 0 2px var(--accent)} .lang-dropdown__item--active{background-color:var(--alpha-accent-08);color:var(--primary);font-weight:600;position:relative} .lang-dropdown__item--active::before{content:'';position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--primary);border-radius:2px} .lang-dropdown__item--active:hover{background-color:var(--alpha-accent-35);color:var(--primary)} .lang-dropdown__flag.flag-icon{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:1px solid var(--border);line-height:22px;padding-left:0;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.15)} .lang-anchor{position:relative;display:inline-flex;align-items:center} .lang-dropdown__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1px;flex:1 1 auto;min-width:0;text-align:left;transform:translateZ(0);-webkit-transform:translateZ(0)} @media (min-width:768px){ .lang-dropdown{position:fixed;top:70px;right:0;left:auto;min-width:320px;max-width:420px;max-height:min(70vh,560px);padding:6px;border-radius:10px 0 0 10px} .lang-dropdown__grid{gap:2px} .lang-dropdown__item{padding:9px 12px;font-size:13px} .lang-dropdown__flag.flag-icon{width:22px;height:22px} } @media (min-width:1024px){ .lang-anchor{display:contents;position:static} .lang-dropdown{position:absolute;top:calc(100% + 20px);left:0;right:0;max-width:none;border-radius:10px} } } @layer layouts{ .footer{display:block;text-align:left;padding:var(--space-5) var(--space-4) var(--space-3);margin-top:var(--space-8);background-color:transparent;border-top:1px solid var(--border);font-size:13px;line-height:1.7;color:var(--text-2)} .footer .txt{max-width:1480px;margin:0 auto} .footer a{color:var(--text-2);transition:color .15s} .footer a:hover{color:var(--text-1)} .footer a img{width:135px} .txt_intro{margin:0 0 var(--space-4);color:var(--text-2);line-height:1.65} .txt_intro a{color:var(--text-1);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px} .txt_intro a:hover{color:var(--accent-alt);text-decoration-color:var(--accent-alt)} .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;gap:4px;margin-top:var(--space-4);padding:var(--space-3) 0 0;border-top:1px solid var(--border);font-size:11px;color:var(--text-2)} .footer-copy{opacity:.7} .footer-s{opacity:.6;font-size:11px;text-align:center} .footer-s:empty{display:none} @media (min-width:640px){ .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:8px;margin-top:var(--space-5);padding:var(--space-3) 0 0;font-size:12px} .footer-s{text-align:right} } @media (min-width:768px){ .footer{margin-top:var(--space-10);padding:var(--space-6) var(--space-4) var(--space-4)} .txt_intro{margin-bottom:var(--space-5)} } @media (min-width:1024px){ .footer{margin-top:var(--space-12)} .txt_intro{margin-bottom:var(--space-6)} } .copyright svg,.footer-logo{display:block;margin:0 auto} .footer-logo{box-sizing:border-box;background-size:420px;height:72px;width:220px;padding-top:42px} .copyright{margin-top:12px;font-size:12px;color:var(--te