@font-face{font-family:kanit;src:url(../media/kanit_thai_100-s.p.1nap1a5rco8dt.woff2)format("woff2");font-display:swap;font-weight:100;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_100-s.p.0ppw67qq7k4_s.woff2)format("woff2");font-display:swap;font-weight:100;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_200-s.p.1a7i10zxihr9k.woff2)format("woff2");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_200-s.p.1320j0pgiu2wf.woff2)format("woff2");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_300-s.p.2l8w03x4iddko.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_300-s.p.33slewddv0fht.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_400-s.p.2awl93f_fk6jj.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_400-s.p.19drimxd-xxoy.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_500-s.p.3_rktdki6g5iz.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_500-s.p.3n1kekl_6v_7b.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_600-s.p.2p9f0dv37sso_.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_600-s.p.3lg2y4864lcrl.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_700-s.p.1p1dpiy7rk5ko.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_700-s.p.12crgla0nk5ms.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_800-s.p.336rren6fazgt.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_800-s.p.1knbfn7j_tfa6.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_thai_900-s.p.377e000dk0063.woff2)format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:kanit;src:url(../media/kanit_latin_900-s.p.3rbndzxng0d70.woff2)format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:kanit Fallback;src:local(Arial);ascent-override:106.73%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:103.07%}.kanit_d201452e-module__djaTdG__className{font-family:kanit,kanit Fallback}.kanit_d201452e-module__djaTdG__variable{--font-kanit:"kanit", "kanit Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*{box-sizing:border-box}body{background:var(--color-surface);color:var(--color-surface-foreground);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.button{font:inherit;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:999px;align-items:center;padding:10px 26px;font-size:13px;font-weight:700;display:inline-flex}.button--primary{background:linear-gradient(180deg, var(--color-action-from), var(--color-action));color:var(--color-action-foreground)}.button--outline{border:1px solid var(--color-primary);color:var(--color-surface-foreground)}.surface{border-radius:var(--radius);background:var(--color-card);border:1px solid var(--color-border);position:relative;overflow:hidden}.surface[data-chrome=skinned]{border-color:var(--color-accent);background:linear-gradient(160deg, var(--color-card), var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.surface[data-chrome=skinned]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 35%, transparent)}}.surface[data-chrome=skinned]:before,.surface[data-chrome=skinned]:after{content:"";background:linear-gradient(135deg, var(--color-accent), var(--color-primary));width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;transform:rotate(45deg)}.surface[data-chrome=skinned]:before{left:-5px}.surface[data-chrome=skinned]:after{right:-5px}.surface__flourish{width:100%;height:100%;color:var(--color-accent);pointer-events:none;position:absolute;inset:0}.surface__content{padding:14px;position:relative}[data-skin=sapphire] .surface[data-chrome=skinned]{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){[data-skin=sapphire] .surface[data-chrome=skinned]{border-color:color-mix(in srgb, var(--color-accent) 22%, transparent)}}[data-skin=sapphire] .surface[data-chrome=skinned]{background:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){[data-skin=sapphire] .surface[data-chrome=skinned]{background:color-mix(in srgb, var(--color-secondary) 55%, var(--color-surface))}}[data-skin=sapphire] .surface[data-chrome=skinned]{box-shadow:none}[data-skin=sapphire] .surface[data-chrome=skinned]:before,[data-skin=sapphire] .surface[data-chrome=skinned]:after,[data-skin=sapphire] .surface__flourish{display:none}[data-skin=emerald] .surface[data-chrome=skinned]{background:var(--color-secondary);box-shadow:none;border-color:#0000}[data-skin=emerald] .surface[data-chrome=skinned]:before,[data-skin=emerald] .surface[data-chrome=skinned]:after,[data-skin=emerald] .surface__flourish{display:none}[data-skin=lapis] .surface[data-chrome=skinned]{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-skin=lapis] .surface[data-chrome=skinned]{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent)}}[data-skin=lapis] .surface[data-chrome=skinned]{background:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){[data-skin=lapis] .surface[data-chrome=skinned]{background:color-mix(in srgb, var(--color-secondary) 60%, black)}}[data-skin=lapis] .surface[data-chrome=skinned]{box-shadow:none}[data-skin=lapis] .surface[data-chrome=skinned]:before,[data-skin=lapis] .surface[data-chrome=skinned]:after,[data-skin=lapis] .surface__flourish{display:none}[data-skin=azure] .surface[data-chrome=skinned]{border-color:var(--color-border);background:var(--color-secondary);box-shadow:none}[data-skin=azure] .surface[data-chrome=skinned]:before,[data-skin=azure] .surface[data-chrome=skinned]:after,[data-skin=azure] .surface__flourish{display:none}.not-found{text-align:center;max-width:640px;margin:48px auto 0}.not-found .surface__content{flex-direction:column;align-items:center;gap:10px;padding:48px 32px;display:flex}.not-found__code{letter-spacing:.04em;background:linear-gradient(180deg, var(--color-accent), var(--color-primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(72px,16vw,128px);font-weight:800;line-height:1}.not-found__title{margin:0;font-size:24px}.not-found__text{max-width:36ch;color:var(--color-muted-foreground);margin:0}.not-found__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}@media (max-width:640px){.not-found{margin-top:16px}.not-found .surface__content{padding:36px 20px}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-launch{z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.app-launch__backdrop{cursor:pointer;background:#000000a6;border:0;position:fixed;inset:0}.app-launch__panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);width:min(380px,100%);color:var(--color-card-foreground);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 22px 20px;display:flex;position:relative;box-shadow:0 20px 60px #00000073}.app-launch__close{width:32px;height:32px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.app-launch__close:hover{opacity:1}.app-launch__title{margin:0;font-size:18px;font-weight:700}.app-launch__name{overflow-wrap:anywhere;color:var(--color-primary);margin:0;font-size:15px;font-weight:600}.app-launch__text{color:var(--color-muted-foreground);margin:0;font-size:13px;line-height:1.5}.app-launch__actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.app-launch__download{text-decoration:none}.app-launch__hint{min-height:1.4em;color:var(--color-warning);margin:0;font-size:12px}[data-fill=solid] .auth-button--primary,[data-fill=solid] .auth-tabs__tab[aria-selected=true]{background:var(--color-primary)}[data-fill=solid] .button--primary{background:var(--color-action)}[data-fill=solid] .not-found__code{color:var(--color-primary);background:0 0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,gainsboro));appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,white));cursor:pointer;text-transform:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:#0000}.react-international-phone-country-selector-button__button-content{justify-content:center;align-items:center;display:flex}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke))}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,white));width:300px;max-height:200px;box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px #00000040);color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex;position:absolute;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,gainsboro));border:none}.react-international-phone-country-selector-dropdown__list-item{min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px;display:flex}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap;margin-right:8px;overflow:hidden}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke))}.react-international-phone-dial-code-preview{border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,gainsboro));background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,white));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px));justify-content:center;align-items:center;margin-right:-1px;padding:0 8px;display:flex}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.react-international-phone-input-container .react-international-phone-input{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-border-color,gainsboro);border-radius:var(--react-international-phone-border-radius,4px);background-color:var(--react-international-phone-background-color,white);color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px);border-top-left-radius:0;border-bottom-left-radius:0;margin:0;padding:0 8px;overflow:visible}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,whitesmoke);color:var(--react-international-phone-disabled-text-color,#666)}
.auth-modal{width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--color-card-foreground);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.auth-modal::backdrop{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}:root:has(.auth-modal[open]){overflow:hidden}.auth-modal__surface{border-radius:var(--radius);max-height:calc(100dvh - 32px);overflow-y:auto}.auth-modal__surface .surface__content{padding:44px 20px 22px}.auth-modal__close{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-surface-foreground);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.auth-modal__close:hover,.auth-modal__close:focus-visible{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground)}.auth-tabs{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.auth-tabs__tab{border-radius:calc(var(--radius) - 4px);color:var(--color-muted-foreground);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:9px 8px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.auth-tabs__tab:hover{color:var(--color-surface-foreground)}.auth-tabs__tab[aria-selected=true]{background:linear-gradient(180deg, var(--color-accent), var(--color-primary));color:var(--color-primary-foreground)}.auth-panel__title,.auth-form__title{text-align:center;text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;font-size:18px;font-weight:800}.auth-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-stepper{justify-content:center;margin:0 0 8px;padding:0;list-style:none;display:flex}.auth-stepper__step{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:110px;display:flex;position:relative}.auth-stepper__step+.auth-stepper__step:before{content:"";background:var(--color-muted);border-radius:999px;height:4px;transition:background .4s ease-out;position:absolute;top:18px;left:calc(24px - 50%);right:calc(50% + 24px)}.auth-stepper__step:not([data-state=todo])+.auth-stepper__step:not([data-state=todo]):before{background:var(--color-primary)}.auth-stepper__dot{background:var(--color-muted);width:38px;height:38px;color:var(--color-muted-foreground);border-radius:999px;place-items:center;font-size:16px;font-weight:800;transition:background .3s,color .3s;display:grid}.auth-stepper__step:not([data-state=todo]) .auth-stepper__dot{background:var(--color-primary);color:var(--color-primary-foreground)}.auth-stepper__label{color:var(--color-muted-foreground);font-size:12px;font-weight:600}.auth-stepper__step:not([data-state=todo]) .auth-stepper__label{color:var(--color-primary)}.auth-form,.auth-form__body{flex-direction:column;gap:14px;display:flex}.auth-form__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field__label{color:var(--color-muted-foreground);font-size:13px;font-weight:600}.auth-field__required{color:var(--color-destructive)}.auth-field__optional{font-size:12px;font-weight:400}.auth-field__error,.auth-field__hint{margin:0;font-size:12px}.auth-field__error{color:var(--color-destructive)}.auth-field__hint{color:var(--color-success)}.auth-input{border-radius:calc(var(--radius) - 2px);background:var(--color-surface-foreground);width:100%;height:44px;color:var(--color-surface);font:inherit;border:2px solid #0000;padding:0 12px;font-size:15px}.auth-input::placeholder{color:color-mix(in srgb, var(--color-surface) 45%, transparent)}.auth-input:focus{border-color:var(--color-primary);outline:none}.auth-input[aria-invalid=true]{border-color:var(--color-destructive)}.auth-input[readonly]{background:var(--color-muted);color:var(--color-muted-foreground);border-color:#0000}.auth-select{appearance:auto;cursor:pointer}.auth-password{position:relative}.auth-password .auth-input{padding-right:44px}.auth-password__toggle{width:32px;height:32px;color:color-mix(in srgb, var(--color-surface) 55%, transparent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-password__toggle:hover,.auth-password__toggle:focus-visible{color:var(--color-primary)}.auth-check{color:var(--color-muted-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.auth-check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.auth-muted{color:var(--color-muted-foreground);margin:0;font-size:13px}.login__signup{text-align:center}.auth-state{flex-direction:column;gap:10px;display:flex}.auth-banner{border-radius:calc(var(--radius) - 2px);border:1px solid;padding:9px 12px;font-size:13px}.auth-banner--error{border-color:color-mix(in srgb, var(--color-destructive) 50%, transparent);background:color-mix(in srgb, var(--color-destructive) 12%, transparent);color:var(--color-destructive)}.auth-banner--success{border-color:color-mix(in srgb, var(--color-success) 50%, transparent);background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.auth-button{border-radius:calc(var(--radius) - 2px);width:100%;height:46px;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.auth-button:disabled{opacity:.55;cursor:not-allowed}.auth-button--primary{background:linear-gradient(180deg, var(--color-accent), var(--color-primary));color:var(--color-primary-foreground)}.auth-button--primary:not(:disabled):hover{filter:brightness(1.08)}.auth-button--secondary{background:var(--color-muted);color:var(--color-surface-foreground);font-size:13px}.auth-button--secondary:not(:disabled):hover{background:var(--color-border)}.auth-link{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:2px 0;font-size:13px;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:18px;height:18px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:2s}}.auth-captcha{flex-direction:column;gap:12px;display:flex}.auth-captcha__title{margin:0;font-weight:700}.auth-captcha__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-captcha__question{border:1px dashed var(--color-border);border-radius:calc(var(--radius) - 2px);background:var(--color-surface);letter-spacing:.12em;text-align:center;-webkit-user-select:none;user-select:none;flex:1;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:22px;font-weight:800}.auth-otp{flex-direction:column;gap:12px;display:flex}.auth-otp__resend{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.auth-code{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.auth-code__box{border-radius:calc(var(--radius) - 2px);background:var(--color-surface-foreground);width:100%;height:50px;color:var(--color-surface);font:inherit;text-align:center;border:2px solid #0000;padding:0;font-size:22px;font-weight:800}.auth-code__box:focus{border-color:var(--color-primary);outline:none}.auth-code__box[aria-invalid=true]{border-color:var(--color-destructive)}.auth-phone{--react-international-phone-height:44px;--react-international-phone-border-radius:calc(var(--radius) - 2px);--react-international-phone-border-color:transparent;--react-international-phone-background-color:var(--color-surface-foreground);--react-international-phone-text-color:var(--color-surface);--react-international-phone-font-size:15px;--react-international-phone-country-selector-background-color-hover:color-mix(in srgb, var(--color-surface-foreground) 88%, var(--color-surface));--react-international-phone-dropdown-item-background-color:var(--color-card);--react-international-phone-dropdown-item-text-color:var(--color-card-foreground);--react-international-phone-dropdown-item-dial-code-color:var(--color-muted-foreground);--react-international-phone-selected-dropdown-item-background-color:var(--color-muted);--react-international-phone-selected-dropdown-item-text-color:var(--color-surface-foreground);--react-international-phone-dropdown-shadow:0 8px 24px color-mix(in srgb, var(--color-surface) 60%, transparent);--react-international-phone-dropdown-top:48px;--react-international-phone-flag-width:22px;--react-international-phone-flag-height:22px;width:100%}.auth-phone .react-international-phone-country-selector-button{border-width:2px;padding:0 6px}.auth-phone .auth-phone__input{border-width:2px;flex:1;min-width:0}.auth-phone:focus-within .react-international-phone-country-selector-button,.auth-phone .auth-phone__input:focus{border-color:var(--color-primary)}.auth-phone .auth-phone__input[aria-invalid=true]{border-color:var(--color-destructive)}.auth-phone:has(.auth-phone__input[aria-invalid=true]) .react-international-phone-country-selector-button{border-color:var(--color-destructive)}.auth-phone .react-international-phone-country-selector-dropdown{border-radius:calc(var(--radius) - 2px);z-index:5;width:min(320px,100vw - 64px)}[data-skin=lapis]{--plate:#0b2760;--well:color-mix(in srgb, var(--color-secondary) 50%, black);--well-edge:color-mix(in srgb, var(--color-primary) 35%, transparent)}[data-skin=lapis] .auth-modal{--frame:min(536px, 100vw - 16px);width:var(--frame);max-height:calc(100dvh - 16px);padding-inline:calc(var(--frame) * .0622)}[data-skin=lapis] .auth-modal:before,[data-skin=lapis] .auth-modal:after{content:"";z-index:1;pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;left:0;right:0}[data-skin=lapis] .auth-modal:before{height:calc(var(--frame) * .1318);background-image:url(/skin/lapis/modal-top.png);top:0}[data-skin=lapis] .auth-modal:after{height:calc(var(--frame) * .1356);background-image:url(/skin/lapis/modal-bottom.png);bottom:0}[data-skin=lapis] .auth-modal__surface[data-chrome]{--plate-edge:#1f448e;max-height:calc(100dvh - 16px - var(--frame) * .135);margin-block:calc(var(--frame) * .062) calc(var(--frame) * .073);border:0;border-inline:calc(var(--frame) * .0062) solid var(--plate-edge);background:var(--plate);box-shadow:none;color:var(--color-on-art);border-radius:0}[data-skin=lapis] .auth-modal__surface .surface__content{padding:calc(var(--frame) * .1) calc(var(--frame) * .055) calc(var(--frame) * .08)}[data-skin=lapis] .auth-modal__close{display:none}[data-skin=lapis] .auth-tabs{background:0 0;border:2px solid #27387c;border-radius:999px;gap:8px;margin-bottom:26px;padding:8px}[data-skin=lapis] .auth-tabs__tab{height:44px;color:color-mix(in srgb, var(--color-on-art) 55%, black);background:#000;border:3px solid #27387c;border-radius:999px;padding:0 8px;font-size:22px;font-weight:800}[data-skin=lapis] .auth-tabs__tab:hover{color:var(--color-on-art)}[data-skin=lapis] .auth-tabs__tab[aria-selected=true]{background:linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 55%, black), var(--color-secondary), color-mix(in srgb, var(--color-secondary) 55%, black)) padding-box, linear-gradient(180deg, var(--color-accent), var(--color-primary)) border-box;color:var(--color-on-art);border-color:#0000}[data-skin=lapis] .auth-panel__title,[data-skin=lapis] .auth-form__title{font-size:22px}[data-skin=lapis] .auth-form,[data-skin=lapis] .auth-form__body{gap:18px}[data-skin=lapis] .auth-field{gap:10px}[data-skin=lapis] .auth-field__label{color:var(--color-on-art);font-size:18px;font-weight:700}[data-skin=lapis] .auth-input,[data-skin=lapis] .auth-code__box{border:1px solid var(--well-edge);background:var(--well);color:var(--color-on-art);border-radius:6px}[data-skin=lapis] .auth-input:focus,[data-skin=lapis] .auth-code__box:focus{border-color:var(--color-primary)}[data-skin=lapis] .auth-input[aria-invalid=true],[data-skin=lapis] .auth-code__box[aria-invalid=true]{border-color:var(--color-destructive)}[data-skin=lapis] .auth-input{height:52px;padding:0 18px;font-size:17px}[data-skin=lapis] .auth-code__box{height:52px}[data-skin=lapis] .auth-input::placeholder{color:color-mix(in srgb, var(--color-on-art) 50%, transparent)}[data-skin=lapis] .auth-input[readonly]{background:color-mix(in srgb, var(--well) 60%, var(--plate));color:color-mix(in srgb, var(--color-on-art) 60%, transparent)}[data-skin=lapis] .auth-password .auth-input{padding-right:56px}[data-skin=lapis] .auth-password__toggle{width:40px;height:40px;color:var(--color-on-art);right:10px}[data-skin=lapis] .auth-password__icon{width:30px;height:30px}[data-skin=lapis] .auth-phone{--react-international-phone-height:52px;--react-international-phone-border-radius:6px;--react-international-phone-background-color:var(--well);--react-international-phone-border-color:var(--well-edge);--react-international-phone-text-color:var(--color-on-art);--react-international-phone-font-size:17px;--react-international-phone-country-selector-background-color-hover:color-mix(in srgb, var(--well) 70%, var(--plate));--react-international-phone-dropdown-item-background-color:var(--well);--react-international-phone-dropdown-item-text-color:var(--color-on-art);--react-international-phone-selected-dropdown-item-background-color:var(--plate);--react-international-phone-selected-dropdown-item-text-color:var(--color-on-art);--react-international-phone-dropdown-top:56px}[data-skin=lapis] .auth-phone .react-international-phone-country-selector-button{border-width:1px}[data-skin=lapis] .auth-check{color:color-mix(in srgb, var(--color-on-art) 60%, var(--plate));gap:12px;font-size:17px}[data-skin=lapis] .auth-check__box{appearance:none;background:var(--well) no-repeat center / 80%;border-radius:6px;flex:none;width:24px;height:24px;margin:0}[data-skin=lapis] .auth-check__box:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l5 6L20 4'/%3E%3C/svg%3E")}[data-skin=lapis] .auth-check__box:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-skin=lapis] .auth-link{color:var(--color-accent);font-size:17px;font-weight:500}[data-skin=lapis] .auth-form__row .auth-link{color:color-mix(in srgb, var(--color-on-art) 60%, var(--plate))}[data-skin=lapis] .auth-form__row .auth-link:hover{color:var(--color-on-art)}[data-skin=lapis] .auth-muted{color:color-mix(in srgb, var(--color-on-art) 60%, var(--plate))}[data-skin=lapis] .login__signup{font-size:17px}[data-skin=lapis] .auth-button{border-radius:6px;height:52px;font-size:24px;font-weight:600}[data-skin=lapis] .auth-button--primary{background:linear-gradient(180deg, var(--color-primary), var(--color-accent) 55%, var(--color-primary));color:#000;margin-top:22px}[data-skin=lapis] .auth-button--secondary{background:var(--well);color:var(--color-on-art);font-size:18px}[data-skin=lapis] .auth-button--secondary:not(:disabled):hover{background:#000}[data-skin=lapis] .auth-stepper__step+.auth-stepper__step:before,[data-skin=lapis] .auth-stepper__dot{background:var(--well)}[data-skin=lapis] .auth-stepper__label{color:color-mix(in srgb, var(--color-on-art) 60%, var(--plate))}@media (max-width:480px){[data-skin=lapis] .auth-tabs__tab{height:38px;font-size:17px}[data-skin=lapis] .auth-field__label,[data-skin=lapis] .auth-input,[data-skin=lapis] .auth-check,[data-skin=lapis] .auth-link,[data-skin=lapis] .login__signup{font-size:15px}[data-skin=lapis] .auth-input{height:46px}[data-skin=lapis] .auth-button{height:46px;font-size:20px}}
.signin-field{flex-direction:column;gap:4px;display:flex}.signin-field__box{border:1px solid color-mix(in srgb, var(--color-ink) 10%, var(--color-paper));background:var(--color-paper);height:42px;color:var(--color-ink);border-radius:6px;align-items:center;display:flex;position:relative}.signin-field--login .signin-field__box{border-color:color-mix(in srgb, var(--color-highlight) 60%, var(--color-paper));border-radius:8px;height:40px;overflow:hidden}@media (min-width:768px){.signin-field--login .signin-field__box{height:44px}}.signin-field__input{border-radius:inherit;min-width:0;color:inherit;font:inherit;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;align-self:stretch;padding:0 0 0 16px;font-size:16px}.signin-field__input:disabled{opacity:1}.signin-field__box:has(.signin-field__input:disabled:not(select)){background:color-mix(in srgb, var(--color-ink) 9%, var(--color-paper))}[data-tone=mono] .signin-field__box:has(.signin-field__input:disabled:not(select)){background:var(--color-paper)}.signin-field--register .signin-field__input{margin-right:12px}.signin-field__select{appearance:none;cursor:pointer;padding-right:16px}.signin-field__select:disabled{cursor:default}.signin-field__option{background:var(--color-paper);color:var(--color-ink)}.signin-field__chevron{stroke-width:2px;pointer-events:none;flex-shrink:0;width:16px;height:16px;margin-right:9px}.signin-field__mark{stroke-width:3px;pointer-events:none;flex-shrink:0;width:18px;height:18px;margin-right:11px}.signin-field__mark--valid{color:color-mix(in srgb, var(--color-success) 85%, var(--color-ink))}.signin-field__mark--invalid{color:color-mix(in srgb, var(--color-destructive) 85%, var(--color-ink))}.signin-field__mark[data-state=none]{opacity:0}.signin-field--login .signin-field__mark{width:20px;height:20px;color:color-mix(in srgb, var(--color-success) 70%, var(--color-ink));margin-right:12px;transition:opacity .15s}.signin-field--login .signin-field__mark:has(+.signin-field__toggle){margin-right:8px}.signin-field__toggle{width:16px;height:100%;color:var(--color-ink);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-right:9px;padding:0;display:flex}.signin-field__toggle-icon{stroke-width:3px;width:16px;height:16px}.signin-field--login .signin-field__toggle{width:40px;color:color-mix(in srgb, var(--color-ink) 80%, transparent);margin-right:0}.signin-field--login .signin-field__toggle-icon{stroke-width:2px;width:20px;height:20px}.signin-field__error{color:var(--color-accent);margin:0;font-size:12.25px;line-height:1.5}.signin-button{background:var(--color-primary);height:36px;color:var(--color-action);font:inherit;cursor:pointer;border:0;border-radius:6px;font-size:16px;transition:background-color .2s,color .2s}.signin-button:hover{background:var(--color-action);color:var(--color-primary)}.signin-button:disabled{opacity:.6;cursor:default}.signin-button:disabled:hover{background:var(--color-primary);color:var(--color-action)}.login-page{min-height:calc(100vh - 60px);color:var(--color-surface-foreground);justify-content:center;padding:120px 12px 48px;display:flex}@media (min-width:768px){.login-page{padding-top:112px}}.login-page__inner{width:100%;max-width:620px}.login-page__head{text-align:center;margin-bottom:32px}.login-page__title{margin:0;font-size:28.21px;font-weight:500;line-height:1}@media (min-width:768px){.login-page__title{font-size:40px}}.login-page__logo{width:auto;height:64px;margin:20px auto 0;display:block}.login-page__intro{max-width:500px;margin:0 auto 16px}.login-page__welcome{margin:0;font-size:16px;line-height:1}.login-page__lead{margin:8px 0 0;font-size:14px;line-height:1.5}.login-page__form{flex-direction:column;gap:20px;max-width:500px;margin:0 auto;display:flex}.login-page__password-row{flex-direction:column;gap:6px;display:flex}.login-page__forgot{color:var(--color-action);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-end;margin-top:5px;padding:0;font-size:12px;line-height:1.5}.login-page__forgot:hover{color:color-mix(in srgb, var(--color-action) 80%, var(--color-paper))}@media (min-width:768px){.login-page__forgot{margin-top:0;font-size:16px}}.login-page__actions{width:74%;margin:0 auto;padding-top:24px}.login-page__submit{border-radius:8px;width:100%;height:40px}@media (min-width:768px){.login-page__submit{height:44px}}.login-page__switch{text-align:center;margin:0;font-size:14px;line-height:1.5}@media (min-width:768px){.login-page__switch{font-size:16px}}.login-page__switch-link,.register-page__switch-link{color:var(--color-action);text-decoration:none}.login-page__switch-link:hover,.register-page__switch-link:hover{color:color-mix(in srgb, var(--color-action) 80%, var(--color-paper))}.login-page--flow{padding-top:92px}.login-page__flow{border-radius:var(--radius);background:var(--color-card);width:100%;max-width:470px;color:var(--color-card-foreground);padding:24px 20px}.register-page{min-height:calc(100vh - 40px);color:var(--color-surface-foreground);padding:15px 12px 56px}@media (min-width:768px){.register-page{padding-top:92px}}.register-page__inner{width:100%;max-width:470px;margin:0 auto;padding:0 16px}@media (min-width:640px){.register-page__inner{padding:0}}.register-page__head{text-align:center;margin-bottom:28px;position:relative}.register-page__back{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:flex;position:absolute;top:4px;left:0}.register-page__back-icon{stroke-width:3px;width:24px;height:24px}.register-page__title{margin:0;font-size:23.284px;font-weight:500;line-height:1}@media (min-width:768px){.register-page__title{font-size:40px}}.register-page__step{margin:20px 0 0;font-size:16px;line-height:1.5}.register-page__server-error{color:var(--color-accent);margin:24px 0 0;font-size:12.25px;line-height:1.375}.register-page__form{flex-direction:column;gap:16px;display:flex}.register-page__section{padding-bottom:4px}.register-page__section--password,.register-page__section--bank{padding:4px 0 0}.register-page__section-title{margin:0;font-size:16px;font-weight:400;line-height:1.25}.register-page__section-text{margin:4px 0 0;font-size:16px;font-weight:300;line-height:1.25}.register-page__australian{gap:12px;display:grid}@media (min-width:640px){.register-page__australian{grid-template-columns:1fr 1fr}}.register-page__actions{text-align:center;padding-top:8px}.register-page__submit{width:190px}.register-page__switch{margin:12px 0 0;font-size:14px;font-weight:300;line-height:1.5}@media (min-width:768px){.register-page__switch{font-size:16px;font-weight:400}}.signin-field__box:has(.dial-code){overflow:visible}.dial-code{border-right:1px solid color-mix(in srgb, var(--color-ink) 12%, var(--color-paper));background:color-mix(in srgb, var(--color-ink) 9%, var(--color-paper));border-radius:5px 0 0 5px;flex-shrink:0;align-self:stretch;width:62px;position:relative}[data-tone=mono] .dial-code{border-right-color:var(--color-ink);background:var(--color-paper)}.dial-code__button{width:100%;height:100%;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:0;font-size:16px;display:flex}.dial-code__chevron{stroke-width:2px;width:12px;height:12px}.dial-code__menu{z-index:30;border:1px solid color-mix(in srgb, var(--color-ink) 15%, var(--color-paper));background:var(--color-paper);border-radius:6px;width:158px;max-height:240px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}[data-tone=mono] .dial-code__menu{border-color:var(--color-ink)}.dial-code__option{width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 16px;font-size:14px;display:block}.dial-code__option:hover{background:color-mix(in srgb, var(--color-ink) 5%, var(--color-paper))}.register-success{min-height:calc(100vh - 40px);color:var(--color-surface-foreground);padding:86px 12px 56px}@media (min-width:768px){.register-success{padding-top:92px}}.register-success--loading{justify-content:center;align-items:center;min-height:40vh;display:flex}.register-success__loading{margin:0}.register-success__inner{width:100%;max-width:470px;margin:80px auto 0;padding:0 16px}@media (min-width:640px){.register-success__inner{margin-top:112px;padding:0}}@media (min-width:768px){.register-success__inner{margin-top:128px}}.register-success__title{text-align:center;margin:0;font-size:40px;font-weight:500;line-height:1}.register-success__intro{margin-top:24px}.register-success__lead{margin:0;font-size:16px;line-height:1.375}.register-success__hint{margin:8px 0 0;font-size:12.25px;line-height:1.375}.register-success__login{border:1px solid color-mix(in srgb, var(--color-ink) 10%, var(--color-paper));background:var(--color-paper);height:42px;color:var(--color-ink);border-radius:6px;align-items:center;margin-top:32px;padding:0 4px 0 16px;display:flex;overflow:hidden}[data-tone=mono] .register-success__login{border-color:var(--color-ink)}.register-success__username{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.register-success__copy{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.register-success__copy:hover{background:color-mix(in srgb, var(--color-ink) 5%, var(--color-paper))}.register-success__copy-icon{width:20px;height:20px}.register-success__actions{justify-content:center;padding-top:40px;display:flex}.register-success__continue{width:190px}
.wheel-float,.wheel-window{--lucky-wheel-accent:#0b68d2;--lucky-wheel-deep:#1c4f7e}[data-tone=mono] .wheel-float,[data-tone=mono] .wheel-window{--lucky-wheel-accent:var(--color-paper);--lucky-wheel-deep:var(--color-ink)}.wheel-float{z-index:41;position:fixed;bottom:85px;left:16px}@media (min-width:1024px){.wheel-float{bottom:40px;left:32px}}.wheel-float__close{z-index:1;border:1px solid var(--lucky-wheel-accent);background:var(--lucky-wheel-deep);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:-8px;right:-8px}.wheel-float__close:hover{background:var(--lucky-wheel-accent)}[data-tone=mono] .wheel-float__close:hover{background:var(--lucky-wheel-deep)}.wheel-float__open{cursor:pointer;background:0 0;border:0;width:80px;height:80px;padding:0;animation:3s infinite wheel-float-pulse;display:block}@media (max-width:768px){.wheel-float__open{width:60px;height:60px}}.wheel-float__icon{border-radius:50%;width:100%;height:100%;display:block}@keyframes wheel-float-pulse{50%{transform:scale(1.1)}}.wheel-window{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.wheel-window[open]{justify-content:center;align-items:center;display:flex}.wheel-window::backdrop{background:#000000b3}[data-tone=mono] .wheel-window::backdrop{background:#00000080}.wheel-window__body{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex;position:relative}.wheel-window__close{z-index:100;border:2px solid var(--lucky-wheel-accent);background:var(--lucky-wheel-deep);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px}.wheel-window__close:hover{background:var(--lucky-wheel-accent);transform:scale(1.1)}[data-tone=mono] .wheel-window__close:hover{background:var(--lucky-wheel-deep)}.wheel-window__spins{z-index:2;color:var(--lucky-wheel-accent);font:inherit;text-align:center;background:0 0;border:0;margin:0;padding:8px 32px;font-size:20px;font-weight:700;position:relative}[data-tone=mono] .wheel-window__spins{text-shadow:0 1px 3px #000000e6,0 0 12px #000000b3}.wheel-window__spins--sign-in{cursor:pointer;transition:transform .2s}.wheel-window__spins--sign-in:hover{transform:scale(1.05)}.wheel-window__result{z-index:20;min-height:40px;color:var(--lucky-wheel-accent);text-align:center;text-shadow:0 1px 2px #fffc;opacity:0;margin:0;font-size:24px;font-weight:900;transition:all .3s;position:relative;transform:scale(.9)}[data-tone=mono] .wheel-window__result{text-shadow:0 2px 4px #000000e6,0 0 12px #000000b3}.wheel-window__result[data-state=won]{opacity:1;transform:scale(1)}.wheel-window__stage{--wheel-window-frame:100%;--wheel-window-disc:82%;--wheel-window-centre:50%;width:min(380px,80vw);height:min(380px,80vw);position:relative}[data-tone=mono] .wheel-window__stage{--wheel-window-frame:110%;--wheel-window-disc:100%;--wheel-window-centre:52.25%}.wheel-window__frame{z-index:3;width:var(--wheel-window-frame);max-width:none;height:var(--wheel-window-frame);object-fit:contain;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-window__disc{top:var(--wheel-window-centre);z-index:1;width:var(--wheel-window-disc);height:var(--wheel-window-disc);position:absolute;left:50%;transform:translate(-50%,-50%)}.wheel-window__rotor{border-radius:50%;width:100%;height:100%}.wheel-window__canvas{--lucky-wheel-slice-1:#2e4a9e;--lucky-wheel-slice-2:#f3deb3;--lucky-wheel-ink-1:#fff;--lucky-wheel-ink-2:#1c2e5e;--lucky-wheel-divider:#00000026;--lucky-wheel-inset:6;--lucky-wheel-confetti:#0b68d2, #47e6ff, #1c4f7e, #d4e5f5, #fff;border-radius:50%;width:100%;height:100%;display:block}[data-tone=mono] .wheel-window__canvas{--lucky-wheel-slice-1:#000;--lucky-wheel-slice-2:#fff;--lucky-wheel-ink-1:#fff;--lucky-wheel-ink-2:#000;--lucky-wheel-divider:transparent;--lucky-wheel-inset:0;--lucky-wheel-confetti:#000, #fff}.wheel-window__spin{top:var(--wheel-window-centre);z-index:10;cursor:pointer;background:0 0;border:0;border-radius:50%;width:80px;height:80px;padding:0;transition:transform .2s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:480px){.wheel-window__spin{width:60px;height:60px}}.wheel-window__spin:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.05)}.wheel-window__spin:active:not(:disabled){transform:translate(-50%,-50%)scale(.95)}.wheel-window__spin:disabled{opacity:.7;cursor:not-allowed}.wheel-window__spin-art{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.wheel-float__open{animation:none}}
.toast-popup{--toast-popup-paper:#fff;--toast-popup-ink:#545454;--toast-popup-confirm:#7066e0;--toast-popup-danger:#d33;--toast-popup-cancel:#3085d6;--toast-popup-cancel-ink:#fff;--toast-popup-success:#a5dc86;--toast-popup-error:#f27474;--toast-popup-warning:#f8bb86;--toast-popup-warning-ring:#facea8;--toast-popup-info:#3fc3ee;--toast-popup-info-ring:#9de0f6;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:10px;position:fixed;inset:0;overflow-y:auto}.toast-popup[open]{grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.toast-popup::backdrop{background:#0006;animation:.15s toast-popup-fade}.toast-popup__box{background:var(--toast-popup-paper);width:512px;max-width:100%;color:var(--toast-popup-ink);text-align:center;border-radius:5px;flex-direction:column;align-items:center;padding:0 0 20px;font-size:16px;animation:.3s toast-popup-show;display:flex}.toast-popup[data-state=leaving] .toast-popup__box{animation:.15s forwards toast-popup-hide}.toast-popup[data-state=leaving]::backdrop{opacity:0;transition:opacity .15s}.toast-popup__icon{fill:none;stroke-linecap:round;stroke-linejoin:round;width:88px;height:88px;margin:40px auto 9.6px}.toast-popup__ring{stroke-width:4px}.toast-popup__glyph{stroke-width:5px}.toast-popup__icon--success{color:var(--toast-popup-success)}.toast-popup__icon--success .toast-popup__ring{stroke:color-mix(in srgb, var(--toast-popup-success) 30%, transparent)}.toast-popup__icon--success .toast-popup__glyph{stroke:currentColor;stroke-dasharray:60;animation:.75s both toast-popup-draw}.toast-popup__icon--error{color:var(--toast-popup-error);animation:.5s toast-popup-flip}.toast-popup__icon--error .toast-popup__ring,.toast-popup__icon--error .toast-popup__glyph{stroke:currentColor}.toast-popup__icon--error .toast-popup__glyph{transform-origin:50%;animation:.5s toast-popup-mark}.toast-popup__icon--warning{color:var(--toast-popup-warning);animation:.75s toast-popup-pulse}.toast-popup__icon--warning .toast-popup__ring{stroke:var(--toast-popup-warning-ring)}.toast-popup__icon--warning .toast-popup__glyph{stroke:currentColor;stroke-width:6px}.toast-popup__icon--info{color:var(--toast-popup-info);animation:.5s toast-popup-flip}.toast-popup__icon--info .toast-popup__ring{stroke:var(--toast-popup-info-ring)}.toast-popup__icon--info .toast-popup__glyph{stroke:currentColor;stroke-width:6px}.toast-popup__title{max-width:100%;color:inherit;overflow-wrap:break-word;margin:0;padding:24px 30px 0;font-size:30px;font-weight:600;line-height:1.5}.toast-popup__text{color:inherit;overflow-wrap:break-word;margin:16px 25.6px 4.8px;font-size:18px;font-weight:400;line-height:normal}.toast-popup__actions{justify-content:center;margin:20px auto 0;display:flex}.toast-popup__confirm,.toast-popup__cancel{background:var(--toast-popup-confirm);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:4px;margin:5px;padding:10px 17.6px;font-size:16px;line-height:normal}.toast-popup__box[data-confirm=danger]{--toast-popup-confirm:var(--toast-popup-danger)}.toast-popup__box[data-confirm=brand]{--toast-popup-confirm:var(--color-action)}[data-tone=mono] .toast-popup__box[data-confirm=brand]{--toast-popup-confirm:#fff;--toast-popup-confirm-ink:#000}.toast-popup__box[data-confirm=brand] .toast-popup__confirm{color:var(--toast-popup-confirm-ink,#fff)}[data-tone=mono] .toast-popup__box[data-confirm=brand] .toast-popup__confirm{box-shadow:inset 0 0 0 1px #d9d9d9}.toast-popup__cancel{background:var(--toast-popup-cancel);color:var(--toast-popup-cancel-ink)}.toast-popup__cancel:hover{background:color-mix(in srgb, var(--toast-popup-cancel) 90%, #000)}[data-tone=mono] .toast-popup{--toast-popup-cancel:#fff;--toast-popup-cancel-ink:#000}[data-tone=mono] .toast-popup__cancel{box-shadow:inset 0 0 0 1px #d9d9d9}.toast-popup__confirm:hover{background:color-mix(in srgb, var(--toast-popup-confirm) 90%, #000)}.toast-popup__confirm:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--toast-popup-confirm) 50%, transparent);outline:none}@keyframes toast-popup-fade{0%{opacity:0}}@keyframes toast-popup-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes toast-popup-hide{to{opacity:0;transform:scale(.5)}}@keyframes toast-popup-draw{0%,40%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes toast-popup-flip{0%{opacity:0;transform:rotateX(100deg)}}@keyframes toast-popup-mark{0%,50%{opacity:0;transform:scale(.4)}80%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes toast-popup-pulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.toast-popup__box,.toast-popup__icon,.toast-popup__glyph,.toast-popup::backdrop{animation:none!important}}
body{font-family:var(--font-kanit), Kanit, sans-serif}.site-header__inner,.register-band__inner{width:100%;margin:0 auto;padding:0 12px}@media (min-width:768px){.site-header__inner,.register-band__inner{max-width:720px}}@media (min-width:992px){.site-header__inner,.register-band__inner{max-width:1200px}}.site{min-height:100vh}.site__main{width:100%;padding-top:60px}.site__main[data-foot=member]{padding-bottom:77px}.site__main[data-foot=guest]{padding-bottom:148px}.site__main[data-foot=none]{padding-bottom:0}@media (min-width:1024px){.site__main[data-foot=member]{padding-bottom:16px}.site__main[data-foot=guest]{padding-bottom:100px}}.site-header{z-index:50;background:var(--color-primary);color:var(--color-primary-foreground);position:fixed;inset:0 0 auto;box-shadow:0 2px 5px #0000001a}.site-header__inner{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;height:60px;display:grid}@media (min-width:450px){.site-header__inner{gap:8px}}.site-header__start,.site-header__end{align-items:center;gap:8px;min-width:0;display:flex}.site-header__start{justify-content:flex-start}.site-header__end{justify-content:flex-end}@media (min-width:450px){.site-header__start,.site-header__end{gap:10px}}@media (min-width:768px){.site-header__start{gap:12px}.site-header__end{gap:16px}}.site-header__menu,.site-header__search{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px 4px 4px 0;transition:transform .2s;display:inline-flex}.site-header__search{padding:4px}.site-header__menu:hover,.site-header__search:hover{transform:scale(1.1)}@media (min-width:450px){.site-header__menu{padding:4px}}.site-header__menu-icon{width:21px;height:24px}.site-header__search-icon{width:20px;height:20px}.site-header__nav{align-items:center;gap:8px;min-width:0;padding-right:12px;font-size:14px;font-weight:300;line-height:1.375;display:none}@media (min-width:768px){.site-header__nav{display:flex}}.site-header__link{flex-shrink:0;align-items:center;margin-right:6px;display:inline-flex}@media (min-width:450px){.site-header__link{margin-right:8px}}.site-header__unread{border:1px solid var(--color-paper);background:var(--color-destructive);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:2px;display:inline-block}.site-header__centre{min-width:0;padding:0 4px;position:relative}.site-header__logo{transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-header__logo:hover{transform:translate(-50%,-50%)scale(1.05)}.site-header__logo-image{width:auto;max-width:none;max-height:50px;display:block}.site-header__login{background:var(--color-paper);min-width:84px;min-height:29px;color:var(--color-ink);font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;line-height:1;transition:background-color .2s;display:none}.site-header__login:hover{background:color-mix(in srgb, var(--color-paper) 90%, transparent)}.site-header__contact{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:14px;font-weight:300;line-height:1.25;display:none}.site-header__contact:hover{text-decoration:underline}@media (min-width:768px){.site-header__login{display:inline-flex}.site-header__contact{display:inline}}.locale-switcher{flex-shrink:0;position:relative}.locale-switcher__trigger{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;transition:opacity .2s;display:flex}.locale-switcher__trigger:hover{opacity:.8}.locale-switcher__flag{object-fit:cover;border-radius:50%;width:20px;height:20px}.locale-switcher__caret{opacity:.9;width:6px;height:5px;margin-left:4px}.locale-switcher__menu{z-index:50;background:var(--color-paper);border-radius:12px;width:160px;margin:32px 0 0 4px;padding:8px;position:absolute;left:0;box-shadow:0 10px 26px #00000047}.locale-switcher__option{width:100%;height:31px;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 8px;transition:background-color .2s;display:flex}.locale-switcher__option:hover,.locale-switcher__option:focus-visible{background:color-mix(in srgb, var(--color-ink) 3%, var(--color-paper))}.locale-switcher__option[aria-checked=true]{background:color-mix(in srgb, var(--color-ink) 6%, var(--color-paper))}.locale-switcher__option-flag{object-fit:cover;border-radius:50%;width:20px;height:20px}.locale-switcher__option-name{font-size:15px;line-height:1}.balance-menu{position:relative}.balance-menu__bar{align-items:center;gap:6px;display:inline-flex}.balance-menu__trigger{min-width:58px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:0;line-height:1}.balance-menu__trigger-label{letter-spacing:.025em;opacity:.85;font-size:12px;line-height:1;display:block}.balance-menu__trigger-value{justify-content:center;align-items:center;gap:4px;font-size:14px;line-height:1;display:inline-flex}.balance-menu__caret{opacity:.9;width:6px;height:5px;margin-left:4px}.balance-menu__account{flex-shrink:0;transition:opacity .2s;display:none}.balance-menu__account:hover{opacity:.9}@media (min-width:768px){.balance-menu__account{display:block}}.balance-menu__account-icon{object-fit:contain;filter:brightness(0)invert();width:30px;height:30px;display:block}.balance-menu__card{z-index:50;border:1px solid color-mix(in srgb, var(--color-paper) 50%, transparent);background:var(--color-paper);border-radius:8px;width:335px;max-width:calc(100vw - 32px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000004d}.balance-menu__row{background:var(--color-paper);color:var(--color-ink);text-align:center;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 8px;transition:background-color .2s,color .2s;display:grid}.balance-menu__row:hover,.balance-menu__row:active,.balance-menu__row:focus-within{background:var(--color-highlight);color:var(--color-highlight-foreground)}.balance-menu__entry{border-left:1px solid color-mix(in srgb, var(--color-ink) 25%, transparent);min-width:0;padding:0 4px}.balance-menu__entry:first-child{border-left:0}.balance-menu__row:hover .balance-menu__entry,.balance-menu__row:focus-within .balance-menu__entry{border-left-color:color-mix(in srgb, var(--color-highlight-foreground) 55%, transparent)}.balance-menu__row:hover .balance-menu__entry:first-child,.balance-menu__row:focus-within .balance-menu__entry:first-child{border-left:0}.balance-menu__amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;line-height:1;display:block}.balance-menu__label{justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:300;line-height:1;display:flex}.balance-menu__coin{background:var(--color-coin);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background-color .2s}.balance-menu__row:hover .balance-menu__coin,.balance-menu__row:focus-within .balance-menu__coin{background:currentColor}.spin-figure__digit,.spin-figure__mark{display:inline-block}.spin-figure__digit{transform-origin:50%;transform-style:preserve-3d;animation:.65s ease-out both spin-figure}@keyframes spin-figure{0%,72%,to{transform:rotateX(0)}36%{transform:rotateX(360deg)}}@media (prefers-reduced-motion:reduce){.spin-figure__digit{animation:none}}.side-drawer{background:var(--color-panel);width:88vw;max-width:none;height:100dvh;max-height:none;color:var(--color-panel-foreground);border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (min-width:450px){.side-drawer{max-width:360px}}.side-drawer[open]{animation:1s cubic-bezier(.32,.72,0,1) both side-drawer-in}.side-drawer::backdrop{background:#00000080}@keyframes side-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.side-drawer[open]{animation:none}}.side-drawer__sheet{flex-direction:column;min-height:100dvh;padding:48px 12px 12px 32px;display:flex;position:relative}@media (min-width:768px){.side-drawer__sheet{padding-left:40px}}.side-drawer__close{z-index:10;width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.side-drawer__close:hover{opacity:.85}.side-drawer__close-icon{width:16px;height:16px}.side-drawer__header{text-align:center;flex-direction:column;align-items:center;margin-top:40px;font-size:12px;font-weight:700;line-height:1.45;display:flex}@media (min-width:450px){.side-drawer__header{margin-top:48px}}@media (min-width:768px){.side-drawer__header{margin-top:64px}}.side-drawer__logo{flex-shrink:0;width:135px;height:90px}.side-drawer__logo-image{object-fit:contain;width:100%;height:100%}.side-drawer__welcome{letter-spacing:-.025em;margin:16px 0 6px;font-size:12px;font-weight:700}.side-drawer__rule{border:0;border-top:1px solid #0003;width:100%;margin:0}.side-drawer__menu{-webkit-user-select:none;user-select:none;flex-direction:column;gap:18px;margin-top:24px;display:flex}.side-drawer__link{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:12px;font-weight:400;line-height:1.5;transition:transform .2s;display:block}.side-drawer__link:hover{transform:translate(4px)}.bottom-bar{z-index:40;position:fixed;inset:auto 0 0}.bottom-bar__nav{flex:1;justify-content:space-between;align-items:center;display:flex}.bottom-bar--member .bottom-bar__nav{border-top:1px solid var(--color-chrome-edge);background:var(--color-primary);height:60px;padding:0 8px}@media (min-width:768px){.bottom-bar--member{display:none}}.bottom-bar__item{min-width:0;color:var(--color-primary-foreground);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 4px;display:flex}.bottom-bar__icon{object-fit:contain;width:30px;height:30px}.bottom-bar__label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px;font-size:12px;font-weight:400;line-height:1;display:block;overflow:hidden}.bottom-bar__guest-row{background:var(--color-primary);align-items:center;gap:6px;height:60px;padding:0 8px;display:flex}@media (min-width:768px){.bottom-bar__guest-row{display:none}}.bottom-bar__nav--guest{justify-content:space-evenly;padding-right:4px}.bottom-bar__nav--guest .bottom-bar__icon{width:28px;height:28px}@media (max-width:350px){.bottom-bar__nav--guest .bottom-bar__label{display:none}}.bottom-bar__login{background:var(--color-paper);min-width:170px;height:32px;color:var(--color-ink);font:inherit;cursor:pointer;border:0;border-radius:6px;flex-shrink:0;padding:0 28px;font-size:13px;line-height:1}.register-band{border-top:1px solid var(--color-band-edge);background:var(--color-secondary);color:var(--color-secondary-foreground)}.register-band__inner{padding-top:6px;padding-bottom:6px}.register-band__brand{align-items:flex-start;gap:8px;display:flex}.register-band__logo{object-fit:contain;flex-shrink:0;width:auto;height:60px}.register-band__text{flex:1;min-width:0}.register-band__name{margin:0;font-size:18px;font-weight:500;line-height:1}.register-band__disclaimer{opacity:.75;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.register-band__register{background:var(--color-primary);width:90%;min-width:15vw;height:34px;color:var(--color-action);font:inherit;cursor:pointer;border:0;border-radius:8px;margin:6px auto 0;padding:0 12px;font-size:14px;line-height:16px;display:block}.register-band__register-label--wide{display:none}@media (min-width:768px){.register-band{background:0 0;border-top:0}.register-band__inner{align-items:center;gap:12px;display:flex}.register-band__brand{flex:1;align-items:center}.register-band__register{flex-shrink:0;width:auto;min-width:0;margin:0;padding:0 24px}}@media (min-width:1024px){.bottom-bar--guest{z-index:30}.register-band{background:var(--color-secondary);padding:10px 0}.register-band__inner{justify-content:center;gap:48px;padding-top:0;padding-bottom:0}.register-band__brand{flex:0 auto;gap:12px;min-width:0}.register-band__disclaimer{text-overflow:ellipsis;white-space:nowrap;max-width:460px;margin:0;font-size:14px;display:block}.register-band__register{width:250px;padding:0}.register-band__register-label--compact{display:none}.register-band__register-label--wide{display:inline}}.quick-actions{z-index:40;position:fixed;left:0}.quick-actions--closed{border:1px solid var(--color-primary);background:var(--color-primary);border-left:0;border-radius:0 5px 5px 0;top:calc(50% - 170px);overflow:hidden;box-shadow:0 8px 24px #00000059}.quick-actions--closed[data-home=true]{border-color:var(--color-rail-edge);background:var(--color-rail-handle)}.quick-actions--open{filter:drop-shadow(0 6px 18px #00000052);width:6.5rem;transition:transform .42s ease-out,opacity .42s ease-out;top:50%;transform:translateY(-50%)}.quick-actions--open[data-state=hidden]{opacity:0;pointer-events:none;transform:translate(-100%,-50%)}@media (min-width:450px){.quick-actions--open{width:7rem}}.quick-actions__handle{width:24px;height:96px;color:var(--color-primary-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s;display:flex}.quick-actions__handle:hover{background:var(--color-primary-hover)}[data-home=true]>.quick-actions__handle{color:var(--color-primary)}[data-home=true]>.quick-actions__handle:hover{background:var(--color-rail-handle-hover)}.quick-actions__handle--attached{z-index:10;border:1px solid var(--color-primary);background:var(--color-primary);border-left:0;border-radius:0 5px 5px 0;position:absolute;top:0;left:100%}[data-home=true]>.quick-actions__handle--attached{border-color:var(--color-rail-edge);background:var(--color-rail-handle)}.quick-actions__handle-icon{width:16px;height:16px}.quick-actions__strip{border:1px solid var(--color-rail-edge);background:var(--color-rail);border-right:0;border-radius:0 0 16px;flex-direction:column;gap:2px;padding:6px 2px 8px;display:flex}@media (min-width:450px){.quick-actions__strip{padding-left:4px}}.quick-actions__item{width:100%;color:var(--color-rail-foreground);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;transition:background-color .2s;display:flex}.quick-actions__item:hover{background:#0000001a}.quick-actions__icon{object-fit:contain;width:48px;height:48px}.quick-actions__label{overflow-wrap:break-word;max-width:5.5rem;font-size:14px;font-weight:400;line-height:1.25}
.channel-icon{--channel-icon-colour:#06b6d4;background:var(--channel-icon-colour);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.channel-icon[data-channel=telegram]{--channel-icon-colour:#08c}.channel-icon[data-channel=line]{--channel-icon-colour:#00c300}.channel-icon[data-channel=email]{--channel-icon-colour:#7c3aed}.channel-icon[data-channel=whatsapp]{--channel-icon-colour:#25d366}.channel-icon[data-channel=viber]{--channel-icon-colour:#7360f2}.channel-icon[data-channel=wechat]{--channel-icon-colour:#07c160}.channel-icon[data-channel=youtube]{--channel-icon-colour:red}.channel-icon[data-channel=twitter]{--channel-icon-colour:#1da1f2}.channel-icon[data-channel=facebook]{--channel-icon-colour:#1877f2}.channel-icon[data-channel=instagram]{background:linear-gradient(to bottom right,#833ab4,#e1306c,#f77737)}[data-tone=mono] .channel-icon:not([data-channel=line],[data-channel=whatsapp],[data-channel=wechat],[data-channel=youtube]){--channel-icon-colour:var(--color-ink);background:var(--channel-icon-colour)}.channel-icon__glyph{width:20px;height:20px}@media (min-width:768px){.channel-icon{width:44px;height:44px}.channel-icon__glyph{width:24px;height:24px}}.channel-icon--large{width:64px;height:64px}.channel-icon--large .channel-icon__glyph{width:40px;height:40px}.contact-panel{background:var(--color-sheet);width:92vw;max-width:384px;height:100dvh;max-height:none;color:var(--color-sheet-foreground);border:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.contact-panel[open]{animation:.5s cubic-bezier(.32,.72,0,1) both contact-panel-in}.contact-panel::backdrop{background:#00000080}@keyframes contact-panel-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.contact-panel[open]{animation:none}}.contact-panel__sheet{padding:12px 16px 20px}@media (min-width:768px){.contact-panel__sheet{padding:16px 20px 24px}}.contact-panel__bar{justify-content:flex-end;display:flex}.contact-panel__close{color:inherit;opacity:.9;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.contact-panel__close:hover{opacity:1}.contact-panel__close-icon{stroke-width:2px;width:20px;height:20px}.contact-panel__list{margin:4px 0 0;padding:0;list-style:none}.contact-panel__link{width:100%;color:inherit;transform-origin:0;align-items:center;gap:12px;padding:12px 4px 12px 2px;text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out;display:flex}.contact-panel__link:hover{background:#0000001a;transform:scale(1.1)}[data-tone=mono] .contact-panel__link:hover{background:0 0}.contact-panel__name{min-width:0;font-size:12px;font-weight:500;line-height:1.375}@media (min-width:640px){.contact-panel__name{font-size:14px}}
.announcement-strip__inner,.provider-strip__inner,.game-lobby__inner,.home-balance__frame,.home-balance__shortcuts{width:100%;margin:0 auto;padding:0 12px}@media (min-width:768px){.announcement-strip__inner,.provider-strip__inner,.game-lobby__inner,.home-balance__frame,.home-balance__shortcuts{max-width:720px}}@media (min-width:992px){.announcement-strip__inner,.provider-strip__inner,.game-lobby__inner,.home-balance__frame,.home-balance__shortcuts{max-width:1200px}}.announcement-strip{background:var(--color-surface)}.announcement-strip__inner{align-items:center;height:32px;display:flex}.announcement-strip__head{border:1px solid var(--color-paper);background:var(--color-paper);border-radius:5px 0 0 5px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:30px;display:flex;transform:skew(-30deg)}.announcement-strip__icon{width:20px;height:20px;transform:skew(30deg)}.announcement-strip__tail{border-radius:0 5px 5px 0;flex:1;width:0;height:30px;padding:0 10px;position:relative}.announcement-strip__tail:before{content:"";border:1px solid var(--color-paper);background:color-mix(in srgb, var(--color-paper) 50%, transparent);transform-origin:0;pointer-events:none;border-radius:0 5px 5px 0;position:absolute;inset:0;transform:skew(-30deg)}[data-tone=mono] .announcement-strip__tail:before{background:color-mix(in srgb, var(--color-paper) 30%, transparent)}@media (min-width:768px){.announcement-strip__head{width:65px}.announcement-strip__tail{width:90%}}.announcement-strip__window{z-index:1;align-items:center;height:100%;padding:0 20px;display:flex;position:relative;overflow:hidden}.announcement-strip__track{white-space:nowrap;animation:18s linear infinite announcement-strip}@keyframes announcement-strip{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.announcement-strip__track{animation:none}}.announcement-strip__text{color:var(--color-surface-foreground);font-size:16px;font-weight:400}.announcement-strip__text--still{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.announcement-strip__bullet{color:var(--color-surface-foreground);opacity:.7;margin:0 40px;font-size:16px;display:inline-block}[data-tone=mono] .announcement-strip__bullet{opacity:1}.hero-carousel{background:var(--color-surface);touch-action:pan-y;animation:.75s cubic-bezier(.22,1,.36,1) both hero-carousel-in;position:relative;overflow:hidden}@keyframes hero-carousel-in{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.hero-carousel{animation:none}}.hero-carousel__slides{position:relative}.hero-carousel__slide{background:var(--color-surface);opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s linear .6s;position:absolute;inset:0 0 auto}.hero-carousel__slide[data-state=active]{opacity:1;visibility:visible;transition:opacity .6s;position:relative}.hero-carousel__link,.hero-carousel__picture{width:100%;display:block}.hero-carousel__image{object-fit:contain;width:100%;height:auto;display:block}.hero-carousel__arrow{z-index:2;width:15%;color:var(--color-on-art);cursor:pointer;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0}.hero-carousel__arrow:hover{opacity:.9}.hero-carousel__arrow--prev{left:0}.hero-carousel__arrow--next{right:0}.hero-carousel__arrow-icon{width:2rem;height:2rem}.hero-carousel__dots{z-index:3;justify-content:center;display:flex;position:absolute;bottom:1rem;left:0;right:0}.hero-carousel__dot{box-sizing:content-box;background:var(--color-on-art);cursor:pointer;opacity:.5;background-clip:padding-box;border:10px solid #0000;border-left:0;border-right:0;width:30px;height:3px;margin:0 3px;padding:0;transition:opacity .6s}.hero-carousel__dot[aria-current=true]{opacity:1}.home-balance{z-index:20;padding-bottom:16px;position:relative}.home-balance__frame{height:90px;position:relative}.home-balance__box{z-index:2;background:var(--color-action);width:calc(100% - 24px);height:90px;color:var(--color-action-foreground);border-radius:10px;justify-content:center;align-items:center;gap:80px;display:flex;position:absolute}.home-balance__box:before{content:"";z-index:-1;opacity:.2;background:url(/assets/image/background.jpg) 0 100%/cover;border-radius:10px;position:absolute;inset:0}.home-balance__greeting{margin:0;padding-right:22px;font-size:14px;font-weight:300;display:inline-block;position:relative}.home-balance__greeting:after{content:"";background:url(/icons/mm777/welcome.png) 50%/contain no-repeat;width:18px;height:18px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.home-balance__username{text-transform:uppercase;margin:0;font-size:24px;font-weight:300;line-height:1.1}.home-balance__figures{align-items:center;gap:16px;display:flex}.home-balance__figure{text-align:center;color:inherit}button.home-balance__figure{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.home-balance__value{font-size:18px;font-weight:300;line-height:1;transition:all .3s;display:block}.home-balance__figure:hover .home-balance__value{text-decoration:underline}.home-balance__label{justify-content:center;align-items:center;gap:4px;margin:0;font-size:14px;font-weight:200;line-height:1.2;display:flex}.home-balance__coin{object-fit:contain;width:12px;height:12px}.home-balance__rule{border-right:2px solid color-mix(in srgb, currentColor 55%, transparent);align-self:stretch;width:2px;margin:6px 0}.home-balance__redeem{opacity:.4;margin:0;font-size:11px;line-height:1.2;position:absolute;top:6px;right:12px}.home-balance__redeem-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:.25rem;padding:0;text-decoration:underline}@media (max-width:1024px){.home-balance__box{gap:30px}}@media (max-width:767px){.home-balance__frame,.home-balance__box{height:75px}.home-balance__box{justify-content:space-evenly;gap:0}.home-balance__welcome{display:none}.home-balance__figures{gap:1.4em;margin-top:.5rem}.home-balance__value,.home-balance__label{white-space:nowrap;font-size:13px}.home-balance__value{font-weight:500}.home-balance__redeem{font-size:10px;top:-7px}}@media (max-width:320px){.home-balance__figures{gap:1em}}.home-balance__shortcuts{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-top:10px;padding:0 20px;display:flex}@media (min-width:768px){.home-balance__shortcuts{gap:20px;margin-top:16px;padding:0 12px}}.home-shortcut{flex-direction:column;align-items:center;display:flex}.home-shortcut__tile{background:var(--color-action);border-radius:8px;justify-content:center;align-items:center;width:66px;height:66px;padding:6px;transition:transform .15s;display:flex;box-shadow:0 6px 16px #00000038}.home-shortcut:hover .home-shortcut__tile{transform:translateY(-2px)}.home-shortcut__icon{object-fit:contain;width:40px;height:40px}.home-shortcut__label{color:var(--color-surface-foreground);text-align:center;margin-top:4px;font-size:13px;font-weight:300;line-height:1.25}@media (min-width:768px){.home-shortcut__tile{width:102px;height:102px;padding:10px}.home-shortcut__icon{width:64px;height:64px}.home-shortcut__label{font-size:14px}}.provider-strip{background:var(--color-surface);padding-bottom:10px}@media (max-width:767px){.home[data-member=false] .provider-strip{margin-top:10px}}@media (min-width:450px){.provider-strip{padding-bottom:12px}}@media (min-width:768px){.provider-strip{padding-bottom:20px}}.provider-strip__inner{position:relative}.provider-strip__track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin-top:2px;padding-top:8px;display:flex;overflow-x:auto}.provider-strip__track::-webkit-scrollbar{display:none}@media (min-width:450px){.provider-strip__track{margin-top:4px}}@media (min-width:768px){.provider-strip__track{margin-top:0}}.provider-strip__card{cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex:0 0 106px;padding:0;transition:margin .2s linear}.provider-strip__card:hover{margin:0 13px 0 7px}.provider-strip__card:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.provider-strip__card{flex-basis:164px}}@media (min-width:1280px){.provider-strip__card{flex-basis:184px}}.provider-strip__logo,.provider-strip__name{aspect-ratio:3/1.18;background:color-mix(in srgb, var(--color-ink) 4%, var(--color-paper));object-fit:contain;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:10px;transition:background-color .2s;display:flex}.provider-strip__card:hover .provider-strip__logo{background:color-mix(in srgb, var(--color-ink) 8%, var(--color-paper))}[data-tone=mono] .provider-strip__logo,[data-tone=mono] .provider-strip__name,[data-tone=mono] .provider-strip__card:hover .provider-strip__logo{background:var(--color-paper)}.provider-strip__name{color:var(--color-ink);text-align:center;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.25}.provider-strip__arrow{z-index:3;width:32px;height:32px;color:color-mix(in srgb, var(--color-ink) 45%, var(--color-paper));cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%)}.provider-strip__arrow--prev{left:18px}.provider-strip__arrow--next{right:18px}.provider-strip__arrow-icon{stroke-width:1.5px;width:28px;height:28px}[data-tone=mono] .provider-strip__arrow{background:var(--color-paper);color:var(--color-ink);box-shadow:0 2px 6px #00000059}[data-tone=mono] .provider-strip__arrow-icon{stroke-width:2.25px;width:20px;height:20px}@media (min-width:1025px){.provider-strip__arrow{display:flex}}.game-lobby{background:var(--color-surface);padding:8px 0}@media (min-width:768px){.game-lobby{padding:24px 0}}.game-lobby__inner{flex-direction:column;gap:12px;min-width:0;display:flex}@media (min-width:768px){.game-lobby__inner{gap:16px}}.game-lobby__categories{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:5px;width:100%;min-width:0;margin-left:-8px;display:flex;overflow:auto hidden}.game-lobby__categories::-webkit-scrollbar{display:none}@media (min-width:768px){.game-lobby__categories{justify-content:center;margin-left:0;overflow:visible}}.category-tile{color:var(--color-surface-foreground);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column-reverse;flex:1 0 27%;align-items:center;gap:.2rem;padding:4px;transition:transform .2s;display:flex;overflow:visible}.category-tile:hover{transform:scale(1.04)}@media (min-width:768px){.category-tile{flex-basis:0}}.category-tile__art{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:visible}.category-tile__icon{object-fit:contain;width:100%;height:100%}.category-tile--slot .category-tile__icon{transform:translate(6px)scale(1.18)}.category-tile--sport .category-tile__icon{transform:scale(1.16)}@media (max-width:767px){.category-tile--fishing .category-tile__art,.category-tile--casino .category-tile__art{transform:scale(1.12)}}.category-tile[data-state=loading]{cursor:default}.category-tile[data-state=loading]:hover{transform:none}.category-tile[data-state=loading] .category-tile__art{background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface-foreground) 8%, transparent) 25%, color-mix(in srgb, var(--color-surface-foreground) 16%, transparent) 50%, color-mix(in srgb, var(--color-surface-foreground) 8%, transparent) 75%);background-size:200% 100%;border-radius:12px;animation:1.4s linear infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.category-tile[data-state=loading] .category-tile__art{animation:none}}.category-tile__label{width:100%;max-width:100%;padding:0 1px;font-size:14px;font-weight:400;line-height:1.25}.game-lobby__feature{padding:2px 8px 8px}@media (min-width:768px){.game-lobby__feature{padding:24px 0}}.home-picture{display:block}.home-picture__picture,.home-picture__image{width:100%;height:auto;display:block}.home-picture--feature .home-picture__image{object-fit:contain;border-radius:6px}.game-lobby__banners{flex-direction:column;gap:10px;padding:0 8px;display:flex}@media (min-width:768px){.game-lobby__banners{gap:12px;padding:0 20px}}.home-picture--banner{border-radius:16px;overflow:hidden}.home-picture--banner .home-picture__image{object-fit:cover}.game-lobby__tabs-bar{z-index:30;background:var(--color-surface);margin-top:-12px;padding:0 8px;position:sticky;top:62px}@media (min-width:768px){.game-lobby__tabs-bar{margin-top:-16px;padding:0 20px}}.game-lobby__tabs{overscroll-behavior-x:contain;scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow:auto hidden}.game-lobby__tabs::-webkit-scrollbar{display:none}@media (min-width:768px){.game-lobby__tabs{gap:8px}}.list-tab{background:var(--color-action);width:68px;height:90px;color:var(--color-on-art);font:inherit;cursor:pointer;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin:4px 0;padding:8px 4px;transition:all .15s;display:flex}.list-tab[aria-selected=true]{background:color-mix(in srgb, var(--color-primary) 80%, transparent);border-color:#fff3}[data-tone=mono] .list-tab{background:var(--color-surface);color:var(--color-surface-foreground);border-color:#0000}[data-tone=mono] .list-tab[aria-selected=true]{border-color:var(--color-surface-foreground);background:var(--color-surface)}@media (min-width:768px){.list-tab{width:118px;height:92px;margin:6px 0;padding:10px 6px}}.list-tab__icon{object-fit:contain;flex-shrink:0;width:40px;height:40px;transition:transform .2s}.list-tab:hover .list-tab__icon{transform:scale(1.1)}.list-tab__label{text-align:center;overflow-wrap:break-word;justify-content:center;align-items:flex-start;width:100%;min-height:30px;padding-top:2px;font-size:14px;font-weight:300;line-height:1.05;display:flex}@media (min-width:768px){.list-tab__label{line-height:1}}.game-lobby__state{color:var(--color-surface-foreground);text-align:center;opacity:.8;justify-content:center;margin:0;padding:32px 8px;font-size:14px;display:flex}@media (min-width:768px){.game-lobby__state{padding:32px 20px}}[data-tone=mono] .game-lobby__state{opacity:1}.game-lobby__state--loading{opacity:1;padding:40px 0}.game-lobby__spinner{border:3px solid color-mix(in srgb, var(--color-action) 30%, transparent);border-top-color:var(--color-action);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite game-lobby-spin}@keyframes game-lobby-spin{to{transform:rotate(360deg)}}.game-lobby__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0 8px;display:grid}@media (min-width:450px){.game-lobby__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.game-lobby__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 20px}}@media (min-width:1024px){.game-lobby__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.game-tile{aspect-ratio:var(--game-ratio-width,1) / var(--game-ratio-height,1);cursor:pointer;background:0 0;border:0;padding:0;transition:transform .25s;display:block;position:relative;overflow:visible}.game-tile:hover{z-index:20;transform:scale(1.08)}.game-tile__image{object-fit:cover;width:100%;height:100%;display:block}.game-tile__provider{height:24px;color:var(--color-on-art);text-transform:uppercase;white-space:nowrap;background:#000000a6;border-bottom:1px solid #fff3;justify-content:center;align-items:center;padding:0 8px;font-size:15px;font-weight:400;line-height:1;display:flex;position:absolute;inset:0 0 auto}[data-tone=mono] .game-tile__provider{border-bottom-color:var(--color-on-art);background:var(--color-surface)}@media (min-width:768px){.game-tile__provider{height:28px}}.game-tile--more{background:color-mix(in srgb, var(--color-surface) 75%, var(--color-paper));color:var(--color-on-art);border-radius:16px;justify-content:center;align-items:center;gap:4px;font-size:16px;font-weight:500;transition:filter .15s;display:flex}.game-tile--more:hover{filter:brightness(1.1);transform:none}[data-tone=mono] .game-tile--more{background:var(--color-surface)}.home__clearance{background:var(--color-surface);height:96px}@media (min-width:768px){.home__clearance{height:274px}}.game-panel__backdrop{z-index:100;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .3s ease-out;position:fixed;inset:0}.game-panel__backdrop[data-state=open]{opacity:1;pointer-events:auto}.game-panel{z-index:101;background:var(--color-primary);width:90vw;max-width:420px;color:var(--color-primary-foreground);pointer-events:none;flex-direction:column;transition:transform .3s ease-out;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-8px 0 24px #00000059}.game-panel[data-state=open]{pointer-events:auto;transform:translate(0)}@media (min-width:768px){.game-panel{width:100%}}.game-panel__bar{flex-shrink:0;justify-content:flex-end;padding:12px;display:flex}.game-panel__close{color:inherit;cursor:pointer;opacity:.9;background:0 0;border:0;border-radius:6px;padding:8px;transition:background-color .2s,opacity .2s}.game-panel__close:hover{opacity:1;background:#ffffff1a}[data-tone=mono] .game-panel__close{opacity:1}[data-tone=mono] .game-panel__close:hover{background:0 0}.game-panel__close-icon{stroke-width:2px;width:24px;height:24px}.game-panel__body{flex:1;min-height:0;padding:8px 16px 40px;overflow-y:auto}.game-panel__art{background:#00000040;margin:48px 48px 8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}[data-tone=mono] .game-panel__art{background:var(--color-surface);box-shadow:none}.game-panel__image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.game-panel__provider{z-index:1;color:var(--color-on-art);text-align:center;background:#00000073;padding:4px 8px;font-size:15px;font-weight:600;line-height:1;position:absolute;inset:0 0 auto}[data-tone=mono] .game-panel__provider{background:var(--color-surface)}.game-panel__title{text-align:center;opacity:.75;margin:26px 0 0;font-size:15px;font-weight:500;line-height:1.375}[data-tone=mono] .game-panel__title{opacity:1}.game-panel__favourite-row{justify-content:center;margin-top:20px;display:flex}.game-panel__favourite{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;display:inline-flex}.game-panel__star{flex-shrink:0;width:20px;height:20px}.game-panel__rule{border:0;border-top:1px solid color-mix(in srgb, var(--color-primary-foreground) 25%, var(--color-primary));margin:20px 10px 0}[data-tone=mono] .game-panel__rule{border-top-color:var(--color-primary-foreground)}.game-panel__play-row{justify-content:center;margin-top:20px;display:flex}.game-panel__play{color:var(--color-action);font:inherit;letter-spacing:.025em;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;font-weight:600;transition:opacity .2s}.game-panel__play:hover{opacity:.9;text-decoration:underline}.game-panel__play:disabled{cursor:not-allowed;opacity:.5}.featured-games{z-index:41;position:fixed;bottom:165px;right:16px}@media (min-width:1024px){.featured-games{bottom:120px;right:32px}}.featured-games__close{z-index:1;color:#fff;cursor:pointer;background:#1c4f7e;border:1px solid #0b68d2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:0;right:0}.featured-games__close:hover{background:#0b68d2}[data-tone=mono] .featured-games__close,[data-tone=mono] .featured-games__close:hover{border-color:var(--color-paper);background:var(--color-ink)}.featured-games__open{filter:drop-shadow(0 4px 10px #0000008c);cursor:pointer;background:0 0;border:0;width:110px;padding:0;animation:3s ease-in-out infinite featured-games-pulse;display:block}@media (min-width:1024px){.featured-games__open{width:130px}}.featured-games__badge{width:100%;height:auto;display:block}@keyframes featured-games-pulse{50%{transform:scale(1.06)}}.featured-window{border:1px solid color-mix(in srgb, var(--color-rail-edge) 60%, transparent);background:color-mix(in srgb, var(--color-primary) 36%, #000);color:#fff;border-radius:8px;width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:16px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.featured-window::backdrop{background:#00000080}.featured-window__panel{position:relative}.featured-window__close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0;transition:opacity .15s;display:flex;position:absolute;top:0;right:0}.featured-window__close:hover{opacity:1}.featured-window__close-icon{stroke-width:2px;width:16px;height:16px}.featured-window__title{color:var(--color-accent);text-align:center;margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.5}.featured-window__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.featured-window__game{background:color-mix(in srgb, var(--color-primary) 63%, #000);color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:8px;flex-direction:column;gap:4px;padding:4px;transition:transform .15s;display:flex;overflow:hidden}.featured-window__game:hover:not(:disabled){transform:scale(1.03)}.featured-window__game:disabled{opacity:.6;cursor:not-allowed}.featured-window__art{aspect-ratio:1;background:color-mix(in srgb, var(--color-primary) 36%, #000);border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.featured-window__image{object-fit:cover;width:100%;height:100%;display:block}.featured-window__hot{color:#fff;background:#dc2626;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.25;position:absolute;top:4px;left:4px}.featured-window__launching{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-tone=mono] .featured-window__launching{background:#000}.featured-window__spinner{border:2px solid var(--color-accent);border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite featured-window-spin}@keyframes featured-window-spin{to{transform:rotate(360deg)}}.featured-window__name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}[data-tone=mono] .featured-window__name{color:#fff}@media (prefers-reduced-motion:reduce){.featured-games__open{animation:none}}.announcement-popup{background:0 0;border:0;width:min(100vw - 4rem,720px);max-width:720px;margin:auto;padding:0;overflow:visible}.announcement-popup::backdrop{background:#00000080}:root:has(.announcement-popup[open]){overflow:hidden}.announcement-popup__frame{width:100%;position:relative}.announcement-popup__close{z-index:100;color:#27272a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff80;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s;display:flex;position:absolute;top:0;right:0;transform:translate(75%,-75%);box-shadow:0 4px 6px -1px #0000001f,0 2px 4px -2px #00000014}.announcement-popup__close:hover{background:#fffc}.announcement-popup__window:focus{outline:none}[data-tone=mono] .announcement-popup__close,[data-tone=mono] .announcement-popup__close:hover{background:#fff;border-color:#fff}.announcement-popup__close-icon{stroke-width:2.25px;width:18px;height:18px}@media (min-width:640px){.announcement-popup__close-icon{width:20px;height:20px}}.announcement-popup__window{background:#000;border:2px solid #fff;border-radius:12px;flex-direction:column;max-height:min(82vh,720px);animation:.75s cubic-bezier(.22,1,.36,1) both announcement-popup-in;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes announcement-popup-in{0%{opacity:0;transform:translateY(-28px)}}.announcement-popup__slider{background:#000;min-height:12rem;position:relative;overflow:hidden}.announcement-popup__track{transition:transform .6s;display:flex}.announcement-popup__slide{flex:0 0 100%;min-width:0}.announcement-popup__image{object-fit:contain;width:100%;height:auto;max-height:min(62vh,560px);display:block}@media (min-width:640px){.announcement-popup__image{object-fit:cover}}.announcement-popup__text{text-align:center;background:#fff;flex-direction:column;align-items:center;min-height:220px;max-height:min(52vh,480px);padding:24px 20px;display:flex;overflow-y:auto}@media (min-width:768px){.announcement-popup__text{min-height:260px;padding:32px 28px}}.announcement-popup__title{color:#18181b;margin:0 0 16px;font-size:20px;font-weight:600}@media (min-width:768px){.announcement-popup__title{font-size:24px}}.announcement-popup__body{color:#ffc107;width:100%;max-width:42rem;font-size:12.25px;line-height:1.625}[data-tone=mono] .announcement-popup__body{color:#fff}.announcement-popup__body img{max-width:100%;height:auto;margin:0 auto;display:block}.announcement-popup__body :is(ul,ol){padding-left:0;list-style-position:inside}.announcement-popup__arrow{z-index:10;color:#fff;opacity:.5;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:15%;padding:0;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0}.announcement-popup__arrow:hover{opacity:.9}.announcement-popup__arrow--prev{left:0}.announcement-popup__arrow--next{right:0}.announcement-popup__arrow-icon{width:32px;height:32px}.announcement-popup__dots{z-index:10;justify-content:center;display:flex;position:absolute;bottom:10px;left:0;right:0}.announcement-popup__dot{box-sizing:content-box;opacity:.5;cursor:pointer;background:#fff padding-box padding-box;border:10px solid #0000;border-left:0;border-right:0;width:30px;height:3px;margin:0 3px;padding:0;transition:opacity .6s}.announcement-popup__dot[aria-current=true]{opacity:1}.announcement-popup__footer{background:#fff;flex-shrink:0;justify-content:center;align-items:center;min-height:36px;padding:10px 16px;display:flex}.announcement-popup__hide{color:#71717a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;line-height:1.43;display:flex}.announcement-popup__hide-box{accent-color:#52525b;width:14px;height:14px}@media (prefers-reduced-motion:reduce){.announcement-popup__window{animation:none}.announcement-popup__track{transition:none}}
.games-lobby{min-height:100vh;padding-bottom:32px}.games-lobby__bar,.games-lobby__picker,.games-lobby__body{width:100%;margin:0 auto;padding-left:12px;padding-right:12px}@media (min-width:768px){.games-lobby__bar,.games-lobby__picker,.games-lobby__body{max-width:720px}}@media (min-width:992px){.games-lobby__bar,.games-lobby__picker,.games-lobby__body{max-width:1200px}}.games-lobby__bar{z-index:40;background:var(--color-action);box-shadow:0 2px 5px 0 color-mix(in srgb, var(--color-primary) 12%, transparent);padding-top:12px;padding-bottom:4px;position:sticky;top:60px}.games-lobby__bar[data-tucked=true]{border-radius:0 0 5px 5px}.games-lobby__search{border:1px solid #0003;border-radius:6px;width:100%;min-width:0;height:35px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}[data-tone=mono] .games-lobby__search{box-shadow:none;border-color:#00000080;border-radius:8px}.games-lobby__search-input{color:#111827;min-width:0;font:inherit;background:#fff;border:0;outline:none;flex:1;padding:0 12px;font-size:14px}.games-lobby__search-input::placeholder{color:#6c757d}.games-lobby__search-input:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-ink) 30%, transparent)}.games-lobby__search-button{background:var(--color-primary);color:var(--color-action);font:inherit;cursor:pointer;border:0;flex-shrink:0;padding:0 16px;font-size:14px;font-weight:300}@media (min-width:640px){.games-lobby__search-button{padding:0 20px}}.games-lobby__lists{scrollbar-width:none;flex-wrap:nowrap;column-gap:20px;display:flex;overflow-x:auto}.games-lobby__lists::-webkit-scrollbar{display:none}@media (min-width:768px){.games-lobby__lists{column-gap:12px}}.games-lobby__list{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-shrink:0;padding:4px 6px;font-size:14px;font-weight:300;line-height:1.5;transition:border-color .15s}@media (min-width:640px){.games-lobby__list{padding:4px 10px}}@media (min-width:768px){.games-lobby__list{font-size:16px}}.games-lobby__list[aria-selected=true]{border-bottom-color:var(--color-primary)}[data-tone=mono] .games-lobby__lists{column-gap:0;box-shadow:inset 0 -1px #dee2e6}[data-tone=mono] .games-lobby__list{color:#000;border-bottom-width:2.4px;padding:6px 16px;font-size:16px}[data-tone=mono] .games-lobby__list[aria-selected=true]{border-bottom-color:#000}.games-lobby__rule{background:#fffc;height:1px;display:none}@media (min-width:768px){.games-lobby__rule{display:block}}[data-tone=mono] .games-lobby__rule{display:none}.games-lobby__picker{z-index:30;background:var(--color-action);box-shadow:0 2px 5px 0 color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:0 0 5px 5px;padding-bottom:8px;transition:top .5s;position:sticky}.games-lobby__categories{scrollbar-width:none;gap:5px;width:100%;padding-top:8px;display:flex;overflow-x:auto}.games-lobby__categories::-webkit-scrollbar{display:none}.category-pill{background:color-mix(in srgb, var(--color-surface) 90%, transparent);color:#fff;width:calc(33.3333% - 3.33333px);height:30px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:.3rem;flex:none;padding:0 12px;font-size:12px;font-weight:300;line-height:1;transition:background-color .15s;position:relative}@media (min-width:320px){.category-pill{width:calc(25% - 3.75px)}}@media (min-width:480px){.category-pill{width:calc(20% - 4px)}}@media (min-width:768px){.category-pill{width:calc(16.6667% - 4.16667px);font-size:14px}}@media (min-width:1200px){.category-pill{width:calc(14.2857% - 4.28571px)}}.category-pill[aria-pressed=true]{border-color:var(--color-surface);background:var(--color-action)}[data-tone=mono] .category-pill{background:color-mix(in srgb, var(--color-primary) 90%, transparent);height:26px}[data-tone=mono] .category-pill[aria-pressed=true]{color:#000;background:#fff;border-color:#000}@media (min-width:768px){[data-tone=mono] .category-pill{height:29px}}.category-pill__check{pointer-events:none;width:10px;height:10px;position:absolute;top:2px;right:3px}.provider-scroller{padding-top:8px;position:relative}.provider-scroller__viewport{scrollbar-width:none;overflow-x:auto}.provider-scroller__viewport::-webkit-scrollbar{display:none}.provider-scroller__track{gap:4px;min-width:min-content;display:flex}.provider-scroller__arrow{z-index:10;color:#ffffffb3;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .15s;display:none;position:absolute;top:calc(50% + 4px);transform:translateY(-50%)}.provider-scroller__arrow:hover{color:#fff}[data-tone=mono] .provider-scroller__arrow{color:#000}.provider-scroller__arrow--prev{left:0}.provider-scroller__arrow--next{right:0}@media (min-width:1025px){.provider-scroller__arrow{display:flex}}.provider-scroller__arrow-icon{stroke-width:1.75px;width:28px;height:28px}.provider-pick{background:var(--color-action);width:98px;height:54px;font:inherit;cursor:pointer;border:1px solid #78561052;border-radius:2px;flex-shrink:0;justify-content:center;align-items:flex-start;padding:0;transition:all .15s;display:flex;position:relative;overflow:hidden}.provider-pick[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary)}[data-tone=mono] .provider-scroller__viewport{container-type:inline-size}[data-tone=mono] .provider-scroller__track{gap:5px}[data-tone=mono] .provider-pick{background:#fff;border-color:#0003;border-radius:5px;width:calc(33.3333cqw - 3.33333px);height:52px}@media (min-width:320px){[data-tone=mono] .provider-pick{width:calc(25cqw - 3.75px)}}@media (min-width:480px){[data-tone=mono] .provider-pick{width:calc(16.6667cqw - 4.16667px)}}@media (min-width:768px){[data-tone=mono] .provider-pick{width:calc(14.2857cqw - 4.28571px)}}@media (min-width:1200px){[data-tone=mono] .provider-pick{width:calc(10cqw - 4.5px)}}[data-tone=mono] .provider-pick[aria-pressed=true]{box-shadow:none;background:#000}[data-tone=mono] .provider-pick__logo{height:31px;padding:6px 10px 0}[data-tone=mono] .provider-pick__name,[data-tone=mono] .provider-pick__code{color:#000}[data-tone=mono] .provider-pick[aria-pressed=true] .provider-pick__name,[data-tone=mono] .provider-pick[aria-pressed=true] .provider-pick__code{color:#fff}.provider-pick:disabled{opacity:.55;cursor:not-allowed}.provider-pick__logo{object-fit:contain;width:100%;height:36px;padding:6px 8px 0}.provider-pick__name{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.provider-pick__code{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12.25px;line-height:1;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.provider-pick__maintenance{background:#0009;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-tone=mono] .provider-pick__maintenance{background:#000}.provider-pick__maintenance-label{color:#facc15;background:#00000080;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700}@media (min-width:768px){.provider-pick__maintenance-label{font-size:10px}}.games-lobby__providers-loading{color:#fff;align-items:center;gap:8px;margin:0;padding:0 16px;font-size:12px;display:flex}@media (min-width:768px){.games-lobby__providers-loading{font-size:14px}}[data-tone=mono] .games-lobby__providers-loading{color:#000}.games-lobby__body{padding-top:12px;padding-bottom:12px}@media (min-width:768px){.games-lobby__body{padding-left:0;padding-right:0}}.games-lobby__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}@media (min-width:768px){.games-lobby__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.games-lobby__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.lobby-game{border:.5px solid color-mix(in srgb, var(--color-primary) 85%, #000);background:color-mix(in srgb, var(--color-primary) 45%, #000);font:inherit;cursor:pointer;border-radius:0;padding:0;transition:transform .2s;display:block;position:relative;overflow:hidden}.lobby-game:hover{z-index:10;transform:scale(1.02)}.lobby-game__frame{aspect-ratio:var(--game-ratio-width,1) / var(--game-ratio-height,1);justify-content:center;align-items:center;display:flex;position:relative}.lobby-game__provider{z-index:10;color:#fff;letter-spacing:.025em;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#00000073;padding:2px 4px;font-size:15px;line-height:1.5;position:absolute;top:0;left:0;right:0;overflow:hidden}[data-tone=mono] .lobby-game__provider{background:#000}.lobby-game__image{object-fit:cover;width:100%;height:100%;transition:all .5s}.lobby-game:hover .lobby-game__image{filter:brightness(.75);transform:scale(1.05)}.lobby-game__badges{z-index:20;flex-direction:column;gap:2px;display:flex;position:absolute;top:32px;right:4px}.lobby-game__badge{color:#fff;border-radius:2px;padding:0 4px;font-size:7px;font-weight:700;line-height:1.5;display:block}.lobby-game__badge--new{background:#059669f2}.lobby-game__badge--hot{background:#dc2626f2}.games-lobby__state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 0;display:flex}.games-lobby__state--empty{gap:12px;padding:40px 0}.games-lobby__state-text{max-width:28rem;color:var(--color-surface-foreground);text-align:center;margin:0;font-size:14px;font-weight:300;line-height:1.625}.games-lobby__empty-image{-webkit-user-select:none;user-select:none;width:80px;height:auto}@media (min-width:768px){.games-lobby__empty-image{width:100px}}.games-lobby__spinner{border:3px solid var(--color-action);border-right-color:#0000;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite games-lobby-spin}.games-lobby__spinner--small{border-width:2px;border-color:#fff #0000 #fff #fff;width:16px;height:16px}[data-tone=mono] .games-lobby__spinner:not(.games-lobby__spinner--small){border-color:#fff #0000 #fff #fff}[data-tone=mono] .games-lobby__spinner--small{border-color:#000 #0000 #000 #000}@keyframes games-lobby-spin{to{transform:rotate(360deg)}}.games-lobby__more{flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding-bottom:16px;display:flex}.games-lobby__sentinel{width:100%;max-width:120px;height:4px}.games-lobby__more-loading{justify-content:center;width:100%;min-height:40px;padding:8px 0;display:flex}.games-lobby__end{color:#fff;text-align:center;margin:50px 0 20px;font-size:14px;font-weight:300;text-decoration:underline}@media (prefers-reduced-motion:reduce){.games-lobby__spinner{animation-duration:2.4s}}