/*!tailwindcss v4.3.2 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.jq{visibility:visible}.j8{position:sticky}.jl{display:block}.jf{display:contents}.j9{display:grid}.jb{display:inline}.j3{display:table}.jn{display:table-row}.jj{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,)}}@layer base{[data-cell=no-deposit]{--ot-kind:var(--kind-no-deposit)}[data-cell=free-spins]{--ot-kind:var(--kind-free-spins)}[data-cell=welcome]{--ot-kind:var(--kind-welcome)}[data-cell=no-wagering]{--ot-kind:var(--kind-no-wagering)}[data-cell=existing]{--ot-kind:var(--kind-existing)}[data-cell=low-deposit]{--ot-kind:var(--kind-low-deposit)}:root{--ot-paper:var(--color-surface);--ot-ink:var(--color-on-surface);--ot-muted:var(--ot-ink);@supports(color:color-mix(in lab,red,red)){--ot-muted: color-mix(in srgb,var(--ot-ink) 72%,var(--ot-paper));}--ot-soft:var(--ot-ink);@supports(color:color-mix(in lab,red,red)){--ot-soft: color-mix(in srgb,var(--ot-ink) 4%,var(--ot-paper));}--ot-rule:var(--ot-ink);@supports(color:color-mix(in lab,red,red)){--ot-rule: color-mix(in srgb,var(--ot-ink) 18%,var(--ot-paper));}--ot-blue:var(--kind-no-wagering);@supports(color:color-mix(in lab,red,red)){--ot-blue: color-mix(in srgb,var(--kind-no-wagering) 9%,var(--ot-paper));}--ot-green:var(--kind-no-deposit);@supports(color:color-mix(in lab,red,red)){--ot-green: color-mix(in srgb,var(--kind-no-deposit) 10%,var(--ot-paper));}--ot-footer-muted:var(--ot-paper);@supports(color:color-mix(in lab,red,red)){--ot-footer-muted: color-mix(in srgb,var(--ot-paper) 74%,var(--color-secondary));}--button-radius:0px;--button-clip:none;--button-pad-y:12px;--button-pad-x:20px;--button-font-size:15px;--button-transform:uppercase;--button-tracking:.03em;--button-weight:800;--button-shadow:var(--ot-drop-3);--ot-border-2:2px solid var(--ot-ink);--ot-border-3:3px solid var(--ot-ink);--ot-border-5:5px solid var(--ot-ink);--ot-drop-3:3px 3px 0 var(--ot-ink);--ot-drop-4:4px 4px 0 var(--ot-ink);--ot-drop-5:5px 5px 0 var(--ot-ink);--ot-drop-6:6px 6px 0 var(--ot-ink);--ot-drop-7:7px 7px 0 var(--ot-ink);--ot-drop-8:8px 8px 0 var(--ot-ink);--ot-header-height:84px;--button-cut:0px}}:root[data-meta=tag]{--color-primary:#FFD60A;--color-secondary:#111111;--color-accent:#E3262E;--color-surface:#FFFFFF;--color-on-surface:#111111;--kind-no-deposit:#12A150;--kind-free-spins:#E8157A;--kind-welcome:#E3262E;--kind-no-wagering:#1F5BFF;--kind-existing:#C35C00;--kind-low-deposit:#B76300}:root[data-meta=market]{--color-primary:#B6F23A;--color-secondary:#14213D;--color-accent:#FF5D3A;--color-surface:#FBFAF6;--color-on-surface:#14213D;--kind-no-deposit:#168246;--kind-free-spins:#A82878;--kind-welcome:#BE3526;--kind-no-wagering:#2855B0;--kind-existing:#875700;--kind-low-deposit:#856326}:root[data-meta=receipt]{--color-primary:#FF8FB1;--color-secondary:#232323;--color-accent:#2F6BFF;--color-surface:#F7F5F0;--color-on-surface:#1E1E1E;--kind-no-deposit:#27694A;--kind-free-spins:#A8266C;--kind-welcome:#B62D3C;--kind-no-wagering:#2F6BFF;--kind-existing:#9A4C13;--kind-low-deposit:#80631E}:root[data-meta=deli]{--color-primary:#FFB321;--color-secondary:#0D4F3C;--color-accent:#D7263D;--color-surface:#FFFDF7;--color-on-surface:#122019;--kind-no-deposit:#0D7651;--kind-free-spins:#B32C65;--kind-welcome:#D7263D;--kind-no-wagering:#2554A5;--kind-existing:#905A00;--kind-low-deposit:#845A1E}:root[data-meta=neon]{--color-primary:#00E0B8;--color-secondary:#1B1036;--color-accent:#FF3D9A;--color-surface:#FFFFFF;--color-on-surface:#1B1036;--kind-no-deposit:#007961;--kind-free-spins:#A22B8F;--kind-welcome:#BA2664;--kind-no-wagering:#5138AC;--kind-existing:#925117;--kind-low-deposit:#786017}:root[data-meta=kiosk]{--color-primary:#FFE45C;--color-secondary:#0B3D91;--color-accent:#FF6B00;--color-surface:#F4F7FB;--color-on-surface:#0B1B33;--kind-no-deposit:#12854F;--kind-free-spins:#BA2872;--kind-welcome:#C93621;--kind-no-wagering:#0B3D91;--kind-existing:#9E4F00;--kind-low-deposit:#856328}:root[data-meta=boardwalk]{--color-primary:#F6C65C;--color-secondary:#173B3F;--color-accent:#C83D52;--color-surface:#FFFFFF;--color-on-surface:#173B3F;--kind-no-deposit:#0F7F5A;--kind-free-spins:#B8246E;--kind-welcome:#C83D52;--kind-no-wagering:#1F5FA8;--kind-existing:#A4530A;--kind-low-deposit:#6E5AA8}:root[data-meta=chippy]{--color-primary:#1ED98B;--color-secondary:#0B2A22;--color-accent:#E5246F;--color-surface:#FFFFFF;--color-on-surface:#10221C;--kind-no-deposit:#0B7F56;--kind-free-spins:#C2185B;--kind-welcome:#B4233A;--kind-no-wagering:#1D5FBF;--kind-existing:#9A4B0B;--kind-low-deposit:#6B4FB3}:root[data-meta=marquee]{--color-primary:#FFC52E;--color-secondary:#1C1030;--color-accent:#E0262F;--color-surface:#FFFFFF;--color-on-surface:#17121F;--kind-no-deposit:#0E8A4F;--kind-free-spins:#C21A78;--kind-welcome:#D0222B;--kind-no-wagering:#2348C8;--kind-existing:#A04A00;--kind-low-deposit:#7A4FB8}:root[data-meta=loonie]{--color-primary:#3DD9FF;--color-secondary:#1A1464;--color-accent:#FF3355;--color-surface:#FFFFFF;--color-on-surface:#14123A;--kind-no-deposit:#0B8A5C;--kind-free-spins:#C2187A;--kind-welcome:#D81F3F;--kind-no-wagering:#2A4FD6;--kind-existing:#B0500A;--kind-low-deposit:#6B45C4}@layer base{[hidden]{display:none!important}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}}@layer components{*{margin:0;box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}body::before{content:"";position:fixed;inset:0;background:var(--site-background)50%/cover;z-index:-1}:target{scroll-margin-top:calc(var(--ot-header-height) + 20px)}[id]{scroll-margin-top:calc(var(--ot-header-height) + 20px)}body{background:var(--ot-paper);color:var(--ot-ink);font:16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}*::before{scroll-behavior:auto!important;transition:none!important}*::after{scroll-behavior:auto!important;transition:none!important}}.dd :is(a,summary,button):focus-visible,.u9 :is(a,summary,button):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@layer components{.v h2{font-size:42px}.d8{background:var(--color-primary)}.u3{background:var(--ot-blue)}.je{background:var(--ot-green)}.kb{background:var(--ot-soft)}.k{margin:0 auto;width:min(1160px,calc(100% - 48px))}.v{padding:44px 0;padding-block:calc(var(--section-gap,80px)*.55)}.v h2+:is(.kq,.kp,.ur,.ut,.a,.uz,.ui,.kl,.dq){margin-top:22px}.dw{color:var(--ot-muted);margin:8px 0 22px}.jy{margin-top:22px;text-align:center}main{background:var(--ot-paper);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--ot-paper) 96%,transparent);}flex:1 0 auto;width:100%}@media(max-width:700px){.v{padding:26px 0;padding-block:clamp(20px,calc(var(--section-gap,80px)*.25),30px)}.v h2{font-size:30px}}}@media(max-width:700px){.k{margin:0 16px;width:auto;margin-inline:16px}}@layer components{h1{font-family:var(--font-heading);text-transform:uppercase;font-size:64px;letter-spacing:-.01em;line-height:.96;font-weight:var(--font-heading-weight,700);overflow-wrap:anywhere}h2{font-family:var(--font-heading);line-height:1;text-transform:uppercase;font-weight:var(--font-heading-weight,700);overflow-wrap:anywhere}h3{font-family:var(--font-heading);line-height:1;text-transform:uppercase;font-weight:var(--font-heading-weight,700);overflow-wrap:anywhere}@media(max-width:700px){h1{font-size:38px}}}@layer base{:root[data-alt=compact]{--button-pad-y:9px;--button-pad-x:14px;--button-font-size:13px}:root[data-alt=large]{--button-pad-y:16px;--button-pad-x:26px;--button-font-size:17px}:root[data-alt=regular]{--button-pad-y:12px;--button-pad-x:20px;--button-font-size:15px}:root[data-level=block]{--button-radius:0px;--button-clip:none}:root[data-level=square]{--button-radius:2px;--button-clip:none}:root[data-level=angled]{--button-radius:0px;--button-cut:8px;--button-shadow:none;--button-clip:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%)}:root[data-level=pill]{--button-radius:999px;--button-clip:none}:root[data-level=soft]{--button-radius:var(--radius-base, 8px);--button-clip:none}:root[data-level=tag]{--button-radius:0px;--button-cut:8px;--button-shadow:none;--button-clip:polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%)}:root[data-level=ticket]{--button-radius:0px;--button-cut:8px;--button-shadow:none;--button-clip:polygon(0 0, 100% 0, 100% calc(50% - 6px), calc(100% - 6px) 50%, 100% calc(50% + 6px), 100% 100%, 0 100%, 0 calc(50% + 6px), 6px 50%, 0 calc(50% - 6px))}}@layer components{.d:not([data-tier=true]){background:var(--ot-paper);color:var(--ot-ink);box-shadow:none}.d{display:inline-flex;align-items:center;justify-content:center;color:var(--ot-ink);box-shadow:var(--button-shadow);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-weight);text-transform:var(--button-transform);letter-spacing:var(--button-tracking);white-space:normal;line-height:1.35;text-align:center;overflow-wrap:anywhere;--ot-button-fill:var(--ot-paper);position:relative;isolation:isolate;clip-path:none;border:0;background:0 0!important;min-height:44px;max-width:100%;padding:calc(var(--button-pad-y) + 2px)calc(var(--button-pad-x) + var(--button-cut) + 2px);gap:.5em;flex-shrink:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background-color .14s ease;-webkit-tap-highlight-color:transparent}.d::before{content:"";position:absolute;pointer-events:none;clip-path:var(--button-clip);border-radius:var(--button-radius);inset:0;background:var(--ot-ink);z-index:-2}.d::after{content:"";position:absolute;pointer-events:none;clip-path:var(--button-clip);inset:2px;background:var(--ot-button-fill);z-index:-1;border-radius:max(0px,calc(var(--button-radius) - 2px))}.ua{padding:calc(var(--button-pad-y)*.67 + 2px)calc(var(--button-pad-x)*.7 + var(--button-cut) + 2px);font-size:calc(var(--button-font-size)*.87)}.dd .ua{padding:calc(var(--button-pad-y)*.67 + 2px)calc(var(--button-pad-x)*.7 + var(--button-cut) + 2px);font-size:calc(var(--button-font-size)*.87)}.d>span{min-width:0;color:inherit;font:inherit}.dz{gap:14px;flex-wrap:wrap;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}.dz .d{height:100%}@media(max-width:700px){.dd .d{margin-left:auto}}}.d:focus{outline:none}.d:focus-visible{outline:var(--ot-border-3);outline-offset:3px}.d[data-tier=true]{background:var(--color-primary);color:var(--ot-ink);--ot-button-fill:var(--color-primary);box-shadow:var(--ot-drop-4)}.d[data-tier=true]:hover{transform:translate(-2px,-2px);box-shadow:var(--ot-drop-7)}.d[data-tier=true]:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ot-ink)}:root:is([data-level=angled],[data-level=tag],[data-level=ticket]) .d[data-tier=true]{box-shadow:none;filter:drop-shadow(var(--ot-drop-4))}:root:is([data-level=angled],[data-level=tag],[data-level=ticket]) .d[data-tier=true]:hover{box-shadow:none;filter:drop-shadow(var(--ot-drop-7))}:root:is([data-level=angled],[data-level=tag],[data-level=ticket]) .d[data-tier=true]:active{box-shadow:none;filter:drop-shadow(0 0 0 var(--ot-ink))}.d:not([data-tier=true]):hover{transform:translate(-2px,-2px);box-shadow:var(--ot-drop-5);background:var(--ot-soft)}.d:not([data-tier=true]):active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ot-ink)}:root:is([data-level=angled],[data-level=tag],[data-level=ticket]) .d:not([data-tier=true]):hover{box-shadow:none;filter:drop-shadow(var(--ot-drop-5))}:root:is([data-level=angled],[data-level=tag],[data-level=ticket]) .d:not([data-tier=true]):active{box-shadow:none;filter:none}.dd .d{border-color:var(--color-primary);flex-shrink:0;box-shadow:none;filter:none}.d3 .d{box-shadow:none;filter:none}.dd .d:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--color-primary);@supports(color:color-mix(in lab,red,red)){box-shadow: 0 4px 0 color-mix(in srgb,var(--color-primary) 55%,var(--ot-ink));}filter:none}.d3 .d:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--color-primary);@supports(color:color-mix(in lab,red,red)){box-shadow: 0 4px 0 color-mix(in srgb,var(--color-primary) 55%,var(--ot-ink));}filter:none}:root:is([data-level=angled],[data-level=tag],[data-level=ticket]) :is(.dd,.d3) .d:hover{box-shadow:none;filter:drop-shadow(0 4px 0 var(--color-primary));@supports(color:color-mix(in lab,red,red)){filter: drop-shadow(0 4px 0 color-mix(in srgb,var(--color-primary) 55%,var(--ot-ink)));}}.dd .d:active{transform:translateY(1px);box-shadow:none;filter:none}.d3 .d:active{transform:translateY(1px);box-shadow:none;filter:none}@media(min-width:701px) and (max-width:1050px){.ug>.d{margin-left:auto}}@media(max-width:700px){.ug>.d{max-width:44%;min-width:0;flex:initial}.dz .d{justify-content:center;flex:1 1 100%}.dz{grid-template-columns:minmax(0,1fr)}.d3 .d{border-color:var(--color-primary);flex-shrink:0;max-width:100%;flex:1 1 140px;margin-left:0;box-shadow:none}.d3 .d>span{color:inherit;font:inherit}}@media(hover:none){.d:hover{transform:none}}@media(prefers-reduced-motion:reduce){.d{transition:none}.d:hover{transform:none}.d:active{transform:none}}@layer components{.kv{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:middle}}@layer components{.i{display:flex;align-items:center;gap:14px}.i b{display:block;font-family:var(--font-heading);font-size:22px;text-transform:uppercase;line-height:1.05}.u{border:var(--ot-border-2);background:var(--ot-paper);flex:none;object-fit:contain;max-width:100%;height:auto;border-radius:calc(var(--radius-base,8px) + 6px)}.i small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ot-kind);margin-top:4px}.i span{display:block;font-size:13px;color:var(--ot-muted)}.i>div{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.i .u{width:56px;height:56px}.i b{font-size:19px}}}@media(max-width:700px){.i{grid-column:1/2;gap:10px}}@layer components{.ug{display:flex;align-items:center;gap:28px;padding:16px 0}.d6{font-family:var(--font-heading);font-weight:700;font-size:24px;letter-spacing:.02em}.d6 b{background:var(--color-accent);padding:2px 8px;margin-right:5px}.us span{display:block;width:22px;height:2px;background:var(--ot-paper);margin:5px 0}.dh{max-width:180px;max-height:42px;width:auto}.dv{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:600;flex-wrap:wrap}.u6{position:absolute;left:16px;top:-120px;padding:12px;background:var(--ot-paper);z-index:90}.u6:focus{top:10px}.us{display:none;background:0 0;border:0;padding:8px;min-width:44px;min-height:44px}.dd{color:var(--ot-paper);background:var(--color-secondary);position:sticky;top:0;z-index:32}@media(max-width:700px){.ug{gap:12px;padding:12px 0}.us{display:block}.d6{font-size:20px;flex:auto;min-width:0}.dh{max-width:100%;height:auto}.us{flex:0 0 44px}}}@media(min-width:701px) and (max-width:1050px){.ug{flex-wrap:wrap;gap:16px}.dv{order:3;width:100%;margin:0}}@media(max-width:700px){.dv.jw{display:flex;flex-direction:column;flex-wrap:nowrap}.dv{display:none;position:absolute;left:0;right:0;background:var(--color-secondary);padding:20px;z-index:20;margin:0;top:100%;max-height:calc(100dvh - var(--ot-header-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-primary)transparent}}@layer components{.ud{margin-top:18px;max-width:760px;color:var(--ot-footer-muted)}.up{display:flex;gap:10px;align-items:center;margin-top:12px;font-weight:700}.u9{color:var(--ot-paper);padding:36px 0 44px;font-size:14px;background:var(--color-secondary);flex:none}.ux{display:inline-block;margin-bottom:28px;flex:none;font-size:28px;line-height:1.2}.uc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}.h{min-width:0}.h h2{margin:0 0 14px;font:700 20px/1.2 var(--font-heading);text-transform:uppercase;letter-spacing:.03em}.h ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.h a{display:inline-block;line-height:1.45;text-underline-offset:4px;overflow-wrap:anywhere}.h a:hover{text-decoration:underline}.h a:focus-visible{text-decoration:underline}.ul{grid-column:span 2}.ul ul{display:block;columns:2;column-gap:20px}.ul li{break-inside:avoid;margin-bottom:10px}.u9 .h h2{color:var(--color-primary)}.ue{display:flex;align-items:flex-start;gap:18px;border-top:1px solid var(--ot-footer-muted);margin-top:30px;padding-top:24px;color:var(--ot-footer-muted)}.ue .up{display:grid;place-items:center;border:2px solid;border-radius:50%;width:44px;height:44px;flex:none;font-weight:800;color:var(--ot-paper)}.ue .ud{margin:0;max-width:850px}}@media(min-width:701px) and (max-width:1050px){.uc{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.uc{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.ul{grid-column:1/-1}.ux{font-size:28px}.ue{gap:14px}}@layer components{.uj{display:flex;gap:8px;font-size:13px;padding:14px 0 0;color:var(--ot-muted)}.uj a:last-child{color:var(--ot-ink);font-weight:600}.uj li{display:flex;gap:8px;list-style:none;padding:0}.uj ol{display:flex;gap:8px;list-style:none;padding:0;flex-wrap:wrap}}@layer components{.p{position:relative;background:var(--ot-kind,var(--kind-welcome));color:var(--ot-paper);padding:12px 16px 12px 36px;clip-path:polygon(20px 0,100% 0,100% 100%,20px 100%,0 50%);display:flex;flex-direction:column}.p i{position:absolute;left:18px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--ot-paper)}.p span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.p b{font-family:var(--font-heading);font-size:58px;line-height:.9;overflow-wrap:anywhere}.d5>.p[data-width=long] b{font-size:40px;overflow-wrap:normal}[data-phase=ranking-list][data-color=default] .p b{font-size:48px}@media(max-width:700px){.p{grid-column:2/3;grid-row:1;padding:8px 12px 8px 30px}.p b{font-size:40px}.p span{font-size:10px}.d5>.p[data-width=long] b{font-size:30px}}.uu{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin:4px 0 6px;padding:2px 8px;border:var(--ot-border-2);background:var(--ot-paper);color:var(--ot-ink);font-size:11px;font-weight:800;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}.uu::before{content:"";width:7px;height:7px;background:var(--color-primary);border:1.5px solid var(--ot-ink);transform:rotate(45deg);flex:none}}@media(max-width:700px){[data-phase=ranking-list][data-color=default] .p b{font-size:36px}}@layer components{.u0{padding:34px 0 40px}.ub{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.u1{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.u2{font-size:18px;margin:16px 0 24px;max-width:600px;color:var(--ot-muted)}.kx{list-style:none;padding:0;display:flex;gap:24px;margin-top:22px;font-size:14px;color:var(--ot-muted)}.kx b{font-family:var(--font-heading);font-size:24px;color:var(--ot-ink);margin-right:6px}.ub>*{min-width:0}.s{display:grid;place-items:center;position:relative;padding:0}.s>.p{position:absolute;right:0;bottom:6px;transform:rotate(-6deg);min-width:180px}.s>.p b{font-size:64px}.uw>.i{margin-bottom:14px}.uw>.i b{font-size:20px}.do{width:100%;height:auto;display:block;max-width:100%}.um{display:block;border-radius:inherit;transition:transform .15s ease}.um:hover{transform:translateY(-2px)}.um:focus-visible{outline:var(--ot-border-3);outline-offset:4px}.u0[data-color=instead] .i{opacity:.65;filter:grayscale(1)}.u0[data-color=offers] .i .u{background:var(--ot-operator-color,var(--ot-paper))}.uw>.i .u{display:block;width:128px;height:128px}@media(max-width:700px){.u0{padding:20px 0 26px}.ub{grid-template-columns:1fr;gap:18px}.u2{font-size:16px;margin:12px 0 18px}.kx b{font-size:20px}}}@media(max-width:700px){.s{order:-1;max-width:280px;margin:0 auto;width:min(100%,300px);padding:0}.s>.p b{font-size:44px}.kx{gap:14px;flex-wrap:wrap}.uw>.i .u{display:block;width:112px;height:112px}}@layer components{.k9{padding:0 0 10px}.k0{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:var(--ot-border-2);font-weight:700;font-size:14px;background:var(--ot-paper)}.k0 i{width:12px;height:12px;background:var(--ot-kind,var(--kind-welcome));clip-path:polygon(35% 0,100% 0,100% 100%,35% 100%,0 50%)}.k0 span{font-size:12px;color:var(--ot-muted)}.k0[aria-current=page]{background:var(--ot-kind,var(--kind-welcome));color:var(--ot-paper);border-color:var(--ot-kind,var(--kind-welcome))}.k0[aria-current=page] span{color:var(--ot-paper)}.kl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.dr{display:flex;align-items:center;gap:12px;padding:12px 14px;border:var(--ot-border-2);font-weight:700}.dr small{display:block;font-weight:400;color:var(--ot-muted)}.k1{display:flex;gap:10px;flex-wrap:wrap;scrollbar-width:none}.k1::-webkit-scrollbar{display:none}.dr>.kv{margin-left:auto}.dr .u{border-radius:10px;border-width:1.5px;width:80px;height:80px}.dr>span{min-width:0;overflow-wrap:anywhere}.uh{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;padding:24px;text-align:center;border:var(--ot-border-2);background:var(--ot-paper)}.uh h3{font:700 27px/1.15 var(--font-heading);text-transform:uppercase;margin:0}.uh .u{display:block;width:160px;height:160px;max-width:100%;object-fit:contain}.uh>p{margin:0}.ko{display:grid;gap:12px;align-items:stretch;justify-content:stretch;width:100%;margin-top:auto;padding-top:18px;border-top:1.5px solid var(--ot-rule)}.ko .d{width:100%}.kc{align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:18px;margin-top:24px}@media(max-width:700px){.dr{font-size:14px;padding:10px}}}@media(min-width:701px) and (max-width:1050px){.kl{grid-template-columns:repeat(2,minmax(0,1fr))}.kc{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.k1{flex-wrap:nowrap;overflow-x:auto;margin-right:0;padding:2px 16px 6px 0}.k0{flex:none;max-width:92%}.kl{grid-template-columns:minmax(0,1fr)}.dr .u{width:80px;height:80px}.kc{grid-template-columns:minmax(0,1fr)}.uh{padding:22px}.uh .u{width:160px;height:160px}}@layer components{.kq{border-bottom:var(--ot-border-3)}.d5{display:grid;grid-template-columns:230px 190px 1fr 220px;gap:22px;align-items:center;padding:16px 0;border-top:var(--ot-border-3)}.k6 p{font-weight:700;margin-bottom:8px}.ju{display:inline-block;background:var(--color-primary);border:var(--ot-border-2);font-size:11px;font-weight:800;text-transform:uppercase;padding:2px 8px;margin-bottom:6px;transform:rotate(-2deg)}.jg{list-style:none;padding:0;display:flex;gap:6px;flex-wrap:wrap}.kj{display:flex;flex-direction:column;gap:10px}.ke{display:grid;gap:30px;margin-top:20px}.uy .u{width:56px;height:56px}.uy span{font-size:14px;color:var(--ot-muted)}.d5>*{min-width:0}.m{color:var(--ot-muted);font-size:14px;margin-top:8px}.jg li{font-size:13px;font-weight:600;border:1.5px solid var(--ot-ink);padding:3px 8px;background:var(--ot-paper);overflow-wrap:anywhere}.u5{display:flex;align-items:center;gap:10px;font-size:24px;margin-bottom:12px;border-left:16px solid var(--ot-kind);padding-left:10px}.uy{border:var(--ot-border-2);padding:16px;grid-template-columns:56px 1fr;gap:12px;align-items:center;background:var(--ot-paper);display:block}.uy>div:last-child{grid-column:1/-1;margin-top:12px;flex-wrap:wrap;gap:10px;display:flex;justify-content:space-between;align-items:center;border-top:1.5px solid var(--ot-rule);padding-top:10px;font-size:14px;font-weight:700}[data-phase=ranking-list][data-color=default] .d5{padding-block:12px}.ja{font-weight:700;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:.4em;min-height:44px}.d5>.i{flex-direction:column;align-items:flex-start;gap:12px}.d5>.i .u{width:200px;height:200px;max-width:100%;object-fit:contain}.uf{display:grid;gap:14px;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}.uf .uy{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;padding:24px;text-align:center;border:var(--ot-border-2);background:var(--ot-paper)}.uy h4{font:700 27px/1.15 var(--font-heading);text-transform:uppercase;margin:0}.uf .uy .u{display:block;width:160px;height:160px;max-width:100%;object-fit:contain}.uy>p{margin:0}.k7{color:var(--ot-kind,var(--kind-welcome));font:700 27px/1.1 var(--font-heading)}.k7 strong{display:block;font-size:64px;line-height:1}.jp{font-size:14px;line-height:1.5;color:var(--ot-muted)}.jm{font-size:15px;font-weight:700}.uf .uy>.ki{display:grid;gap:12px;align-items:stretch;justify-content:stretch;width:100%;margin-top:auto;padding-top:18px;border-top:1.5px solid var(--ot-rule)}.ki .d{width:100%}.uy .d>span{color:inherit;font-size:inherit}@media(max-width:700px){.k6{grid-column:1/-1}.kj{grid-column:1/-1}.kj .d{width:100%}}}@media(min-width:701px) and (max-width:1050px){.d5{grid-template-columns:180px 150px 1fr;gap:16px}.k6{grid-column:3;grid-row:1}.kj{grid-column:3}.d5>.i .u{width:160px;height:160px}.uf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.kq{display:grid;gap:18px;border:0}.d5{grid-template-columns:repeat(2,minmax(0,1fr));border:var(--ot-border-2);background:var(--ot-paper);padding:16px;gap:16px;align-items:start}[data-phase=ranking-list][data-color=default] .d5{grid-template-columns:repeat(2,minmax(0,1fr));border:var(--ot-border-2);background:var(--ot-paper);padding:16px;gap:16px;align-items:start}.d5>.i .u{width:144px;height:auto;aspect-ratio:1}.d5>.p{width:100%;max-width:none;align-self:start;margin-top:12px}.d5 .k6{grid-column:1/-1}.d5 .kj{grid-column:1/-1}.uf{grid-template-columns:minmax(0,1fr)}.uf .uy{padding:22px}.uf .uy .u{width:160px;height:160px}}@layer components{.ut{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.j .f{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--ot-kind,var(--kind-welcome));color:var(--ot-paper)}.j .f b{font-family:var(--font-heading);font-size:52px;line-height:.9}.j .f span{font-weight:800;text-transform:uppercase;font-size:13px}.j dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.j dl div{padding:12px 20px;border-top:1.5px solid var(--ot-rule)}.j dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ot-muted)}.f h3{font-size:24px}.f .p{padding:0;clip-path:none;flex-shrink:0}.f .p i{display:none}.j dd{margin:0;font-weight:700;overflow-wrap:anywhere}.db{flex-wrap:wrap}.j{border:var(--ot-border-3);background:var(--ot-paper);display:flex;flex-direction:column}.df{padding:20px}.df .u{width:112px;height:112px}.j .db{padding:16px 20px;border-top:var(--ot-border-2);gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;margin-top:auto}@media(max-width:700px){.j dl{grid-template-columns:1fr 1fr}}}@media(max-width:700px){.db .d{width:100%}.ut{grid-template-columns:1fr}.db>a{width:100%}.j .db{grid-template-columns:minmax(0,1fr)}}@layer components{.u4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.u4>div{background:var(--ot-paper);border:var(--ot-border-2);padding:20px}.u4>div b{font-family:var(--font-heading);font-size:22px;text-transform:uppercase}.dg{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:var(--ot-border-3);margin-top:20px}.dg>div{padding:22px;border-left:var(--ot-border-2);position:relative}.dg>div:first-child{border-left:0}.dg>div small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dg>div b{display:block;font-family:var(--font-heading);font-size:44px;line-height:1;margin:6px 0;color:var(--ot-kind,var(--kind-welcome))}.dg>div p{color:var(--ot-muted);font-size:15px}.u4 h3{font-size:22px}.u4>div>b{display:block;font:15px/1.55 var(--font-body);text-transform:none;margin-top:6px}@media(max-width:700px){.u4{grid-template-columns:1fr}.dg{grid-template-columns:1fr}}}@media(max-width:700px){.dg>div{border-left:0;border-top:var(--ot-border-2)}.dg>div:first-child{border-top:0}}@layer components{.a div{padding:18px 20px;border-left:var(--ot-border-2)}.a div:first-child{border-left:0}.a small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ot-kind,var(--kind-welcome))}.a b{font-family:var(--font-heading);font-size:36px;line-height:1}.a span{display:block;font-size:14px;color:var(--ot-muted)}.ky{border:var(--ot-border-3);background:var(--ot-green);padding:22px 26px;font-size:19px;font-weight:600;max-width:900px;box-shadow:var(--ot-drop-6)}.a{display:grid;border:var(--ot-border-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:700px){.a div{border-left:0;border-top:var(--ot-border-2)}.a div:first-child{border-top:0}.ky{font-size:17px;box-shadow:var(--ot-drop-4)}}}@media(max-width:700px){.a{grid-template-columns:1fr}}@layer components{.l{display:none}.dc th{background:var(--ot-ink);color:var(--ot-paper);text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:13px 16px}.dc td:nth-child(2){font-family:var(--font-heading);font-weight:700;font-size:18px}.dc tr:nth-child(even) td{background:var(--ot-soft)}.dc td{padding:13px 16px;border-top:1.5px solid var(--ot-rule);overflow-wrap:anywhere}.ur{border:var(--ot-border-2);overflow-x:auto;width:100%}.dc{border-collapse:collapse;font-size:15px;width:100%;min-width:100%;margin:0}.dc tbody tr{background:var(--ot-paper)}.dc tbody tr:nth-child(even){background:var(--ot-soft)}.dc tbody th{text-align:left;font:700 20px/1.2 var(--font-heading);padding:13px 16px;border-top:1.5px solid var(--ot-rule);color:var(--ot-ink);background:inherit}.dc tbody tr:nth-child(even) th{background:inherit}.dc :is(th,td){vertical-align:middle;padding:14px 12px}.k4{display:flex;align-items:center;gap:12px;min-width:190px;letter-spacing:0}.k4 .u{width:88px;height:88px;flex:none}.k4 span{font:700 20px/1.15 var(--font-heading);overflow-wrap:normal}.dk{width:190px;min-width:170px}.dk>div{display:grid;gap:10px}.dk .d{width:100%}@media(max-width:700px){.dc thead{display:none}.dc tr{display:block;width:100%;border:var(--ot-border-2);margin-bottom:10px;padding:8px 0}.dc td{width:100%;border:0;padding:4px 14px;display:flex;justify-content:space-between;gap:10px;background:0 0!important}.dc td:first-child{font-family:var(--font-heading);font-size:20px;text-transform:uppercase;font-weight:700}}}@media(max-width:700px){.ur{border:0;overflow:visible}.dc{display:block;width:100%;min-width:0}.dc tbody{width:100%;display:grid;gap:16px}.dc tbody tr{padding:0;margin:0;border:var(--ot-border-2);overflow:hidden}.dc tbody th{display:block;width:100%;padding:16px;border:0}.k4{min-width:0;gap:16px}.k4 .u{width:88px;height:88px}.k4 span{font-size:25px}.dc tbody td{display:grid;grid-template-columns:minmax(82px,.8fr)minmax(0,1.5fr);align-items:baseline;gap:12px;padding:12px 16px;border-top:1px solid var(--ot-rule);line-height:1.45}.dc .l{display:inline;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--ot-muted);font-family:var(--font-body);line-height:inherit}.d0{text-align:right}.dc td:has(>.d0:empty){display:none}.dc tbody .dk{display:block;width:100%;min-width:0;padding:18px 16px}.dk>div{gap:12px}}@media(min-width:701px) and (max-width:1050px){.k4{min-width:140px;flex-direction:column;align-items:flex-start}.dc :is(th,td){padding-inline:8px}}@layer components{.da{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.da li{background:var(--ot-paper);border:var(--ot-border-2);padding:20px;min-width:0;overflow-wrap:anywhere}.ds{position:relative;height:110px;background:var(--ot-kind,var(--kind-welcome));display:grid;place-items:center;margin-bottom:14px}.ds span{position:absolute;top:8px;left:10px;font-family:var(--font-heading);font-size:30px;color:var(--ot-paper);font-weight:700}.ds:has(.d9){overflow:hidden}.d9{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ds:has(.d9) span{z-index:1;top:0;left:0;padding:2px 12px;background:var(--ot-ink);font-size:24px}.da p{color:var(--ot-muted);font-size:15px;margin-top:4px}.ds i{font:60px/1 var(--font-heading);color:var(--ot-paper)}.da h3{font-size:22px}@media(max-width:700px){.da{grid-template-columns:1fr}}}@layer components{.kh{border:var(--ot-border-3);background:var(--ot-blue);padding:18px 22px;display:flex;gap:16px;align-items:center;margin-top:10px}}@layer components{.d7{display:grid;grid-template-columns:auto auto 1fr auto;gap:28px;align-items:center;background:var(--ot-paper);border:var(--ot-border-3);padding:26px 30px;box-shadow:var(--ot-drop-8)}.d7 .p b{font-size:80px}.d7>div:nth-child(3) h2{font-size:36px;margin:4px 0}.d7>div:nth-child(3) p{color:var(--ot-muted)}.d7 .i>div{display:none}.d7 .i .u{width:112px;height:112px}@media(max-width:700px){.d7{grid-template-columns:auto 1fr;gap:14px;padding:18px;box-shadow:var(--ot-drop-5)}.d7 .u{width:56px;height:56px}.d7 .p b{font-size:52px}.d7>div:nth-child(3){grid-column:1/-1}.d7>div:nth-child(3) h2{font-size:26px}.d7 .d{grid-column:1/-1}}}@media(min-width:701px) and (max-width:1050px){.d7{grid-template-columns:auto auto 1fr}.d7>.d{grid-column:3}}@media(max-width:700px){.d7>.d{grid-column:1/-1}.d7 .i .u{width:112px;height:112px}}@layer components{.a dt{font-size:12px;font-weight:800;text-transform:uppercase}.a dd{margin:0}}@layer components{.uz{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.uz div{border:var(--ot-border-2);padding:20px;border-top:10px solid var(--ot-kind,var(--kind-welcome))}.uz p{color:var(--ot-muted);font-size:15px;margin-top:6px}.uz h3{font-size:22px}@media(max-width:700px){.uz{grid-template-columns:1fr}}}@layer components{.ui{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.ui div{border:var(--ot-border-2);padding:20px;background:var(--ot-paper)}.ui b{font-family:var(--font-heading);font-size:22px;text-transform:uppercase}.ui p{color:var(--ot-muted);font-size:15px;margin-top:6px}.j2{margin:30px 0 16px}.ui h3{font-size:22px}@media(max-width:700px){.ui{grid-template-columns:1fr}}}@layer components{.u7{margin-top:20px;display:grid;gap:10px;max-width:860px}.u7 details{border:var(--ot-border-2);padding:16px 20px}.u7 summary{font-weight:800;font-size:17px;cursor:pointer}.u7 p{margin-top:8px;color:var(--ot-muted)}}@layer components{.dq{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-top:20px}.dp ol{padding-left:20px;margin-top:8px;font-size:15px;line-height:2}.dx p{color:var(--ot-muted);margin-bottom:22px;max-width:700px}.dx{min-width:0}.dx>*+*{margin-top:18px}.dx h2{font-size:30px;margin-top:28px}.dx h3{font-size:26px;margin:0 0 8px;margin-top:24px}.dx h4{font:700 21px/1.2 var(--font-heading)}.dx a{text-decoration:underline;text-underline-offset:3px}.dx ul{padding-left:24px}.dx ol{padding-left:24px}.dx li+li{margin-top:6px}.dx blockquote{border-left:6px solid var(--color-primary);margin-inline:0;padding:12px 20px;background:var(--ot-soft)}.k5{margin:22px 0}.jc{max-width:100%;height:auto}.k5 figcaption{color:var(--ot-muted);font-size:13px;margin-top:8px}.kk{display:inline-block;vertical-align:middle;max-width:100%}.kk img{display:inline-block;max-width:100%}.js{display:block}.dp ul{padding-left:20px;margin-top:8px;font-size:15px;line-height:2}.dp{border:var(--ot-border-2);padding:18px;align-self:start;position:sticky;top:calc(var(--ot-header-height) + 20px)}@media(max-width:700px){.dq{grid-template-columns:1fr;gap:20px}}}@media(max-width:700px){.dp{position:static}}@layer components{.kp{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.kz{margin-left:auto;font-size:14px;color:var(--ot-muted)}.kr{display:none}.kp label{font-size:12px;font-weight:800;text-transform:uppercase}.k3{display:none}.k8{display:none}.k2 .k3{display:flex;align-items:center;justify-content:space-between}.ka{overflow:hidden}.kn{padding:0;border:0;min-width:0}.kn legend{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.kt{position:relative}.kt input{display:block;position:absolute;opacity:0;width:1px;height:1px}.kt input:focus-visible+span{outline:3px solid var(--color-accent);outline-offset:3px}.kt span{display:block;padding:8px 14px;font-weight:700;cursor:pointer;height:100%;font-size:13px}.ks{display:flex;border:var(--ot-border-2);flex-wrap:wrap}.kd{display:flex;flex-wrap:wrap;gap:16px;align-items:start}.kt input:checked+span{background:var(--ot-ink);color:var(--ot-paper)}.k3 button{border:0;font-size:28px;min-width:44px;min-height:44px}@media(max-width:700px){.kp .ks{display:none}.kz{display:none}.kr{display:flex;width:100%;justify-content:center;padding:12px;border:var(--ot-border-2);background:var(--ot-paper);font-weight:800;text-transform:uppercase}}}@media(max-width:700px){.kd{display:none}.k2::before{content:"";position:fixed;inset:0;background:var(--ot-ink);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--ot-ink) 55%,transparent);}z-index:35}.k8{display:flex}.k2 .ks{display:flex;border:0;gap:8px}.kt span{border:var(--ot-border-2);padding:7px 12px}.kn legend{font-size:12px;margin-bottom:8px}.kd .k8{display:flex;gap:5px;justify-content:center}.k2 .kd{display:grid;gap:16px;position:fixed;left:0;right:0;bottom:0;padding:18px 16px 24px;overflow-y:auto;background:var(--ot-paper);border-top:var(--ot-border-3);z-index:36;max-height:calc(100dvh - var(--ot-header-height) - 12px);padding-bottom:max(24px,env(safe-area-inset-bottom))}}@layer components{.j4{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.kf{display:flex;flex-wrap:wrap;gap:4px 12px;list-style:none;padding:0;margin:0;min-width:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.kf li{max-width:100%}.j4 .kf{flex:1 1 140px}.d3{display:none}.de{width:min(480px,calc(100% - 32px));margin:auto;padding:28px;border:var(--ot-border-3);color:var(--ot-ink);background:var(--ot-paper);box-shadow:var(--ot-drop-8)}.de::backdrop{background:var(--ot-ink);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--ot-ink) 55%,transparent);}}.de>div{display:grid;gap:18px}.de .p{max-width:200px}.de h2{font-size:22px;line-height:1.25;overflow-wrap:break-word}.de h2:focus{outline:none}.de p{line-height:1.5}.jd{justify-self:end;border:0;font-size:26px;min-width:44px;min-height:44px}.de .i .u{width:112px;height:112px}.ka .d3{display:none}}@media(max-width:700px){.d3 b{display:block;font:700 20px/1 var(--font-heading)}.d3 span{color:var(--ot-footer-muted);display:block;font-size:12px}.ka .d3{display:none}.d3 .u{border-color:var(--ot-paper);display:block;width:64px;height:64px;flex:none}.d3 .kf{color:var(--ot-footer-muted);margin-top:6px;font-size:12px}.d3 .k{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.d3 .k>div{flex:1 1 180px;min-width:0}.d3{display:block;position:fixed;bottom:0;left:0;right:0;padding-block:10px;z-index:30;background:var(--color-secondary);color:var(--ot-paper);border-top:2px solid var(--color-primary);padding-bottom:max(10px,env(safe-area-inset-bottom))}}@layer components{.j6{font:700 clamp(64px,12vw,128px)/1 var(--font-heading);color:var(--color-accent);margin-bottom:20px}.ku .u2{max-width:760px}.jx{border-top:var(--ot-border-2);padding-top:30px;margin-top:40px}.ku .h h2{font-size:22px}}@media(max-width:700px){.ku .dz .d{width:100%}}@layer components{.y{display:inline-block;width:11px;height:11px;flex:none;background:var(--ot-kind,var(--color-accent));transform:rotate(45deg)}.kg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.e{position:relative;display:flex;flex-direction:column;gap:14px;padding:20px 20px 16px;background:var(--ot-paper);border:var(--ot-border-2);box-shadow:var(--ot-drop-5);border-top:8px solid var(--ot-kind);transition:transform .15s ease,box-shadow .15s ease}.e:hover,.e[aria-current=page]{transform:translate(-2px,-2px);box-shadow:var(--ot-drop-7)}.e i{width:40px;height:26px;background:var(--ot-kind);clip-path:polygon(0 50%,20% 0,100% 0,100% 100%,20% 100%)}.e b{font-family:var(--font-heading);font-size:22px;line-height:1.15}.e span{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:2px solid var(--ot-rule);font-size:14px;font-weight:700;color:var(--ot-muted)}.uo{display:grid;gap:20px}.q{display:grid;grid-template-columns:196px minmax(0,1fr)284px;background:var(--ot-paper);border:var(--ot-border-2);border-left:10px solid var(--ot-kind);box-shadow:var(--ot-drop-6)}.q[hidden]{display:none}.g{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 18px;border-right:2px solid var(--ot-rule)}.g .u,.x .u,.di .u{width:96px;height:96px;border:var(--ot-border-2);border-radius:14px;object-fit:cover}.g b{font-family:var(--font-heading);font-size:20px;line-height:1.1}.d1{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ot-kind);padding:6px 9px}.dn{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 28px;min-width:0}.o,.b{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;color:var(--ot-kind)}.o strong,.b strong{font-family:var(--font-heading);font-size:54px;line-height:.95}.o span,.b span{font-size:20px;font-weight:800;color:var(--ot-ink)}.dm{font-size:19px;font-weight:700}.d2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ot-rule)}.d2 div{padding:12px 12px 0 0}.d2 div+div{padding-left:16px;border-left:2px solid var(--ot-rule)}.d2 dt,.z dt{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ot-muted)}.d2 dd{margin:6px 0 0;font-size:19px;font-weight:800;overflow-wrap:break-word;hyphens:auto}.c{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px 24px;background:var(--ot-soft);border-left:2px solid var(--ot-rule)}.c .d,.dl .d{width:100%;min-height:56px;padding-left:12px;padding-right:12px;font-size:15px;letter-spacing:.02em}.n{font-size:15px;font-weight:700;text-align:center;color:var(--color-secondary);text-decoration:underline;text-underline-offset:4px}.r{display:flex;flex-direction:column;background:var(--ot-paper);border:var(--ot-border-2);box-shadow:var(--ot-drop-6)}.d4{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;background:var(--ot-kind);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.x{display:flex;align-items:center;gap:14px;padding:18px 18px 0}.x .u{width:64px;height:64px;border-radius:12px}.x b{font-family:var(--font-heading);font-size:22px;line-height:1.1}.x small{display:block;margin-top:3px;font-size:13px;color:var(--ot-muted)}.b{padding:16px 18px 0}.b strong{font-size:46px}.dy{padding:6px 18px 0;font-weight:700}.z{margin:12px 18px 0;border-top:2px solid var(--ot-rule)}.z div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ot-rule)}.z dd{margin:0;font-weight:800;text-align:right}.dl{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:18px}.di{display:flex;align-items:center;gap:14px}.di .u{width:56px;height:56px;border-radius:10px}.di b,.di .n{text-transform:none;letter-spacing:normal}.di b{display:block;font-family:var(--font-heading);font-size:19px}.di .n{font-size:13px}.j1 .d0{font-family:var(--font-heading);font-size:26px;color:var(--color-accent)}@media(max-width:900px){.q{grid-template-columns:1fr;border-left-width:2px;border-top:8px solid var(--ot-kind)}.g{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 14px 0;border-right:0}.g .u{width:56px;height:56px;border-radius:10px}.dn{padding:12px 14px 0}.o strong{font-size:40px}.o span{font-size:17px}.d2 dd{font-size:16px}.c{padding:14px;background:0 0;border-left:0}.kg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.e{padding:14px 12px 12px;box-shadow:var(--ot-drop-4)}.e b{font-size:17px;hyphens:auto}.e i{display:none}}}:root[data-slot=bright]{--kind-no-deposit:#077A3C;--kind-free-spins:#C8106A;--kind-welcome:#D0202F;--kind-no-wagering:#1559E0;--kind-existing:#C2410C;--kind-low-deposit:#0E7C86}:root[data-outer] .da{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}:root[data-outer] .da li{border-top:6px solid var(--color-secondary);box-shadow:var(--ot-drop-5)}.jt{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border:var(--ot-border-3);border-radius:50%;background:var(--color-primary);color:var(--ot-ink);font-family:var(--font-heading);font-size:28px;line-height:1}.t{position:relative}.t summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.t summary::-webkit-details-marker{display:none}.t summary::after{content:"";width:7px;height:7px;background:var(--color-primary);transform:rotate(45deg)}.w{display:grid;gap:2px}.w a{padding:8px 12px}@media(min-width:701px){:root[data-outer] .dv{position:relative}.t{position:static}.w{position:absolute;top:calc(100% + 18px);right:0;z-index:30;width:max-content;max-width:min(720px,92vw);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));min-width:240px;padding:10px;background:var(--color-secondary);border:var(--ot-border-2);box-shadow:var(--ot-drop-5)}.t:has(.w>a:nth-child(9)) .w{width:min(720px,92vw)}.w a:hover,.w a[aria-current=page]{background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 18%,transparent);}}}@media(max-width:700px){.t summary{padding:10px 0}.w{padding:0 0 8px 14px;border-left:3px solid var(--color-primary)}.w a{padding:7px 0;font-weight:500}}:root[data-outer] .dc td .d0{font-size:18px;font-weight:800}:root[data-outer] .dc :is(th,td){padding:14px 12px}:root[data-outer] .dk .d{padding-left:12px;padding-right:12px;font-size:14px;letter-spacing:.02em}@media(max-width:700px){:root[data-outer] .s{order:2;max-width:220px}:root[data-outer] .uw>.i .u{width:56px;height:56px}:root[data-outer] .u0 h1{font-size:30px}:root[data-outer] .u2{font-size:15px;margin:8px 0 14px}:root[data-outer] .da{grid-template-columns:1fr;gap:12px}:root[data-outer] .da li{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:14px}:root[data-outer] .jt{grid-row:span 2;width:40px;height:40px;font-size:22px;margin:0}:root[data-outer] .da h3{font-size:18px}:root[data-outer] .da li>.ds{grid-column:1/-1;margin-bottom:12px}:root[data-outer] .da li:has(>.ds)>:is(h3,p){grid-column:1/-1}.r .d4{padding:7px 12px;font-size:10px}.x{padding:10px 12px 0;gap:10px}.x .u{width:44px;height:44px;border-radius:8px}.x b{font-size:18px}.b{padding:8px 12px 0}.b strong{font-size:32px}.b span{font-size:16px}.dy{padding:2px 12px 0;font-size:14px}.z{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 12px 0}.z div{display:block;padding:6px 6px 6px 0;border-bottom:0}.z div+div{padding-left:8px;border-left:1px solid var(--ot-rule)}.z dt{font-size:9px}.z dd{text-align:left;font-size:14px;overflow-wrap:break-word;hyphens:auto}.dl{padding:10px 12px 12px;gap:8px}.dl .d,.c .d{min-height:46px;font-size:14px}.n{font-size:13px}.r,.q{box-shadow:var(--ot-drop-4)}.g{padding:10px 12px 0;gap:8px}.g .u{width:44px;height:44px}.g b{font-size:17px}.dn{padding:6px 12px 0;gap:6px}.o strong{font-size:32px}.o span{font-size:15px}.dm{font-size:14px}.d2 dt{font-size:9px}.d2 dd{font-size:14px;margin-top:3px}.d2 div{padding-top:6px}.d2 div+div{padding-left:8px}.c{padding:10px 12px 12px;gap:8px}.uo{gap:14px}}:root[data-outer] .de [data-box]{width:100%;min-height:52px;clip-path:none;border-radius:0;--ot-button-fill:var(--color-primary);color:var(--ot-ink);border:var(--ot-border-2);box-shadow:var(--ot-drop-4);filter:none;transform:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}:root[data-outer] .de [data-box]::before{display:none}:root[data-outer] .de [data-box]::after{inset:0;clip-path:none;border-radius:0}:root[data-outer] .de [data-box]:hover{--ot-button-fill:var(--color-secondary);color:var(--ot-paper);transform:translate(-2px,-2px);box-shadow:var(--ot-drop-6)}:root[data-outer] .de [data-box]:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ot-ink)}:root[data-outer] .de [data-box]:focus,:root[data-outer] .de [data-box]:focus-visible{outline:none}:root[data-outer] .de [data-box]:focus-visible{box-shadow:var(--ot-drop-4),0 0 0 3px var(--ot-paper),0 0 0 5px var(--color-secondary)}@media(max-width:700px){:root[data-outer] .dv{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}:root[data-outer] .t{width:100%;border-bottom:1px solid var(--ot-paper);@supports(color:color-mix(in lab,red,red)){border-bottom: 1px solid color-mix(in srgb,var(--ot-paper) 22%,transparent);}}:root[data-outer] .t summary{justify-content:space-between;padding:14px 0;font-size:17px}:root[data-outer] .t[open] summary::after{background:var(--ot-paper)}}@media(max-width:700px){:root[data-outer] .a{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-outer] .a>div{min-width:0}:root[data-outer] .a div{padding:12px;border-left:0;border-top:0;border-bottom:var(--ot-border-2)}:root[data-outer] .a div:nth-child(odd){border-right:var(--ot-border-2)}:root[data-outer] .a b{font-size:24px;overflow-wrap:anywhere;hyphens:auto}:root[data-outer] .a span{overflow-wrap:anywhere}:root[data-outer] .a span{font-size:12px}:root[data-outer] .j .df .i{flex-direction:row;align-items:center;gap:10px}:root[data-outer] .j .df .u{width:48px;height:48px}:root[data-outer] .j .f{padding:12px 14px;gap:10px}:root[data-outer] .j .f h3{font-size:18px;line-height:1.2;overflow-wrap:normal;hyphens:manual}:root[data-outer] .j .p b{font-size:34px}:root[data-outer] .j dd{font-size:14px;overflow-wrap:break-word;hyphens:auto}:root[data-outer] .j .db .d{min-height:46px}}@media(max-width:700px){:root[data-outer] .ut{grid-template-columns:minmax(0,1fr)}:root[data-outer] .j,:root[data-outer] .j .f,:root[data-outer] .j .f>div{min-width:0}:root[data-outer] .j .f h3{overflow-wrap:break-word}}@layer components{.du{row-gap:12px}.du div:nth-child(3n+1){padding-left:0;border-left:0}}@media(max-width:700px){.dj{row-gap:4px}.dj div:nth-child(3n+1){padding-left:0;border-left:0}}@layer base{:root[data-type=soft]{--ot-line-soft:var(--ot-ink);@supports(color:color-mix(in lab,red,red)){--ot-line-soft: color-mix(in srgb,var(--ot-ink) 10%,transparent);}--ot-lift:var(--color-secondary);@supports(color:color-mix(in lab,red,red)){--ot-lift: color-mix(in srgb,var(--color-secondary) 16%,transparent);}--ot-border-2:1px solid var(--ot-line-soft);--ot-border-3:1px solid var(--ot-line-soft);--ot-border-5:0 solid transparent;--ot-drop-3:0 4px 12px var(--ot-lift);--ot-drop-4:0 8px 22px var(--ot-lift);--ot-drop-5:0 10px 26px var(--ot-lift);--ot-drop-6:0 12px 30px var(--ot-lift);--ot-drop-7:0 14px 34px var(--ot-lift);--ot-drop-8:0 16px 40px var(--ot-lift);--ot-card-radius:20px;--button-radius:999px;--button-clip:none;--button-cut:0px;--button-transform:none;--button-tracking:.01em;--button-shadow:0 8px 20px var(--color-primary);@supports(color:color-mix(in lab,red,red)){--button-shadow: 0 8px 20px color-mix(in srgb,var(--color-primary) 45%,transparent);}}}:root[data-type=soft]{ :is(.d5, .j, .uy, .u4 > div, .dg, .dg > div, .dr, .da li, .a, .ky, .kh, .ui div, .uz div, .ur, .dp, .u7 details, .d7, .q, .r, .n, .e, .de, .ks) { border-radius: var(--ot-card-radius); overflow: clip; } :is(.d5, .j, .uy, .dr, .q, .r, .e) { background: var(--ot-paper); transition: transform .2s ease, box-shadow .2s ease; } :is(.d5, .j, .uy, .dr, .q, .r, .e):hover { transform: translateY(-3px); box-shadow: 0 18px 40px var(--ot-lift); } .u { border-radius: 16px; } :is(.da li, .e) { border-top-width: 0; } .ds { border-radius: 14px; overflow: clip; } .d8 { background: radial-gradient(120% 140% at 0% 0%, var(--color-primary) 0%, transparent 60%), linear-gradient(135deg, var(--color-primary), var(--color-accent)); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--color-primary) 55%, var(--ot-paper)) 0%, transparent 60%), linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 28%, var(--ot-paper)), color-mix(in srgb, var(--color-accent) 12%, var(--ot-paper))); } } .u3 { background: linear-gradient(180deg, var(--color-secondary), var(--ot-paper)); @supports (color: color-mix(in lab, red, red)) { background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 8%, var(--ot-paper)), var(--ot-paper)); } } :is(h1, h2, h3) { text-transform: none; letter-spacing: -.01em; } h1 { line-height: 1.04; } .do { border-radius: 28px; box-shadow: 0 22px 50px var(--ot-lift); } .kt span { border-radius: 999px; } .ks { border-radius: 999px; } .v h2::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 12px; border-radius: 4px; background: linear-gradient(90deg, var(--color-primary), var(--color-accent)); } .dd { background: linear-gradient(90deg, var(--color-secondary), var(--color-secondary)); @supports (color: color-mix(in lab, red, red)) { background: linear-gradient(90deg, var(--color-secondary), color-mix(in srgb, var(--color-secondary) 70%, var(--color-accent))); } box-shadow: 0 6px 24px var(--ot-lift); } .d::before { background: transparent; } .d::after { inset: 0; } .d[data-tier="true"] { --ot-button-fill: linear-gradient(110deg, var(--color-primary) 0%, var(--color-primary) 100%); @supports (color: color-mix(in lab, red, red)) { --ot-button-fill: linear-gradient(110deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 70%, var(--color-accent)) 100%); } color: var(--color-on-surface); overflow: hidden; } .d[data-tier="true"]::after { background: var(--ot-button-fill); } .d[data-tier="true"]::after { z-index: -2; } .d[data-tier="true"]::before { z-index: -1; background: linear-gradient(100deg, transparent 30%, color-mix(in srgb, white 55%, transparent) 50%, transparent 70%); background-size: 250% 100%; background-position: 120% 0; animation: ot-soft-shine 3.2s ease-in-out infinite; } .d:not([data-tier="true"])::after { background: var(--ot-paper); box-shadow: inset 0 0 0 1.5px var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--color-secondary) 40%, transparent); } border-radius: var(--button-radius); } .d:hover { transform: translateY(-2px); box-shadow: 0 12px 26px var(--color-primary); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 12px 26px color-mix(in srgb, var(--color-primary) 55%, transparent); } } .d:not([data-tier="true"]):hover { box-shadow: 0 10px 22px var(--ot-lift); } .d:active { transform: translateY(0); } .p { clip-path: none; border-radius: 16px; padding-left: 18px; } .p i { display: none; }}@keyframes ot-soft-shine{0%,55%{background-position:120% 0}100%{background-position:-20% 0}}@media(prefers-reduced-motion:reduce){:root[data-type=soft] .d[data-tier=true]::before{animation:none}:root[data-type=soft] :is(.d,.d5,.j,.uy,.dr,.q,.r,.e){transition:none}}:root[data-type=soft]{.p{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:.18em}.p span{font-family:var(--font-heading);font-size:26px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none}.s > .p span{font-size:32px}.d7 .p span{font-size:36px} :is(.o, .b, .k7) span { font-family: var(--font-heading); font-size: 32px; font-weight: 800; color: var(--ot-kind, var(--color-accent)); text-transform: none; } .j .f { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 18px; padding: 18px 22px; } .j .f h3 { font-size: 20px; line-height: 1.2; } .j .f p { display: inline-block; margin-top: 6px; padding: 3px 10px; border-radius: 999px; background: var(--ot-paper); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--ot-paper) 22%, transparent); } font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .d4 span + span { font-weight: 600; text-transform: none; letter-spacing: 0; opacity: .9; } .dg { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; border: 0; background: transparent; } .dg > div, .dg > div:first-child { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 20px; border: var(--ot-border-2); background: var(--ot-paper); box-shadow: var(--ot-drop-4); position: relative; margin: 0; } .dg > div b { color: var(--ot-kind, var(--color-accent)); } .dg > div p { flex: 1 0 auto; } .dg > div .d { align-self: stretch; margin-top: 6px; } .j0 { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ot-kind, var(--color-accent)); color: var(--ot-paper); font: 800 16px/1 var(--font-heading); } :is(.ut, .uf) { grid-template-columns: repeat(auto-fit, minmax(300px, 400px)); justify-content: center; } :is(.u4, .da, .uz, .ui, .kl, .kg) { justify-content: center; } .ke > * > :is(.u5, .dw) { justify-content: center; text-align: center; } .u5 { border-left: 0; padding-left: 0; } .u5::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--ot-kind, var(--color-accent)); } :is(.dx, .dx p, .dx ul, .dx ol) { max-width: none; } :is(.y, .uu::before) { width: 9px; height: 9px; border: 0; border-radius: 50%; transform: none; align-self: center; vertical-align: middle; } .t summary::after { width: 7px; height: 7px; background: transparent; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; } .t[open] summary::after { background: transparent; transform: translateY(2px) rotate(-135deg); } .de [data-box] { border: 0; border-radius: 999px; box-shadow: var(--button-shadow); --ot-button-fill: linear-gradient(110deg, var(--color-primary), var(--color-primary)); @supports (color: color-mix(in lab, red, red)) { --ot-button-fill: linear-gradient(110deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 70%, var(--color-accent))); } color: var(--color-on-surface); } .de [data-box]::after { inset: 0; border-radius: 999px; background: var(--ot-button-fill); box-shadow: none; } .de [data-box]:hover { --ot-button-fill: var(--color-secondary); color: var(--ot-paper); transform: translateY(-2px); box-shadow: 0 12px 26px var(--ot-lift); } .de [data-box]:active { transform: translateY(0); box-shadow: var(--button-shadow); }}@media(max-width:700px){:root[data-type=soft]{.p span{font-size:20px} :is(.o, .b, .k7) span { font-size: 24px; } :is(.ut, .uf) { grid-template-columns: 1fr; }}}@layer base{:root[data-mode=marquee]{--ot-bulb:#FFD24A;--ot-bulb-core:#FFF7D1;--ot-bulb-glow:color-mix(in srgb, #FFC400 60%, transparent);--ot-bulb-step:20px;--ot-bulb-dot:radial-gradient(circle, var(--ot-bulb-core) 0 1.6px, var(--ot-bulb) 2.2px 3.6px, var(--ot-bulb-glow) 4.2px, transparent 6.8px);--ot-marquee-frame:var(--color-secondary);--ot-gold:linear-gradient(135deg, #8A5A00 0%, #F7D774 28%, #FFF1B8 45%, #D9A521 62%, #8A5A00 100%)}}:root[data-mode=marquee]{.s{padding:24px;border-radius:24px;background:radial-gradient(120% 90% at 50% 0%,var(--color-accent) 0%,var(--ot-marquee-frame) 70%);@supports(color:color-mix(in lab,red,red)){background: radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--color-accent) 22%,var(--ot-marquee-frame)) 0%,var(--ot-marquee-frame) 70%);}box-shadow:0 0 0 3px #D9A521,0 0 0 6px var(--ot-marquee-frame),0 18px 40px var(--ot-marquee-frame);@supports(color:color-mix(in lab,red,red)){box-shadow: 0 0 0 3px #D9A521,0 0 0 6px var(--ot-marquee-frame),0 18px 40px color-mix(in srgb,var(--ot-marquee-frame) 35%,transparent);}isolation:isolate}.s::before, .s::after{content:"";position:absolute;inset:6px;border-radius:18px;pointer-events:none;z-index:1;background:var(--ot-bulb-dot)0 0/var(--ot-bulb-step)13px repeat-x,var(--ot-bulb-dot)0 100%/var(--ot-bulb-step)13px repeat-x,var(--ot-bulb-dot)0 0/13px var(--ot-bulb-step)repeat-y,var(--ot-bulb-dot)100% 0/13px var(--ot-bulb-step)repeat-y}.s::after{background-position:calc(var(--ot-bulb-step)/2)0,calc(var(--ot-bulb-step)/2)100%,0 calc(var(--ot-bulb-step)/2),100% calc(var(--ot-bulb-step)/2);animation:ot-marquee-chase 1.4s steps(1,end)infinite}.s::before{animation:ot-marquee-chase 1.4s steps(1,end)infinite reverse}.s :is(.do, img){border-radius:14px;position:relative}.s>.p{z-index:2}.dd{box-shadow:0 3px #D9A521}.dh{max-width:280px;max-height:56px} :is(.q, .r, .e) { position: relative; background: var(--ot-paper); } .c { position: relative; background: radial-gradient(130% 120% at 50% 0%, var(--color-accent) 0%, var(--ot-marquee-frame) 72%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(130% 120% at 50% 0%, color-mix(in srgb, var(--color-accent) 26%, var(--ot-marquee-frame)) 0%, var(--ot-marquee-frame) 72%); } border-left: 3px solid #D9A521; isolation: isolate; } .c { padding-block: 28px; } .c .n { color: var(--ot-bulb-core); } .g .u, .x .u { box-shadow: 0 0 0 3px #D9A521, 0 0 0 5px var(--ot-marquee-frame), 0 0 16px var(--ot-bulb-glow); } .ut:has(> :only-child) { grid-template-columns: minmax(0, 620px); justify-content: center; } .j { position: relative; background: var(--ot-paper); box-shadow: var(--ot-drop-6), 0 0 0 4px #D9A521; } .j .f { background: linear-gradient(180deg, color-mix(in srgb, white 20%, transparent), transparent 60%), var(--ot-kind, var(--kind-welcome)); box-shadow: inset 0 -3px 0 #D9A521; } .j .df .u { box-shadow: 0 0 0 3px #D9A521, 0 0 0 5px var(--ot-marquee-frame), 0 0 16px var(--ot-bulb-glow); } .j .db { position: relative; padding-block: 26px; background: radial-gradient(130% 120% at 50% 0%, var(--color-accent) 0%, var(--ot-marquee-frame) 72%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(130% 120% at 50% 0%, color-mix(in srgb, var(--color-accent) 26%, var(--ot-marquee-frame)) 0%, var(--ot-marquee-frame) 72%); } border-top: 3px solid #D9A521; isolation: isolate; } .d4 { background: linear-gradient(180deg, color-mix(in srgb, white 18%, transparent), transparent 55%), var(--ot-kind); box-shadow: inset 0 -3px 0 #D9A521; } .e { box-shadow: var(--ot-drop-4), inset 0 4px 0 #D9A521; } .t summary { min-height: 44px; padding-inline: 6px; } .t summary::after { width: 12px; height: 12px; transform: none; background: linear-gradient(var(--color-primary), var(--color-primary)) center / 12px 2px no-repeat, linear-gradient(var(--color-primary), var(--color-primary)) center / 2px 12px no-repeat; transition: background-size .2s ease; } .t[open] summary::after { background: linear-gradient(var(--color-primary), var(--color-primary)) center / 12px 2px no-repeat, linear-gradient(var(--color-primary), var(--color-primary)) center / 2px 0 no-repeat; } .t summary:hover, .t summary:focus-visible { color: var(--color-primary); } .d8 .d[data-tier="true"] { --ot-button-fill: var(--color-secondary); color: var(--color-primary); } .d8 .d[data-tier="true"]:hover { color: var(--ot-paper); } .a b { font-size: 28px; line-height: 1.15; overflow-wrap: anywhere; } .j7 { font-size: 14px; line-height: 1.45; } :is(.o, .b) span { color: var(--ot-kind); font-family: var(--font-heading); font-size: 26px; font-weight: 700; line-height: 1.1; } .j .f span { font-size: 16px; } .d3 span { color: var(--color-primary); font-weight: 700; }}@media(max-width:700px){:root[data-mode=marquee] .dh{max-width:100%;max-height:34px}:root[data-mode=marquee] .dd .d{min-width:max-content;--button-pad-x:12px;--button-font-size:13px}:root[data-mode=marquee] .s{width:100%;max-width:none;padding:16px}:root[data-mode=marquee] .s :is(.do,img){width:100%;height:auto}:root[data-mode=marquee] :is(.o,.b) span{font-size:20px}:root[data-mode=marquee] .s>.p{min-width:170px;right:-8px;bottom:-14px}:root[data-mode=marquee] .s>.p b{font-size:30px}:root[data-mode=marquee] .d3{padding-block:6px}:root[data-mode=marquee] .d3 .u{width:40px;height:40px}:root[data-mode=marquee] .d3 .kf{display:none}:root[data-mode=marquee] .d3 b{font-size:17px}:root[data-mode=marquee] .d3 .k{flex-wrap:nowrap}:root[data-mode=marquee] .d3 .d{--button-pad-y:9px;--button-pad-x:14px;--button-font-size:14px;flex:none}:root[data-mode=marquee] .a:has(>div:only-child){grid-template-columns:minmax(0,1fr)}}@keyframes ot-marquee-chase{0%{opacity:1}50%{opacity:.2}}@keyframes ot-marquee-blink{0%,100%{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){:root[data-mode=marquee] :is(.s::before,.s::after){animation:none}}@layer components{.uv{display:flex;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%;margin-inline:auto;border:var(--ot-border-3);background:var(--ot-paper)}.uv>.a{display:flex;flex-wrap:wrap;flex:auto;border:0}.uv>.a>div{flex:1 1 200px;min-width:0}.uv>.km{display:flex;align-items:center;padding:16px 24px}.kw tbody th[scope=row] a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--ot-ink);text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:3px;text-underline-offset:5px}.kw tbody th[scope=row] a:hover{color:var(--color-accent)}.kw tbody th[scope=row] a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.kw .dk .d{text-decoration:none}.kw tbody tr{transition:background-color .15s ease}.kw tbody tr:hover{background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 12%,var(--ot-paper));}}}@layer components{.r>.m{margin:0;padding:0 18px 4px}.dp[data-anim] a{display:block;padding-left:10px;border-left:3px solid transparent;line-height:1.45;margin-block:6px;transition:color .15s ease,border-color .15s ease}.dp[data-anim] ul{list-style:none;padding-left:0}.dp[data-anim] a[aria-current=true]{color:var(--color-accent);font-weight:800;border-left-color:var(--color-primary)}}@media(max-width:700px){.uv{grid-template-columns:minmax(0,1fr)}.uv{width:100%}.uv>.km{flex:1 1 100%;padding:0 16px 16px}.uv>.km .d{width:100%}}@layer base{:root[data-mode=lights]{--ot-lamp-frame:var(--color-primary);@supports(color:color-mix(in lab,red,red)){--ot-lamp-frame: color-mix(in srgb,var(--color-primary) 14%,#fff);}--ot-lamp-rim:var(--color-secondary);--ot-lamp-gold-deep:var(--color-primary);@supports(color:color-mix(in lab,red,red)){--ot-lamp-gold-deep: color-mix(in srgb,var(--color-primary) 42%,black);}--ot-lamp-gold-text:var(--color-accent);@supports(color:color-mix(in lab,red,red)){--ot-lamp-gold-text: color-mix(in srgb,color-mix(in srgb,var(--color-accent) 45%,blue) 82%,black);}--ot-lamp-gold-bright:var(--color-primary);@supports(color:color-mix(in lab,red,red)){--ot-lamp-gold-bright: color-mix(in srgb,var(--color-primary) 72%,#fff);}--ot-lamp-gold-glint:var(--color-primary);@supports(color:color-mix(in lab,red,red)){--ot-lamp-gold-glint: color-mix(in srgb,var(--color-primary) 82%,black);}--ot-lamp-coin:radial-gradient(circle at 34% 30%, #fff 0 9%, var(--color-primary) 20% 52%, var(--ot-lamp-gold-glint) 56% 64%, var(--color-primary) 68% 84%, var(--ot-lamp-gold-deep) 88% 100%);--ot-lamp-shimmer:linear-gradient(100deg, var(--ot-lamp-gold-text) 0%, var(--ot-lamp-gold-text) 38%, var(--ot-lamp-gold-glint) 45%, var(--color-primary) 50%, var(--ot-lamp-gold-glint) 55%, var(--ot-lamp-gold-text) 62%, var(--ot-lamp-gold-text) 100%)}}:root[data-mode=lights]{.dd{box-shadow:inset 0 -3px 0 var(--color-primary)}.dh{max-width:280px;max-height:56px}.y, .t summary::after, .uu::before{width:14px;height:14px;border:0;border-radius:50%;background:var(--ot-lamp-coin);box-shadow:inset 0 0 0 1px var(--ot-lamp-gold-deep);transform:none;animation:ot-lights-coin 4.8s ease-in-out infinite}.t[open] summary::after{background:var(--ot-lamp-coin)} :is(.e, .dr, li, .r, .j):nth-child(2) .y, .t:nth-child(2) summary::after { animation-delay: .6s; } :is(.e, .dr, li, .r, .j):nth-child(3) .y, .t:nth-child(3) summary::after { animation-delay: 1.2s; } :is(.e, .dr, li, .r, .j):nth-child(4) .y { animation-delay: 1.8s; } :is(.e, .dr, li, .r, .j):nth-child(5) .y { animation-delay: 2.4s; } :is(.e, .dr, li, .r, .j):nth-child(6) .y { animation-delay: 3s; } :is(.e, .dr, li, .r, .j):nth-child(7) .y { animation-delay: 3.6s; } :is(.e, .dr, li, .r, .j):nth-child(8) .y { animation-delay: 4.2s; } .s { padding: 22px; border: 2px solid var(--ot-lamp-rim); border-radius: 22px; background: linear-gradient(160deg, #fff 0%, var(--ot-lamp-frame) 100%); box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--color-primary), 0 20px 44px var(--ot-lamp-rim); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--color-primary), 0 20px 44px color-mix(in srgb, var(--ot-lamp-rim) 18%, transparent); } } .s :is(.do, img) { border-radius: 12px; box-shadow: 0 0 0 2px var(--ot-lamp-rim); } .s>.p { z-index: 2; } :is(.s, .q, .r, .j, .dg > div)::before { content: ""; position: absolute; z-index: 3; top: -11px; left: -11px; width: 22px; height: 22px; border-radius: 50%; background: var(--ot-lamp-coin); box-shadow: inset 0 0 0 1.5px var(--ot-lamp-gold-deep), 0 2px 4px var(--ot-lamp-rim); @supports (color: color-mix(in lab, red, red)) { box-shadow: inset 0 0 0 1.5px var(--ot-lamp-gold-deep), 0 2px 4px color-mix(in srgb, var(--ot-lamp-rim) 30%, transparent); } pointer-events: none; animation: ot-lights-coin 4.8s ease-in-out infinite; } .s::after { content: ""; position: absolute; z-index: 3; top: -11px; right: -11px; width: 22px; height: 22px; border-radius: 50%; background: var(--ot-lamp-coin); box-shadow: inset 0 0 0 1.5px var(--ot-lamp-gold-deep); pointer-events: none; animation: ot-lights-coin 4.8s ease-in-out 2.4s infinite; } :is(.q, .r, .j, .dg > div):nth-child(2)::before { animation-delay: .6s; } :is(.q, .r, .j, .dg > div):nth-child(3)::before { animation-delay: 1.2s; } :is(.q, .r, .j, .dg > div):nth-child(4)::before { animation-delay: 1.8s; } :is(.q, .r, .j, .dg > div):nth-child(5)::before { animation-delay: 2.4s; } :is(.q, .r, .j, .dg > div):nth-child(6)::before { animation-delay: 3s; } :is(.q, .r, .j, .dg > div):nth-child(7)::before { animation-delay: 3.6s; } :is(.q, .r, .j, .dg > div):nth-child(n+8)::before { animation-delay: 4.2s; } :is(.q, .r, .j) { position: relative; border: 2px solid var(--ot-lamp-rim); box-shadow: 0 0 0 4px var(--ot-lamp-frame), 0 0 0 6px var(--color-primary), 0 18px 30px var(--ot-lamp-rim); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 4px var(--ot-lamp-frame), 0 0 0 6px var(--color-primary), 0 18px 30px color-mix(in srgb, var(--ot-lamp-rim) 14%, transparent); } } .q { background: linear-gradient(90deg, var(--color-primary) 0%, var(--ot-paper) 34%); @supports (color: color-mix(in lab, red, red)) { background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 10%, var(--ot-paper)) 0%, var(--ot-paper) 34%); } } .uo { gap: 28px; } .ut { gap: 24px; } .ut:has(> :only-child) { grid-template-columns: minmax(0, 620px); justify-content: center; } .g { gap: 12px; align-items: center; justify-content: center; text-align: center; } .g .u { width: 128px; height: 128px; } .g b { font-size: 25px; } .d1 { position: absolute; z-index: 2; top: 14px; right: 14px; } .c { padding-top: 52px; } :is(.g, .x, .df) .u { border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--color-primary), 0 0 0 7px var(--ot-lamp-rim); } :is(.o, .b), :is(.o, .b) :is(strong, span) { color: var(--color-accent); } :is(.o, .b) span { font-family: var(--font-heading); font-size: 26px; font-weight: 700; } :is(.dm, .dy, .j .f h3, .d7 h3, .dg > div p) { color: var(--ot-lamp-gold-text); background: var(--ot-lamp-shimmer); background-size: 260% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: ot-lights-shimmer 5.5s ease-in-out infinite; } .dm { font-size: 21px; font-weight: 800; } .d2, .du { gap: 14px 18px; padding-top: 14px; border-top: 2px solid var(--ot-rule); } .d2 div, .d2 div + div { padding: 0; border-left: 0; border-top: 0; } :is(.d2, .z, .j dl) dd { overflow-wrap: normal; hyphens: manual; } .j .f { background: linear-gradient(180deg, var(--color-primary), var(--ot-paper)); @supports (color: color-mix(in lab, red, red)) { background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 16%, var(--ot-paper)), var(--ot-paper)); } color: var(--ot-ink); border-bottom: 2px solid var(--ot-rule); } .j .f .p { background: none; clip-path: none; padding: 0; color: var(--color-accent); } .j .f .p i { display: none; } .j .f .p span { font-family: var(--font-heading); font-size: 15px; color: var(--color-accent); } .j .f p { color: var(--ot-muted); } :is(.c, .j .db, .r .dl) { background-color: var(--ot-lamp-frame); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--ot-lamp-frame) 60%, var(--ot-paper)); } } .c { border-left: 2px dashed var(--ot-lamp-rim); } .j .db { border-top: 2px dashed var(--ot-lamp-rim); } :is(.c, .db) .d[data-tier="true"] { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--color-primary), 0 8px 18px var(--color-accent); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--color-primary), 0 8px 18px color-mix(in srgb, var(--color-accent) 30%, transparent); } } .e { box-shadow: var(--ot-drop-4), inset 0 5px 0 var(--color-primary); } .dg { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 26px; border: 0; background: transparent; } .dg > div, .dg > div:first-child { display: flex; flex-direction: column; gap: 8px; padding: 24px 22px 20px; border: 2px solid var(--ot-lamp-rim); background: var(--ot-paper); box-shadow: 0 0 0 4px var(--ot-lamp-frame), 0 0 0 6px var(--color-primary); position: relative; margin: 0; } .dg > div b { color: var(--color-accent); font-size: 36px; } .dg > div p { flex: 1 0 auto; font-size: 16px; font-weight: 700; } .dg > div .d { align-self: flex-start; margin-top: 8px; } .j0 { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--color-secondary); color: var(--ot-paper); font: 800 16px/1 var(--font-heading); } .dq { grid-template-columns: minmax(0, 1fr) 280px; } .dq > .dp { order: 2; } .dp { border: 0; border-left: 4px solid var(--color-primary); border-radius: 0 16px 16px 0; background: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-primary) 10%, var(--ot-paper)); } box-shadow: 0 10px 24px var(--ot-lamp-rim); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 10px 24px color-mix(in srgb, var(--ot-lamp-rim) 10%, transparent); } } .dp[data-anim] a[aria-current="true"] { color: var(--color-accent); font-weight: 800; }}@media(max-width:900px){:root[data-mode=lights] .g{padding-right:150px;text-align:left}:root[data-mode=lights] .g .u{width:72px;height:72px}:root[data-mode=lights] .g b{font-size:22px}:root[data-mode=lights] :is(.o,.b){justify-content:center}:root[data-mode=lights] :is(.dm,.dy){text-align:center}:root[data-mode=lights] .c{padding-top:14px;border-left:0;border-top:2px dashed var(--ot-lamp-rim)}}@media(max-width:700px){:root[data-mode=lights] .dh{max-width:100%;max-height:40px}:root[data-mode=lights] .s{padding:12px;width:100%;max-width:none;justify-self:stretch}:root[data-mode=lights] .s :is(.do,img){width:100%;height:auto}:root[data-mode=lights] .e{padding-top:22px}:root[data-mode=lights] .d7:has(>.p[data-width=long]){grid-template-columns:minmax(0,1fr)}:root[data-mode=lights] .g{flex-wrap:nowrap;align-items:center;gap:14px;padding-right:120px}:root[data-mode=lights] .g b{min-width:0}:root[data-mode=lights] :is(.x,.df .i){flex-wrap:nowrap;align-items:center;gap:14px}:root[data-mode=lights] :is(.x,.df) .u{width:72px;height:72px;flex:none}:root[data-mode=lights] .g .u{width:76px;height:76px;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary)}:root[data-mode=lights] .g b{font-size:20px}:root[data-mode=lights] .d1{top:12px;right:12px;max-width:110px;text-align:center;line-height:1.25}:root[data-mode=lights] :is(.o,.b) span{font-size:19px}:root[data-mode=lights] .dm{font-size:18px}:root[data-mode=lights] :is(.d2,.du){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}:root[data-mode=lights] :is(.d2,.du){row-gap:12px}:root[data-mode=lights] .dg>div .d{align-self:stretch}:root[data-mode=lights] :is(.q,.r,.j,.dg>div,.s)::before,:root[data-mode=lights] .s::after{width:18px;height:18px;top:-9px}:root[data-mode=lights] :is(.q,.r,.j,.dg>div,.s)::before{left:-9px}:root[data-mode=lights] .s::after{right:-9px}:root[data-mode=lights] .dq{grid-template-columns:minmax(0,1fr)}:root[data-mode=lights] .dq>.dp{order:0}:root[data-mode=lights] .a:has(>div:only-child){grid-template-columns:minmax(0,1fr)}}@keyframes ot-lights-coin{0%,18%,100%{transform:rotateY(0)}9%{transform:rotateY(180deg)}}@keyframes ot-lights-shimmer{0%,30%{background-position:100% 0}70%,100%{background-position:0 0}}@media(prefers-reduced-motion:reduce){:root[data-mode=lights] :is(.y,.t summary::after,.uu::before,.s::before,.s::after,.q::before,.r::before,.j::before,.dg>div::before,.dm,.dy,.j .f h3,.d7 h3,.dg>div p){animation:none}}@layer base{:root[data-mode=festoon]{--ot-fest-a:var(--color-accent);--ot-fest-b:var(--color-primary);--ot-fest-c:#FFC93C;--ot-fest-wire:var(--color-secondary);@supports(color:color-mix(in lab,red,red)){--ot-fest-wire: color-mix(in srgb,var(--color-secondary) 55%,transparent);}--ot-fest-grid:radial-gradient(circle at 10px 10px, #FFFFFF 0 1.4px, var(--ot-fest-a) 2px 4.2px, var(--ot-fest-a) 4.8px, transparent 8px), radial-gradient(circle at 30px 10px, #FFFFFF 0 1.4px, var(--ot-fest-b) 2px 4.2px, var(--ot-fest-b) 4.8px, transparent 8px), radial-gradient(circle at 50px 10px, #FFFFFF 0 1.4px, var(--ot-fest-c) 2px 4.2px, var(--ot-fest-c) 4.8px, transparent 8px), radial-gradient(circle at 10px 30px, #FFFFFF 0 1.4px, var(--ot-fest-b) 2px 4.2px, var(--ot-fest-b) 4.8px, transparent 8px), radial-gradient(circle at 30px 30px, #FFFFFF 0 1.4px, var(--ot-fest-c) 2px 4.2px, var(--ot-fest-c) 4.8px, transparent 8px), radial-gradient(circle at 50px 30px, #FFFFFF 0 1.4px, var(--ot-fest-a) 2px 4.2px, var(--ot-fest-a) 4.8px, transparent 8px), radial-gradient(circle at 10px 50px, #FFFFFF 0 1.4px, var(--ot-fest-c) 2px 4.2px, var(--ot-fest-c) 4.8px, transparent 8px), radial-gradient(circle at 30px 50px, #FFFFFF 0 1.4px, var(--ot-fest-a) 2px 4.2px, var(--ot-fest-a) 4.8px, transparent 8px), radial-gradient(circle at 50px 50px, #FFFFFF 0 1.4px, var(--ot-fest-b) 2px 4.2px, var(--ot-fest-b) 4.8px, transparent 8px);@supports(color:color-mix(in lab,red,red)){--ot-fest-grid: radial-gradient(circle at 10px 10px,#FFFFFF 0 1.4px,var(--ot-fest-a) 2px 4.2px,color-mix(in srgb,var(--ot-fest-a) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 30px 10px,#FFFFFF 0 1.4px,var(--ot-fest-b) 2px 4.2px,color-mix(in srgb,var(--ot-fest-b) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 50px 10px,#FFFFFF 0 1.4px,var(--ot-fest-c) 2px 4.2px,color-mix(in srgb,var(--ot-fest-c) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 10px 30px,#FFFFFF 0 1.4px,var(--ot-fest-b) 2px 4.2px,color-mix(in srgb,var(--ot-fest-b) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 30px 30px,#FFFFFF 0 1.4px,var(--ot-fest-c) 2px 4.2px,color-mix(in srgb,var(--ot-fest-c) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 50px 30px,#FFFFFF 0 1.4px,var(--ot-fest-a) 2px 4.2px,color-mix(in srgb,var(--ot-fest-a) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 10px 50px,#FFFFFF 0 1.4px,var(--ot-fest-c) 2px 4.2px,color-mix(in srgb,var(--ot-fest-c) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 30px 50px,#FFFFFF 0 1.4px,var(--ot-fest-a) 2px 4.2px,color-mix(in srgb,var(--ot-fest-a) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 50px 50px,#FFFFFF 0 1.4px,var(--ot-fest-b) 2px 4.2px,color-mix(in srgb,var(--ot-fest-b) 55%,transparent) 4.8px,transparent 8px);}--ot-fest-row:radial-gradient(circle at 10px 10px, #FFFFFF 0 1.4px, var(--ot-fest-a) 2px 4.2px, var(--ot-fest-a) 4.8px, transparent 8px), radial-gradient(circle at 30px 10px, #FFFFFF 0 1.4px, var(--ot-fest-b) 2px 4.2px, var(--ot-fest-b) 4.8px, transparent 8px), radial-gradient(circle at 50px 10px, #FFFFFF 0 1.4px, var(--ot-fest-c) 2px 4.2px, var(--ot-fest-c) 4.8px, transparent 8px);@supports(color:color-mix(in lab,red,red)){--ot-fest-row: radial-gradient(circle at 10px 10px,#FFFFFF 0 1.4px,var(--ot-fest-a) 2px 4.2px,color-mix(in srgb,var(--ot-fest-a) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 30px 10px,#FFFFFF 0 1.4px,var(--ot-fest-b) 2px 4.2px,color-mix(in srgb,var(--ot-fest-b) 55%,transparent) 4.8px,transparent 8px),radial-gradient(circle at 50px 10px,#FFFFFF 0 1.4px,var(--ot-fest-c) 2px 4.2px,color-mix(in srgb,var(--ot-fest-c) 55%,transparent) 4.8px,transparent 8px);}--ot-fest-neon:linear-gradient(120deg, var(--ot-fest-a), var(--ot-fest-c) 50%, var(--ot-fest-b))}}:root[data-mode=festoon]{.s{padding:26px;border-radius:30px;background:var(--ot-paper);box-shadow:0 0 0 3px var(--color-secondary),0 0 0 7px var(--ot-fest-c),0 0 0 10px var(--color-secondary),0 22px 46px var(--ot-fest-a);@supports(color:color-mix(in lab,red,red)){box-shadow: 0 0 0 3px var(--color-secondary),0 0 0 7px var(--ot-fest-c),0 0 0 10px var(--color-secondary),0 22px 46px color-mix(in srgb,var(--ot-fest-a) 30%,transparent);}isolation:isolate}.s::before, .s::after{content:"";position:absolute;inset:3px;padding:20px;border-radius:26px;pointer-events:none;z-index:1;background-image:var(--ot-fest-grid);background-size:60px 60px;background-repeat:round;mask:linear-gradient(#000 0 0)content-box exclude,linear-gradient(#000 0 0)}.s::after{filter:brightness(1.5)saturate(1.3);animation:ot-festoon-twinkle 1.8s steps(1,end)infinite}.s :is(.do, img){border-radius:12px;position:relative}.s>.p{z-index:2}.dd{box-shadow:0 3px 0 var(--ot-fest-c)}.dd::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:20px;pointer-events:none;background:var(--ot-fest-row),linear-gradient(var(--ot-fest-wire) 0 0)0 6px/100% 1.5px no-repeat;background-size:60px 20px,60px 20px,60px 20px,100% 1.5px;background-repeat:round no-repeat,round no-repeat,round no-repeat,no-repeat;animation:ot-festoon-sway 3.2s ease-in-out infinite} :is(.q, .r, .j) { position: relative; border-radius: 18px; background: radial-gradient(90% 60% at 100% 0%, var(--ot-fest-b), transparent 70%), radial-gradient(70% 50% at 0% 0%, var(--ot-fest-a), transparent 70%), var(--ot-paper); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(90% 60% at 100% 0%, color-mix(in srgb, var(--ot-fest-b) 16%, transparent), transparent 70%), radial-gradient(70% 50% at 0% 0%, color-mix(in srgb, var(--ot-fest-a) 10%, transparent), transparent 70%), var(--ot-paper); } box-shadow: 0 0 0 2px var(--color-secondary), 0 0 0 5px var(--ot-fest-c), 0 12px 28px var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px var(--color-secondary), 0 0 0 5px var(--ot-fest-c), 0 12px 28px color-mix(in srgb, var(--color-secondary) 16%, transparent); } } :is(.q, .r, .j, .e)::before { content: ""; position: absolute; left: 16px; right: 16px; top: -11px; height: 20px; z-index: 1; pointer-events: none; background: var(--ot-fest-row); background-size: 60px 20px; background-repeat: round no-repeat; animation: ot-festoon-sway 3.2s ease-in-out infinite; } :is(.q, .r, .j):nth-child(even)::before { animation-delay: -1.6s; } .c, .j .db { position: relative; padding-block: 26px; background: repeating-linear-gradient(135deg, var(--ot-fest-b) 0 14px, var(--ot-paper) 14px 28px); @supports (color: color-mix(in lab, red, red)) { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ot-fest-b) 22%, var(--ot-paper)) 0 14px, var(--ot-paper) 14px 28px); } isolation: isolate; } .c { border-left: 3px dashed var(--color-secondary); border-radius: 0 16px 16px 0; } .j .db { border-top: 3px dashed var(--color-secondary); border-radius: 0 0 16px 16px; } :is(.c, .db) .d[data-tier="true"] { filter: drop-shadow(0 0 8px var(--ot-fest-a)); @supports (color: color-mix(in lab, red, red)) { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--ot-fest-a) 55%, transparent)); } animation: ot-festoon-pulse 2.4s ease-in-out infinite; } :is(.g, .x, .df) .u { width: 84px; height: 84px; border-radius: 18px; object-fit: cover; box-shadow: 0 0 0 3px var(--ot-paper), 0 0 0 6px var(--ot-fest-c), 0 0 0 8px var(--color-secondary), 0 0 18px var(--ot-fest-c); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 3px var(--ot-paper), 0 0 0 6px var(--ot-fest-c), 0 0 0 8px var(--color-secondary), 0 0 18px color-mix(in srgb, var(--ot-fest-c) 70%, transparent); } } .r>.m { padding-inline: 16px; } .ut:has(> :only-child) { grid-template-columns: minmax(0, 620px); justify-content: center; } .j .f, .d4 { background: radial-gradient(circle at 12% 30%, color-mix(in srgb, white 45%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 78% 22%, color-mix(in srgb, white 40%, transparent) 0 1.6px, transparent 2.6px), radial-gradient(circle at 60% 78%, color-mix(in srgb, white 35%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 32% 70%, color-mix(in srgb, white 30%, transparent) 0 1.4px, transparent 2.4px), linear-gradient(180deg, color-mix(in srgb, white 22%, transparent), transparent 60%), var(--ot-kind, var(--kind-welcome)); box-shadow: inset 0 -4px 0 var(--ot-fest-c); } .j .f { border-radius: 16px 16px 0 0; } :is(.o, .b) :is(strong, span), :is(.dm, .dy) { color: var(--ot-kind, var(--color-accent)); text-shadow: none; } .j .f b { text-shadow: none; } :is(.dm, .dy) { font-family: var(--font-heading); font-weight: 700; font-size: 20px; line-height: 1.2; } .a b { font-size: 24px; line-height: 1.15; overflow-wrap: anywhere; } .a div { min-width: 0; } .de { border-radius: 24px; border: 3px solid var(--color-secondary); box-shadow: 0 0 0 5px var(--ot-fest-c), 0 24px 60px var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 5px var(--ot-fest-c), 0 24px 60px color-mix(in srgb, var(--color-secondary) 35%, transparent); } } .de [data-box] { border: 0; border-radius: 999px; box-shadow: none; transition: background-color .15s ease, color .15s ease; } .de [data-box]::after { border-radius: 999px; } .de [data-box]:hover, .de [data-box]:active { transform: none; box-shadow: none; } .de [data-box]:focus-visible { box-shadow: 0 0 0 3px var(--ot-paper), 0 0 0 5px var(--color-secondary); } .e { position: relative; border-radius: 16px; box-shadow: var(--ot-drop-4), inset 0 5px 0 var(--ot-fest-c); } .v>.k>h2::after { content: ""; display: block; width: 120px; height: 20px; margin-top: 6px; background: var(--ot-fest-row); background-size: 60px 20px; background-repeat: repeat-x; }}:root[data-mode=festoon] .dp[data-anim] a[aria-current=true]{color:var(--color-secondary);font-weight:800;border-left-color:var(--color-accent);background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 18%,transparent);}}@media(min-width:701px){:root[data-mode=festoon] .dq:has(>.dp){grid-template-columns:minmax(0,1fr)280px}:root[data-mode=festoon] .dq>.dp{order:2}}:root[data-mode=festoon] .dp{border-radius:18px;border:2px solid var(--color-secondary);box-shadow:0 0 0 4px var(--ot-fest-c),0 10px 24px var(--color-secondary);@supports(color:color-mix(in lab,red,red)){box-shadow: 0 0 0 4px var(--ot-fest-c),0 10px 24px color-mix(in srgb,var(--color-secondary) 12%,transparent);}background:var(--ot-paper)}@media(max-width:700px){:root[data-mode=festoon] .s{width:100%;max-width:none;padding:16px}:root[data-mode=festoon] .r{display:grid;grid-template-columns:98px minmax(0,1fr);column-gap:0;align-content:start}:root[data-mode=festoon] .r>:not(.x,.b){grid-column:1/-1}:root[data-mode=festoon] .r .x{display:contents}:root[data-mode=festoon] .r .x>:first-child{grid-column:1;grid-row:2/span 2;align-self:center;width:72px;height:72px;margin:10px 0 0 14px}:root[data-mode=festoon] .r .x>div{grid-column:2;grid-row:2;align-self:end;padding:12px 12px 0 0}:root[data-mode=festoon] .r .x b{font-size:15px}:root[data-mode=festoon] .r .b{grid-column:2;grid-row:3;padding:2px 12px 0 0;gap:2px 8px}:root[data-mode=festoon] .r .b strong{font-size:34px}:root[data-mode=festoon] .r .dy{padding:10px 14px 0;font-size:19px;text-align:center}:root[data-mode=festoon] :is(.r,.q) .d4{font-size:9px;padding:6px 12px}:root[data-mode=festoon] .r .z{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 12px 0}:root[data-mode=festoon] .r .z div{padding:5px 6px 5px 0;border-top:1px solid var(--ot-rule)}:root[data-mode=festoon] .r .z div+div{padding-left:0;border-left:0}:root[data-mode=festoon] .r .z div:nth-child(even){padding-left:8px;border-left:1px solid var(--ot-rule)}:root[data-mode=festoon] :is(.r,.q) :is(.z,.d2) dt{font-size:8.5px}:root[data-mode=festoon] :is(.r,.q) :is(.z,.d2) dd{font-size:12.5px;line-height:1.3;hyphens:none}:root[data-mode=festoon] .r>.m{font-size:12px;padding-top:6px}:root[data-mode=festoon] :is(.r,.q) .n{font-size:12px}:root[data-mode=festoon] .q .d2{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-mode=festoon] .q :is(.dm){font-size:17px}:root[data-mode=festoon] .a b{font-size:19px}:root[data-mode=festoon] .de [data-box]{min-height:48px}:root[data-mode=festoon] .s{border-radius:24px}:root[data-mode=festoon] .s>.p{min-width:170px;right:-6px;bottom:-14px}:root[data-mode=festoon] .s>.p b{font-size:30px}:root[data-mode=festoon] .c{border-left:0;border-top:3px dashed var(--color-secondary);border-radius:0 0 16px 16px}:root[data-mode=festoon] .a:has(>div:only-child){grid-template-columns:minmax(0,1fr)}}@keyframes ot-festoon-twinkle{0%{opacity:0}50%{opacity:1}}@keyframes ot-festoon-sway{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)saturate(1.2)}}@keyframes ot-festoon-pulse{0%,100%{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ot-fest-a) 45%,transparent))}50%{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--ot-fest-c) 85%,transparent))}}@media(prefers-reduced-motion:reduce){:root[data-mode=festoon] :is(.s::after,.dd::after,.q::before,.r::before,.j::before,.e::before,.d){animation:none}}@layer base{:root[data-mode=chips]{--ot-chip-felt:var(--color-secondary);--ot-chip-gold:color-mix(in srgb, gold 55%, goldenrod);--ot-chip-ticket:linear-gradient(118deg, transparent 0 38%, color-mix(in srgb, #fff 55%, transparent) 46%, transparent 54%), linear-gradient(135deg, color-mix(in srgb, gold 16%, #fff) 0%, color-mix(in srgb, gold 34%, #fff) 45%, color-mix(in srgb, goldenrod 30%, #fff) 70%, color-mix(in srgb, gold 22%, #fff) 100%);--ot-chip-step:20px;--ot-chip-bulb:radial-gradient(circle, #fff 0 1.6px, var(--color-primary) 2.3px 3.8px, var(--color-primary) 4.4px, transparent 6.8px);@supports(color:color-mix(in lab,red,red)){--ot-chip-bulb: radial-gradient(circle,#fff 0 1.6px,var(--color-primary) 2.3px 3.8px,color-mix(in srgb,var(--color-primary) 50%,transparent) 4.4px,transparent 6.8px);}--ot-chip-neon:0 0 0 2px var(--color-accent), 0 0 14px 2px var(--color-accent);@supports(color:color-mix(in lab,red,red)){--ot-chip-neon: 0 0 0 2px var(--color-accent),0 0 14px 2px color-mix(in srgb,var(--color-accent) 55%,transparent);}}}:root[data-mode=chips]{.s{padding:22px;border-radius:26px;background:radial-gradient(120% 90% at 50% 0%,var(--color-primary) 0%,var(--ot-chip-felt) 70%);@supports(color:color-mix(in lab,red,red)){background: radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--color-primary) 30%,var(--ot-chip-felt)) 0%,var(--ot-chip-felt) 70%);}box-shadow:var(--ot-chip-neon),0 0 0 7px #fff,0 0 0 9px var(--ot-chip-felt),0 24px 48px var(--ot-chip-felt);@supports(color:color-mix(in lab,red,red)){box-shadow: var(--ot-chip-neon),0 0 0 7px #fff,0 0 0 9px var(--ot-chip-felt),0 24px 48px color-mix(in srgb,var(--ot-chip-felt) 28%,transparent);}}.s :is(.do, img){border-radius:12px;box-shadow:0 0 0 2px var(--color-primary)}.s>.p{z-index:2} :is(.q, .r, .j) { position: relative; border-color: var(--ot-chip-gold); background: var(--ot-chip-ticket); box-shadow: 0 0 0 1px color-mix(in srgb, goldenrod 45%, transparent), 0 14px 28px color-mix(in srgb, goldenrod 22%, transparent); } .q { border-left: 6px solid var(--ot-chip-gold); } .uo { gap: 22px; } .ut:has(> :only-child) { grid-template-columns: minmax(0, 620px); justify-content: center; } :is(.g, .dn, .x, .z, .d2) { background: transparent; } :is(.d4, .j .f) { background: linear-gradient(180deg, color-mix(in srgb, #fff 24%, transparent), transparent 60%), var(--ot-kind, var(--kind-welcome)); } .c { position: relative; padding-block: 26px; background: radial-gradient(130% 120% at 50% 0%, var(--color-primary) 0%, var(--ot-chip-felt) 74%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(130% 120% at 50% 0%, color-mix(in srgb, var(--color-primary) 30%, var(--ot-chip-felt)) 0%, var(--ot-chip-felt) 74%); } border-left: 2px dashed var(--ot-chip-gold); } .c { isolation: isolate; } .c::before { content: ""; position: absolute; inset: 6px; pointer-events: none; z-index: -1; background: var(--ot-chip-bulb) 0 0 / var(--ot-chip-step) 13px repeat-x, var(--ot-chip-bulb) 0 100% / var(--ot-chip-step) 13px repeat-x; animation: ot-chips-blink 2.4s ease-in-out infinite; } .c .n { color: #fff; } :is(.c, .db, .dl) .d[data-tier="true"] { box-shadow: 0 0 0 2px #fff; } :is(.g, .x, .df) .u { border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--color-primary), 0 0 0 8px var(--ot-chip-felt); } .t summary::after { width: 10px; height: 10px; border-radius: 50%; transform: none; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, gold 30%, #fff) 0 18%, gold 30% 62%, goldenrod 64% 100%); box-shadow: inset 0 0 0 1px color-mix(in srgb, goldenrod 70%, black); animation: ot-chips-coin 3.6s ease-in-out infinite; } .t:nth-child(2) summary::after { animation-delay: 1.2s; } .t:nth-child(3) summary::after { animation-delay: 2.4s; } .t[open] summary::after { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, gold 30%, #fff) 0 18%, gold 30% 62%, goldenrod 64% 100%); } .d4 { align-items: center; min-height: 42px; line-height: 1.25; } .d4 span:first-child { flex: none; min-width: max-content; } .d4 span + span { text-align: right; } .r .m { margin: 12px 0 0; padding: 0 18px; } .a { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; border: 0; background: none; box-shadow: none; } .a > div { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 16px 18px; border: 1px solid var(--ot-chip-gold); border-left: 5px solid var(--ot-kind, var(--ot-chip-gold)); border-radius: 10px; background: var(--ot-chip-ticket); } .a > div + div { border-top: 1px solid var(--ot-chip-gold); border-left: 5px solid var(--ot-kind, var(--ot-chip-gold)); } [data-phase="brand-facts"] .a :is(b, dd) { font-family: var(--font-body); font-size: 16px; } .a :is(small, dt) { color: var(--ot-kind, var(--ot-ink)); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .a :is(b, dd) { margin: 0; color: var(--ot-ink); font-family: var(--font-heading); font-size: 20px; font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; } .a span { color: var(--ot-muted); font-size: 14px; } .km { display: flex; justify-content: center; margin-top: 22px; } .kc > .uh:not([data-cell]) { display: none; } .g { align-items: center; justify-content: center; gap: 12px; text-align: center; } .g .d1 { order: -1; } .g .u { width: 120px; height: 120px; } .g b { font-size: 20px; } .x { flex-direction: column; justify-content: center; gap: 10px; padding: 20px 18px 4px; text-align: center; } .x .u { width: 88px; height: 88px; } .x b { font-size: 20px; } .j .df .i { flex-direction: column; justify-content: center; gap: 12px; text-align: center; } .j .df .i .u { width: 96px; height: 96px; } .j .df .i b { font-size: 20px; } .dp a[aria-current="true"] { color: var(--ot-ink); font-weight: 700; box-shadow: inset 4px 0 0 var(--ot-chip-gold); background: color-mix(in srgb, gold 18%, transparent); } :is(.o, .b) { align-items: baseline; } :is(.o, .b) strong { font-weight: 700; text-shadow: none; -webkit-text-stroke: 1.5px currentColor; paint-order: stroke fill; } :is(.o, .b) span { font-size: 26px; font-weight: 700; color: var(--ot-kind); }}@media(max-width:700px){:root[data-mode=chips] .s{padding:16px;border-radius:20px}:root[data-mode=chips] .q{border-left-width:4px}:root[data-mode=chips] .c{border-left:0;border-top:2px dashed var(--ot-chip-gold);padding-block:18px}:root[data-mode=chips] :is(.o,.b) span{font-size:22px}:root[data-mode=chips] .o{justify-content:center;text-align:center}:root[data-mode=chips] .o strong{font-size:52px}:root[data-mode=chips] .dm{font-size:18px;text-align:center}:root[data-mode=chips] .g{position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:14px;padding:16px 14px 4px;text-align:left}:root[data-mode=chips] .g .u{flex:none;width:72px;height:72px}:root[data-mode=chips] .g b{min-width:0;padding-right:96px}:root[data-mode=chips] .g .d1{position:absolute;top:12px;right:12px;order:0}:root[data-mode=chips] .x,:root[data-mode=chips] .j .df .i{flex-direction:row;justify-content:flex-start;gap:14px;padding:16px 14px 4px;text-align:left}:root[data-mode=chips] .x .u,:root[data-mode=chips] .j .df .i .u{flex:none}:root[data-mode=chips] .b{justify-content:center;text-align:center}:root[data-mode=chips] .b strong{font-size:48px}:root[data-mode=chips] .dy{font-size:17px;text-align:center}:root[data-mode=chips] .x .u,:root[data-mode=chips] .j .df .i .u{width:72px;height:72px}:root[data-mode=chips] :is(.g,.x,.df) b{font-size:18px}:root[data-mode=chips] .r .m{padding:0 12px}:root[data-mode=chips] .a:has(>div:only-child){grid-template-columns:minmax(0,1fr)}}@keyframes ot-chips-coin{0%,30%,100%{transform:rotateY(0)}15%{transform:rotateY(180deg)}}@keyframes ot-chips-blink{0%,100%{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){:root[data-mode=chips] :is(.c::before,.t summary::after){animation:none}}@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: ""; inherits: false; initial-value: 100%; }@property --tw-drop-shadow-size{syntax: "*"; inherits: false; }@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-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}}} @font-face{font-family:kanit;font-style:normal;font-weight:400;font-display:swap;src:local("Kanit"),local("Kanit Regular"),local("Kanit-Regular"),url("/assets/fonts/4f59c173558b53b7/assets/fonts/kanit-851bcb.33a09209.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:kanit;font-style:normal;font-weight:500;font-display:swap;src:local("Kanit Medium"),local("Kanit-Medium"),url("/assets/fonts/4f59c173558b53b7/assets/fonts/kanit-86d912.411b0ab5.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:kanit;font-style:normal;font-weight:600;font-display:swap;src:local("Kanit SemiBold"),local("Kanit-SemiBold"),url("/assets/fonts/4f59c173558b53b7/assets/fonts/kanit-f810b7.ac507129.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:kanit;font-style:normal;font-weight:700;font-display:swap;src:local("Kanit Bold"),local("Kanit-Bold"),url("/assets/fonts/4f59c173558b53b7/assets/fonts/kanit-b7e04e.a8c66c0d.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:onest;font-style:normal;font-weight:400 700;font-display:swap;src:local("Onest"),url("/assets/fonts/4f59c173558b53b7/assets/fonts/onest-059157.dc258949.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#3DD9FF;--color-secondary:#1A1464;--color-accent:#FF3355;--color-surface:#FFFFFF;--color-on-surface:#14123A;--font-heading:"Kanit", ui-sans-serif, system-ui, sans-serif;--font-body:"Onest", ui-sans-serif, system-ui, sans-serif;--radius-base:16px;--space-base:12px;--section-gap:112px}