@font-face{font-family:Inter;src:url(https://blitz-cdn-plain.blitz.gg/blitz/ui/fonts/Inter-VariableFont_slnt,wght.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}*{box-sizing:border-box}:root,:root *::backdrop{--br: 5px;--br-xl: 16px;--br-lg: 8px;--br-sm: 3px;--hue: 222deg;--shade0-hsl: var(--hue) 14% 96%;--shade1-hsl: var(--hue) 5% 70%;--shade2-hsl: var(--hue) 5% 60%;--shade3-hsl: var(--hue) 6% 50%;--shade4-hsl: var(--hue) 7% 35%;--shade5-hsl: var(--hue) 9% 20%;--shade6-hsl: var(--hue) 14% 13%;--shade7-hsl: var(--hue) 14% 10%;--shade8-hsl: var(--hue) 19% 9%;--shade9-hsl: var(--hue) 20% 7%;--shade10-hsl: var(--hue) 33% 4%;--primary-hsl: 345deg 100% 48%;--primary-hsl-hover: 352deg 69% 58%;--primary: hsla(var(--primary-hsl) / 1);--primary-hover: hsla(var(--primary-hsl-hover) / 1);--white: hsl(0deg 0% 100%);--red-lch: .69 .26 35.04;--red: oklch(var(--red-lch) / 1);--green-lch: .8 .28 142.58;--green: oklch(var(--green-lch) / 1);--blue-lch: .7 .25 231.7;--blue: oklch(var(--blue-lch) / 1);--turq-lch: .84 .19 189.8;--turq: oklch(var(--turq-lch) / 1);--yellow-lch: .88 .21 98.5;--yellow: oklch(var(--yellow-lch) / 1);--orange-lch: .72 .24 45.1;--orange: oklch(var(--orange-lch) / 1);--purple-lch: .68 .28 295.3;--purple: oklch(var(--purple-lch) / 1);--pink-lch: .73 .25 322.4;--pink: oklch(var(--pink-lch) / 1);--lime-lch: .83 .22 129.6;--lime: oklch(var(--lime-lch) / 1);--nav-bar-hsl: var(--hue) 20% 8%;--blue-15: hsla(var(--blue-hsl) / .15);--blue-25: hsla(var(--blue-hsl) / .25);--blue-50: hsla(var(--blue-hsl) / .5);--blue-75: hsla(var(--blue-hsl) / .75);--red-5: hsla(var(--red-hsl) / .05);--red-15: hsla(var(--red-hsl) / .15);--red-25: hsla(var(--red-hsl) / .25);--red-50: hsla(var(--red-hsl) / .5);--red-75: hsla(var(--red-hsl) / .75);--turq-5: hsla(var(--turq-hsl) / .05);--turq-15: hsla(var(--turq-hsl) / .15);--turq-25: hsla(var(--turq-hsl) / .25);--turq-50: hsla(var(--turq-hsl) / .5);--turq-75: hsla(var(--turq-hsl) / .75);--yellow-15: hsla(var(--yellow-hsl) / .15);--yellow-25: hsla(var(--yellow-hsl) / .25);--yellow-50: hsla(var(--yellow-hsl) / .5);--yellow-75: hsla(var(--yellow-hsl) / .75);--rank-gold: hsla(39deg 55% 56% / 1);--rank-silver: hsla(184deg 11% 76% / 1);--rank-bronze: hsla(29deg 29% 52% / 1);--perf-pos3: hsl(178deg 69% 52%);--perf-pos2: hsl(180deg 53% 66%);--perf-pos1: hsl(182deg 42% 73%);--perf-neutral: hsl(190deg 23% 80%);--perf-neg1: hsl(353deg 30% 76%);--perf-neg2: hsl(358deg 59% 67%);--perf-neg3: hsl(360deg 74% 60%);--tier1: hsla(40deg 90% 55% / 1);--tier2: hsla(178deg 69% 52% / 1);--tier3: hsla(182deg 42% 73% / 1);--tier4: hsla(190deg 23% 80% / 1);--tier5: hsla(222deg 7% 37% / 1);--tierNone: hsla(222deg 8% 22% / 1);--ap: hsla(235deg 88% 73% / 1);--ad: hsla(360deg 100% 67% / 1);--true: hsla(153deg 0% 100% / 1);--subscriber-solid: oklch(.89 .14 81.17);--subscriber: var(--subscriber-solid);--gold: var(--subscriber-solid);--subscriber-gradient: linear-gradient( 95deg, oklch(.52 .1 76.36) 0%, oklch(.89 .14 82.11) 100% );--placement-gold-bg: #ffbf50;--placement-gold-bg-dark: #987740;--placement-silver-bg: #a6acb9;--placement-silver-bg-dark: #43474e;--placement-bronze-bg: #9f7956;--placement-bronze-bg-dark: #594533;--placement-fourth-bg: #5d656b;--placement-fourth-bg-dark: #5d656b;--placement-none-bg: #5d656b;--placement-none-bg-dark: #5d656b;--cost1: #485767;--cost2: #275e4e;--cost3: #3a4894;--cost4: #e50dc2;--cost5: #daaa29;--cost7: #43dec2;--rank-iron: #817678;--rank-iron-text: #a29294;--rank-bronze: #9f6347;--rank-bronze-text: #b97452;--rank-silver: #80989d;--rank-silver-text: #a2c1c7;--rank-gold: #cd8837;--rank-gold-text: #f1a64e;--rank-platinum: #1c91b6;--rank-platinum-text: #14c0f5;--rank-emerald: #519847;--rank-emerald-text: #56d744;--rank-diamond: #8141eb;--rank-diamond-text: #9556ff;--rank-master: #9d48e0;--rank-master-text: #a952e5;--rank-grandmaster: #d94444;--rank-grandmaster-text: #ef4f4f;--rank-challenger: #f4c874;--rank-challenger-text: #f4c874;--rank-none: var(--shade6);--rank-none-text: var(--shade3);--transition: .15s ease-out;interpolate-size:allow-keywords}body{--primary-15: hsla(var(--primary-hsl) / .15);--primary-25: hsla(var(--primary-hsl) / .25);--primary-50: hsla(var(--primary-hsl) / .5);--turq-15: hsla(var(--turq-hsl) / .15);--turq-25: hsla(var(--turq-hsl) / .25);--turq-50: hsla(var(--turq-hsl) / .5);--turq-75: hsla(var(--turq-hsl) / .75);--shade0: hsla(var(--shade0-hsl) / 1);--shade0-15: hsla(var(--shade0-hsl) / .15);--shade0-25: hsla(var(--shade0-hsl) / .25);--shade0-50: hsla(var(--shade0-hsl) / .5);--shade0-75: hsla(var(--shade0-hsl) / .75);--shade1: hsla(var(--shade1-hsl) / 1);--shade1-15: hsla(var(--shade1-hsl) / .15);--shade1-25: hsla(var(--shade1-hsl) / .25);--shade1-50: hsla(var(--shade1-hsl) / .5);--shade1-75: hsla(var(--shade1-hsl) / .75);--shade2: hsla(var(--shade2-hsl) / 1);--shade2-15: hsla(var(--shade2-hsl) / .15);--shade2-25: hsla(var(--shade2-hsl) / .25);--shade2-50: hsla(var(--shade2-hsl) / .5);--shade2-75: hsla(var(--shade2-hsl) / .75);--shade3: hsla(var(--shade3-hsl) / 1);--shade3-15: hsla(var(--shade3-hsl) / .15);--shade3-25: hsla(var(--shade3-hsl) / .25);--shade3-50: hsla(var(--shade3-hsl) / .5);--shade3-75: hsla(var(--shade3-hsl) / .75);--shade4: hsla(var(--shade4-hsl) / 1);--shade4-15: hsla(var(--shade4-hsl) / .15);--shade4-25: hsla(var(--shade4-hsl) / .25);--shade4-50: hsla(var(--shade4-hsl) / .5);--shade4-75: hsla(var(--shade4-hsl) / .75);--shade5: hsla(var(--shade5-hsl) / 1);--shade5-15: hsla(var(--shade5-hsl) / .15);--shade5-25: hsla(var(--shade5-hsl) / .25);--shade5-50: hsla(var(--shade5-hsl) / .5);--shade5-75: hsla(var(--shade5-hsl) / .75);--shade6: hsla(var(--shade6-hsl) / 1);--shade6-15: hsla(var(--shade6-hsl) / .15);--shade6-25: hsla(var(--shade6-hsl) / .25);--shade6-50: hsla(var(--shade6-hsl) / .5);--shade6-75: hsla(var(--shade6-hsl) / .75);--shade7: hsla(var(--shade7-hsl) / 1);--shade7-15: hsla(var(--shade7-hsl) / .15);--shade7-25: hsla(var(--shade7-hsl) / .25);--shade7-50: hsla(var(--shade7-hsl) / .5);--shade7-75: hsla(var(--shade7-hsl) / .75);--shade8: hsla(var(--shade8-hsl) / 1);--shade8-15: hsla(var(--shade8-hsl) / .15);--shade8-25: hsla(var(--shade8-hsl) / .25);--shade8-50: hsla(var(--shade8-hsl) / .5);--shade8-75: hsla(var(--shade8-hsl) / .75);--shade9: hsla(var(--shade9-hsl) / 1);--shade9-15: hsla(var(--shade9-hsl) / .15);--shade9-25: hsla(var(--shade9-hsl) / .25);--shade9-50: hsla(var(--shade9-hsl) / .5);--shade9-75: hsla(var(--shade9-hsl) / .75);--shade10: hsla(var(--shade10-hsl) / 1);--shade10-15: hsla(var(--shade10-hsl) / .15);--shade10-25: hsla(var(--shade10-hsl) / .25);--shade10-50: hsla(var(--shade10-hsl) / .5);--shade10-75: hsla(var(--shade10-hsl) / .75);--highlight: inset 0 1px hsl(0deg 0% 100% / 6%);--btn-txt-shadow: 0 2px var(--shade9-25);--nav-bar: hsla(var(--nav-bar-hsl));--app-bg-hsl: var(--shade9-hsl);--app-bg: var(--shade9);--btn-height: 2.25rem;--sp-container: 66rem;--sp-right-rail-ads: 300px;--sp-container-gap: 1rem;--sp-container-wrapper: calc( var(--sp-container) + var(--sp-container-gap) + var(--sp-right-rail-ads) );--nav-bg: var(--shade8);--secondary-nav-height: 3rem;--secondary-nav-background-color: transparent;--secondary-nav-border-color: transparent;font-size:16px;font-family:Inter,system-ui;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.35;color:var(--shade0);background:var(--app-bg);margin:0}body.is-overlay{background:transparent!important}body.theme-dark{--hue: 222deg;--shade0-hsl: var(--hue) 14% 93%;--shade1-hsl: var(--hue) 5% 62%;--shade2-hsl: var(--hue) 5% 56%;--shade3-hsl: var(--hue) 6% 40%;--shade4-hsl: var(--hue) 7% 30%;--shade5-hsl: var(--hue) 9% 23%;--shade6-hsl: var(--hue) 14% 13%;--shade7-hsl: var(--hue) 14% 11%;--shade8-hsl: var(--hue) 19% 9%;--shade9-hsl: var(--hue) 20% 7%;--shade10-hsl: var(--hue) 33% 4%;--nav-bar-hsl: var(--hue) 20% 8%}body.theme-blue{--hue: 220deg;--shade0-hsl: var(--hue) 24% 93%;--shade1-hsl: var(--hue) 26% 70%;--shade2-hsl: var(--hue) 23% 62%;--shade3-hsl: var(--hue) 19% 56%;--shade4-hsl: var(--hue) 24% 46%;--shade5-hsl: var(--hue) 25% 27%;--shade6-hsl: var(--hue) 36% 23%;--shade7-hsl: var(--hue) 35% 17%;--shade8-hsl: var(--hue) 35% 15%;--shade9-hsl: var(--hue) 42% 12%;--shade10-hsl: var(--hue) 61% 7%;--nav-bar-hsl: var(--hue) 42% 11%}body.theme-black{--hue: 222deg;--shade0-hsl: var(--hue) 14% 100%;--shade1-hsl: var(--hue) 5% 75%;--shade2-hsl: var(--hue) 5% 60%;--shade3-hsl: var(--hue) 6% 27%;--shade4-hsl: var(--hue) 7% 25%;--shade5-hsl: var(--hue) 9% 17%;--shade6-hsl: var(--hue) 10% 10%;--shade7-hsl: var(--hue) 14% 5%;--shade8-hsl: var(--hue) 19% 4%;--shade9-hsl: var(--hue) 20% 2%;--shade10-hsl: var(--hue) 33% 0%;--nav-bar-hsl: var(--hue) 20% 0%}body.theme-aubergine{--hue: 256deg;--shade0-hsl: var(--hue) 24% 93%;--shade1-hsl: var(--hue) 26% 70%;--shade2-hsl: var(--hue) 23% 62%;--shade3-hsl: var(--hue) 19% 56%;--shade4-hsl: var(--hue) 24% 46%;--shade5-hsl: var(--hue) 25% 27%;--shade6-hsl: var(--hue) 36% 23%;--shade7-hsl: var(--hue) 35% 17%;--shade8-hsl: var(--hue) 35% 15%;--shade9-hsl: var(--hue) 42% 12%;--shade10-hsl: var(--hue) 61% 7%;--nav-bar-hsl: var(--hue) 42% 11%;--primary-hsl: var(--green-hsl);--primary-hsl-hover: var(--green-hsl)}body.theme-gherkin{--hue: 168deg;--shade0-hsl: var(--hue) 24% 93%;--shade1-hsl: var(--hue) 26% 70%;--shade2-hsl: var(--hue) 23% 62%;--shade3-hsl: var(--hue) 19% 56%;--shade4-hsl: var(--hue) 24% 46%;--shade5-hsl: var(--hue) 25% 27%;--shade6-hsl: var(--hue) 36% 23%;--shade7-hsl: var(--hue) 35% 17%;--shade8-hsl: var(--hue) 35% 15%;--shade9-hsl: var(--hue) 42% 12%;--shade10-hsl: var(--hue) 61% 7%;--nav-bar-hsl: var(--hue) 42% 11%;--primary-hsl: var(--green-hsl);--primary-hsl-hover: var(--green-hsl)}:where(input){background:transparent;border:none;&:focus{outline:none}}:where(button),:where(.button){border:none;background:transparent;padding:0;font-size:inherit;font-weight:500;cursor:pointer}button,input,textarea,select details{font-size:inherit;font-family:inherit;color:inherit;line-height:1.6}@supports (-webkit-touch-callout: none){@media(hover:none)and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{font-size:16px!important}}}dialog{border:none;color:inherit;background:transparent;padding:0}h1,h2,h3,h4,h5,h6,p,ol,ul,menu{margin:0;padding:0}ol,ul,menu{list-style:none}:where(a){color:var(--shade0);text-decoration:none}:where(img),:where(picture),:where(svg),:where(video),:where(iframe){display:block;height:auto;user-select:none;max-width:100%}svg:not(.original-colors){stroke-width:0;stroke:none;fill:currentColor}svg.overflow-visible{overflow:visible}[popover]{color:inherit}::selection{background:var(--primary);color:var(--white, white)}.type-page-header{font-size:1.375rem;font-weight:650}.type-page-subheader{font-size:1.25rem;font-weight:500}.type-title,.type-title--semi,.type-title--bold{font-size:1rem}.type-title--semi{font-weight:500}.type-title--bold{font-weight:600}.type-form--button,.type-form--tab{font-weight:575;font-size:.875rem}.type-subtitle,.type-subtitle--semi,.type-subtitle--bold{font-size:.875rem}.type-subtitle--semi{font-weight:500}.type-subtitle--bold{font-weight:600}.type-callout,.type-callout--semi,.type-callout--bold{font-size:.8125rem}.type-callout--semi{font-weight:500}.type-callout--bold{font-weight:600}.type-caption,.type-caption--semi,.type-caption--bold{font-weight:400;font-size:.75rem}.type-caption--semi{font-weight:500}.type-caption--bold{font-weight:600}.type-overline{font-size:.6875rem;font-weight:600;letter-spacing:.015rem;text-transform:uppercase}.type-mini{font-size:.6em;font-weight:625;letter-spacing:.015rem;text-transform:uppercase}:where(.card-container){--padding: 1.25rem;--card-radius: var(--br-xl);--border-color: var(--shade4-15);--card-surface: var(--shade8);position:relative;background:var(--card-surface);border-radius:var(--card-radius);overflow:clip;&.overflow-visible{overflow:visible}&.no-border:after{content:unset}.card-header{padding-inline:var(--padding);padding-block:var(--padding) calc(var(--padding) / 4);font-weight:600;.subtitle{color:var(--shade1)}&:has(.subtitle){display:grid;grid-auto-rows:max-content;gap:.25rem;padding-block-end:calc(var(--padding) / 2);border-bottom:1px solid var(--shade6)}}}:where(.card-container):after{content:"";position:absolute;inset:0;border:1px solid var(--border-color);border-radius:var(--card-radius);pointer-events:none}:where(.card-container)>*{position:relative}:where(.hash-link-wrapper){position:relative;&:hover{.hash-link{opacity:1}}}:where(.hash-link){position:absolute;translate:-100% 0%;color:var(--shade2);padding-inline:.5ch;cursor:pointer;transition:opacity var(--transition);opacity:0}:where(.tooltip-content){padding:1.25rem;max-width:38ch;background:var(--shade10);color:var(--shade0);border-radius:var(--br-xl);overflow:clip;z-index:25;pointer-events:none;&.no-padding{padding:0}}[data-bits-floating-content-wrapper]{pointer-events:none;z-index:10!important}[data-tooltip-trigger]{display:block;>*{display:block}}[data-tooltip-content]{opacity:1;scale:1;transform-origin:bottom center;transition:opacity .15s ease-out,scale .15s ease-out;@starting-style{opacity:0;scale:.9}}img[width="1"][height="1"]{display:none}#qc-cmp2-ui{max-width:unset!important}#qc-cmp2-ui *{font-family:Inter!important}body>#inmobi-injected-link{display:none}#inmobi-injected-link a{font-size:var(--sp-3)}.menu.svelte-1un9b6g{background:var(--shade8);box-shadow:0 4px 34px var(--shade10-75)}.account-info.svelte-1un9b6g{display:grid;text-align:left;padding:.75rem;.account-name:where(.svelte-1un9b6g){display:flex;align-items:center;gap:.25rem}&.premium{color:var(--subscriber-solid)}}.group.svelte-1un9b6g{padding:.25rem;width:100%;border-bottom:1px solid var(--shade4-15);&:first-of-type{border-top:1px solid var(--shade4-15)}a:where(.svelte-1un9b6g),button:where(.svelte-1un9b6g){display:block;white-space:nowrap;color:var(--shade1);padding:.25rem .5rem;padding-inline-end:3.5rem;width:100%;text-align:left;border-radius:var(--br);&:hover{background:var(--shade6)}}.get-premium-btn:where(.svelte-1un9b6g){display:flex;align-items:center;justify-content:space-between;background:color-mix(in hsl,var(--subscriber) 15%,transparent);color:var(--subscriber);border-radius:var(--br);padding:.25rem .5rem;width:100%;svg{width:1rem;height:1rem}&:hover{background:color-mix(in hsl,var(--subscriber) 25%,transparent)}}}.social-links.svelte-1un9b6g{display:flex;gap:.5rem;padding:.75rem;>:where(.svelte-1un9b6g){flex:1;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 15%,transparent);padding:.25rem;outline:1px solid transparent;outline-offset:2px;border-radius:var(--br);&:hover{outline-color:color-mix(in srgb,currentColor 35%,transparent)}}svg{width:1.25rem;height:1.25rem}}.blitz-app.svelte-10ehbbt{container-name:app;container-type:inline-size}header.svelte-10ehbbt{--border-color: var(--shade6-50);position:relative;view-transition-name:app-nav;background:var(--nav-bg);z-index:3;&:not(:has(~.game-nav-container)){box-shadow:inset 0 -1px 0 var(--border-color)}}::view-transition-group(app-nav){z-index:8}::view-transition-group(navigation-indicator){z-index:10}::view-transition-new(navigation-indicator){background:var(--primary)}.navigation-indicator.svelte-10ehbbt{view-transition-name:navigation-indicator;position:fixed;top:0;left:0;width:100cqi;height:2px;z-index:10;pointer-events:none;&.navigating{background:var(--primary);animation:svelte-10ehbbt-navigation-indicator-animate .5s forwards ease-in-out infinite}}@keyframes svelte-10ehbbt-navigation-indicator-animate{0%{translate:-100% 0}to{translate:100% 0}}main.svelte-10ehbbt{--web-header-width: calc(var(--sp-container) + var(--right-rail-width));display:flex;flex-direction:column;height:100dvh;overflow:clip}.web-games-list-container.svelte-10ehbbt{container-name:web-games-list;container-type:inline-size;position:relative}.web-games-list-more.svelte-10ehbbt{display:grid;position:absolute;place-content:center;top:0;right:0;padding-inline:.5rem;height:100%;background:var(--nav-bg);box-shadow:inset 1px 0 var(--border-color)}.game-list.svelte-10ehbbt{display:flex;width:100%;background:var(--shade9);box-shadow:inset 0 -1px var(--border-color);.home:where(.svelte-10ehbbt){display:flex;gap:.5rem;span:where(.svelte-10ehbbt){display:none}}.blitz-wordmark{height:1.25rem;width:auto}a:where(.svelte-10ehbbt){display:flex;padding:.5rem .75rem;align-items:center;gap:.5rem;color:var(--shade3);white-space:nowrap;flex-shrink:0;&:not(:last-child){box-shadow:inset -1px 0 var(--border-color)}svg{border-radius:var(--br-sm)}&:hover,&:focus{color:var(--shade0);svg{background:var(--game-color, var(--shade7))}path{fill:var(--shade8)}}&.active{color:var(--shade0);background:var(--nav-bg);&:not(.home){>svg{background:var(--game-color, var(--shade7));path{fill:var(--shade8)}}}}&:not(.home){>svg{width:1.25rem;height:1.25rem}}}}.game-link.svelte-10ehbbt{@container app (inline-size <= 700px){.game-name:where(.svelte-10ehbbt){display:none}&:hover{.game-name:where(.svelte-10ehbbt){display:block}}}}.app-drag-bar.svelte-10ehbbt{position:relative;height:var(--app-nav-height);width:100%;-webkit-app-region:drag;&:has(.account:hover){-webkit-app-region:no-drag}>:where(.svelte-10ehbbt){-webkit-app-region:no-drag}.blitz-logo:where(.svelte-10ehbbt){display:flex;position:absolute;top:50%;left:1rem;translate:0 -50%;gap:.5rem}.blitz-logo:where(.svelte-10ehbbt) span:where(.svelte-10ehbbt){font-size:.75rem;font-weight:700;color:var(--shade3);translate:0 1px}.app-nav:where(.svelte-10ehbbt){--gap: .5rem;position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;gap:var(--gap)}.nav-controls:where(.svelte-10ehbbt)>:where(.svelte-10ehbbt),.search-bar:where(.svelte-10ehbbt),.app-language-selector:where(.svelte-10ehbbt),.app-account-btn:where(.svelte-10ehbbt){-webkit-app-region:no-drag;&:hover,&:focus{background:var(--shade6);outline:1px solid var(--shade1-25);outline-offset:2px}}.nav-controls:where(.svelte-10ehbbt),.app-actions:where(.svelte-10ehbbt){width:13rem;-webkit-app-region:drag}.nav-controls:where(.svelte-10ehbbt){display:flex;justify-content:flex-end;>:where(.svelte-10ehbbt){display:grid;place-content:center;width:1.75rem;height:1.75rem;color:var(--shade3);border-radius:var(--br)}}.search-bar:where(.svelte-10ehbbt){width:28rem;height:1.75rem;padding-inline-start:2.25rem;border-radius:var(--br);svg{left:.5rem;width:1.25rem;height:1.25rem}.controls:where(.svelte-10ehbbt){right:.25rem}}.app-actions:where(.svelte-10ehbbt){display:flex;gap:var(--gap)}.windows-controls:where(.svelte-10ehbbt){position:fixed;top:0;right:0;display:flex;-webkit-app-region:no-drag;z-index:100;button:where(.svelte-10ehbbt){width:var(--app-nav-height);height:var(--app-nav-height);display:flex;align-items:center;justify-content:center;padding:0;color:var(--shade1-75);&:hover{background:var(--shade4-25);color:var(--shade0);&.close{background:var(--primary)}}}}.mac-controls:where(.svelte-10ehbbt){width:6.75rem}}.search-bar.svelte-10ehbbt{position:relative;background:var(--shade6);color:var(--shade2-75);text-align:left;padding-inline-start:2.75rem;border-radius:var(--br-lg);overflow:clip;svg{position:absolute;top:50%;left:.75rem;translate:0 -50%}.search-placeholder:where(.svelte-10ehbbt){white-space:nowrap}.fade:where(.svelte-10ehbbt){position:absolute;top:0;right:0;height:100%;width:6rem;background:linear-gradient(to right,transparent,var(--shade6) 20%);@container (inline-size <= 700px){display:none}}.controls:where(.svelte-10ehbbt){position:absolute;display:flex;gap:.25rem;right:.5rem;top:50%;translate:0 -50%;@container (inline-size <= 700px){display:none}>*{background:var(--shade3-25);padding-inline:.5rem;color:var(--shade1);border-radius:var(--br-sm)}}}.web-nav.svelte-10ehbbt{display:flex;gap:1rem;padding-block:.5rem;width:100%;max-width:calc(var(--web-header-width) + 1rem);padding-inline:.5rem;margin-inline:auto;@container (inline-size <= 1056px){margin-inline:0}.search-bar:where(.svelte-10ehbbt){flex:1;height:2.25rem;outline:2px solid transparent;outline-offset:2px;&:hover,&:focus{background:var(--shade5-75);outline-color:var(--shade2-25)}.search-placeholder:where(.svelte-10ehbbt){position:absolute;top:50%;left:2.75rem;translate:0 -50%}}.web-actions:where(.svelte-10ehbbt){display:flex;gap:.5rem}.button.download{&:hover{outline-color:color-mix(in hsl,var(--primary) 50%,transparent)}}.button.go-ad-free-button{background:color-mix(in hsl,var(--subscriber) 15%,transparent);color:var(--subscriber);&:hover{outline-color:color-mix(in hsl,var(--subscriber) 25%,transparent)}}@container app (inline-size <= 800px){.button.download,.go-ad-free-button{display:none}}}.account.svelte-10ehbbt{position:relative;&:hover{.menu{display:block}}.menu{position:absolute;display:none;top:100%;left:50%;translate:-50% 0}}.ads-toggle.svelte-10ehbbt{position:fixed;bottom:1rem;right:1rem;width:4rem;z-index:10}.page-background.svelte-10ehbbt{position:absolute;top:var(--app-nav-height);left:0;width:100%;height:35rem;background-size:cover;background-position:bottom center;background-image:var(--background-image);filter:blur(35px);mask-image:linear-gradient(to bottom,black,transparent);opacity:.25;pointer-events:none}::view-transition-group(language-dialog){z-index:12}.app-account-btn.svelte-10ehbbt,.web-nav.svelte-10ehbbt .web-account-btn{&.premium-account-btn{color:var(--subscriber-solid);background:color-mix(in hsl,var(--subscriber-solid),transparent 75%);box-shadow:inset 0 0 0 1px color-mix(in hsl,var(--subscriber-solid),transparent 85%);&:hover{outline-color:color-mix(in hsl,var(--subscriber-solid),transparent 60%)}}}.app-language-selector.svelte-10ehbbt,.app-account-btn.svelte-10ehbbt{display:flex;align-items:center;gap:.25rem;padding-inline:.75rem;height:100%;color:var(--shade1);background:var(--shade6);border-radius:var(--br);svg{flex-shrink:0;width:1.25rem;height:1.25rem;margin-inline-start:-.25rem}span:where(.svelte-10ehbbt){max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}.language-dialog.svelte-10ehbbt{container-type:inline-size;container-name:language-dialog;view-transition-name:language-dialog;width:min(90%,600px);&::backdrop{background:color-mix(in hsl,var(--shade10),transparent 20%)}}.languages.svelte-10ehbbt{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:1.5rem;@container language-dialog (inline-size <= 500px){grid-template-columns:1fr 1fr 1fr}@container language-dialog (inline-size <= 400px){grid-template-columns:1fr 1fr}}.lang-option.svelte-10ehbbt{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--br-lg);color:var(--shade2);line-height:1;transition:background var(--transition);&:hover{background:var(--shade6)}&.active{background:var(--shade6);color:var(--shade0)}}