.examples-page,.examples-page *{box-sizing:border-box}.examples-page{--examples-accent:#d94716;--examples-bg:#f7f7f6;--examples-border:#16181726;--examples-code:#0d1117;--examples-muted:#161817a3;--examples-stage:#efefed;--examples-surface:#fff;--examples-text:#161817;min-height:calc(100dvh - 3.5rem);color:var(--examples-text);background:var(--examples-bg)}:root[data-theme=dark] .examples-page,.sdk-example[data-preview-theme=dark]{--examples-bg:#101211;--examples-border:#ffffff1c;--examples-muted:#eef2ef9e;--examples-stage:#0b0d0c;--examples-surface:#171918;--examples-text:#eef2ef}.sdk-example[data-theme-ready=false] .sdk-example__stage>*{visibility:hidden}.examples-shell{grid-template-columns:200px minmax(0,1220px);gap:40px;width:min(1490px,100% - 48px);margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.examples-layout{min-width:0;padding:40px 0 72px}.examples-sidebar{border-right:1px solid var(--examples-border);align-self:start;height:calc(100dvh - 3.5rem);padding:36px 18px 40px 0;position:sticky;top:3.5rem;overflow-y:auto}.examples-sidebar__heading{padding:0 8px 22px}.examples-sidebar__heading a{color:var(--examples-text);font-size:14px;font-weight:650;text-decoration:none}.examples-sidebar nav{gap:20px;display:grid}.examples-sidebar nav section{gap:2px;display:grid}.examples-sidebar__group{color:var(--examples-muted);padding:0 8px 6px;font-size:11px;font-weight:550}.examples-sidebar__link{color:var(--examples-muted);border-left:2px solid #0000;padding:6px 8px;font-size:13px;font-weight:480;text-decoration:none}.examples-sidebar__link:hover{color:var(--examples-text)}.examples-sidebar__link[aria-current=page]{color:var(--examples-text);border-left-color:var(--examples-accent);font-weight:650}.examples-mobile-nav{display:none}.examples-header{border-bottom:1px solid var(--examples-border);justify-content:space-between;align-items:start;gap:28px;margin-bottom:0;padding-bottom:24px;display:flex}.examples-header h1,.examples-header p{margin:0}.examples-header h1{letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(30px,4vw,42px);font-weight:680;line-height:1.08}.examples-header p:last-child{max-width:620px;color:var(--examples-muted);font-size:14px;line-height:1.55}.examples-context{color:var(--examples-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.examples-back{color:var(--examples-muted);margin-top:4px;font-size:13px;font-weight:550;text-decoration:none}.examples-back:hover{color:var(--examples-accent)}.development-note{color:var(--examples-muted);border-bottom:1px solid var(--examples-border);align-items:center;gap:8px;margin:0 0 14px;padding:9px 0;font-size:12px;display:flex}.development-note strong{color:var(--examples-text);flex:none}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.examples-section{margin-top:32px}.examples-section__header{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;display:flex}.examples-section__header h2,.examples-section__header p{margin:0}.examples-section__header h2{font-size:15px;font-weight:650}.examples-section__header p{color:var(--examples-muted);font-size:12px}.example-card{min-height:128px;color:var(--examples-text);border-top:1px solid var(--examples-border);padding:18px 2px;text-decoration:none;display:grid}.example-card:hover{color:var(--examples-accent)}.example-card small{color:var(--examples-muted);align-self:start;font-size:11px;font-weight:500}.example-card div{align-self:end}.example-card strong{margin-bottom:6px;font-size:17px;display:block}.example-card span{color:var(--examples-muted);font-size:13px;line-height:1.45;display:block}.sdk-example{color:var(--examples-text);grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:12px;display:grid}.sdk-example__panel{background:var(--examples-surface);border:1px solid var(--examples-border);border-radius:5px;min-width:0;overflow:hidden}.sdk-example__panel-header{border-bottom:1px solid var(--examples-border);justify-content:space-between;align-items:center;min-height:42px;padding:0 13px;display:flex}.sdk-example__panel-header>span{font-size:12px;font-weight:620}.sdk-example__panel-header small{color:var(--examples-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.sdk-example__panel-header button,.example-secondary-button{font:inherit;color:var(--examples-text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 7px;font-size:12px;font-weight:600}.sdk-example__panel-header button:hover,.example-secondary-button:hover{color:var(--examples-accent);background:color-mix(in srgb, var(--examples-accent) 8%, transparent)}.sdk-example__stage{background:var(--examples-stage);min-height:640px;padding:20px;overflow:auto}.sdk-example__stage:has(.lockerverse-signup){min-height:800px}.sdk-example__stage>.lockerverse-payment,.sdk-example__stage>div>.lockerverse-payment,.storefront-checkout>.lockerverse-payment,.loading-example>.lockerverse-payment{margin:0 auto}.sdk-example__code{color:#eef2ef;background:var(--examples-code)}.sdk-example__code .sdk-example__panel-header{border-color:#ffffff1f;grid-template-columns:auto 1fr auto;gap:9px;display:grid}.sdk-example__code .sdk-example__panel-header small{color:#eef2ef80;align-self:center}.sdk-example__code .sdk-example__panel-header button{color:#eef2ef;border-color:#ffffff29}.sdk-example__highlighted-code pre{tab-size:2;height:640px;margin:0;padding:20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;overflow:auto}.sdk-example__highlighted-code .shiki{background:var(--examples-code)!important}.catalog-grid,.storefront-grid{gap:10px;max-width:640px;margin:0 auto;display:grid}.catalog-card{background:var(--examples-surface);border:1px solid var(--examples-border);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.catalog-card strong,.catalog-card span{display:block}.catalog-card span{color:var(--examples-muted);margin-top:4px;font-size:12px}.catalog-card b{font-size:13px}.storefront-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-product{min-height:118px;font:inherit;color:var(--examples-text);text-align:left;cursor:pointer;background:var(--examples-surface);border:1px solid var(--examples-border);border-radius:14px;padding:16px;display:grid}.storefront-product:hover{border-color:var(--examples-accent)}.storefront-product span{font-size:14px;font-weight:700}.storefront-product strong{color:var(--examples-accent);align-self:end}.storefront-checkout,.loading-example{justify-items:start;gap:16px;display:grid}.launcher-example{place-items:center;min-height:360px;display:grid}.example-note,.example-status{color:var(--examples-muted);background:var(--examples-surface);border:1px solid var(--examples-border);border-radius:9px;margin:0 0 14px;padding:10px 12px;font-size:12px}.theme-workbench{gap:18px;max-width:680px;margin:0 auto;display:grid}.theme-workbench__controls{color:var(--examples-text);background:var(--examples-surface);border:1px solid var(--examples-border);border-radius:5px;grid-template-columns:1.3fr 1fr auto minmax(150px,.8fr);align-items:end;gap:14px;padding:14px;display:grid}.theme-workbench fieldset{border:0;min-width:0;margin:0;padding:0}.theme-workbench legend,.theme-workbench__color>span,.theme-workbench__radius>span{color:var(--examples-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10px;font-weight:650;display:block}.theme-workbench__options{background:var(--examples-stage);border:1px solid var(--examples-border);border-radius:4px;min-height:32px;padding:2px;display:flex}.theme-workbench__options button{min-width:0;font:inherit;color:var(--examples-muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;padding:5px 7px;font-size:11px}.theme-workbench__options button[aria-pressed=true]{color:var(--examples-text);background:var(--examples-surface);font-weight:650;box-shadow:0 1px 2px #00000014}.theme-workbench__color,.theme-workbench__radius{min-width:0}.theme-workbench__color{grid-template-columns:30px auto;column-gap:7px;display:grid}.theme-workbench__color>span{grid-column:1/-1}.theme-workbench__color input{cursor:pointer;border:1px solid var(--examples-border);background:0 0;border-radius:4px;width:30px;height:32px;padding:2px}.theme-workbench code{color:var(--examples-muted);align-self:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.theme-workbench__radius{grid-template-columns:1fr auto;column-gap:8px;display:grid}.theme-workbench__radius>span{grid-column:1/-1}.theme-workbench__radius input{width:100%;accent-color:var(--examples-accent)}.theme-workbench__preview{place-items:start center;min-height:500px;display:grid}.theme-workbench__preview[data-component=launcher]{place-items:center}.state-lab{gap:18px;width:100%;max-width:680px;margin:0 auto;display:grid}.state-lab__controls{color:var(--examples-text);background:var(--examples-surface);border:1px solid var(--examples-border);border-radius:5px;gap:12px;padding:14px;display:grid}.state-lab__controls fieldset{border:0;min-width:0;margin:0;padding:0}.state-lab__controls legend{color:var(--examples-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10px;font-weight:650}.state-lab__options{background:var(--examples-stage);border:1px solid var(--examples-border);border-radius:4px;gap:2px;padding:2px;display:flex}.state-lab__options--states{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.state-lab__options button{min-width:0;font:inherit;color:var(--examples-muted);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;padding:6px 8px;font-size:11px}.state-lab__options button[aria-pressed=true]{color:var(--examples-text);background:var(--examples-surface);font-weight:650;box-shadow:0 1px 2px #00000014}.state-lab__controls p{color:var(--examples-muted);margin:0;font-size:11px;line-height:1.45}.state-lab__preview{place-items:start center;min-height:500px;display:grid}.state-lab__preview[data-flow=launcher]{place-items:center;min-height:360px}@media (width<=980px){.examples-shell{width:min(100% - 40px,1220px);display:block}.examples-sidebar{display:none}.examples-mobile-nav{z-index:20;background:var(--examples-bg);padding-top:8px;display:block;position:sticky;top:3.75rem}.examples-mobile-nav summary{cursor:pointer;border-bottom:1px solid var(--examples-border);justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.examples-mobile-nav summary::marker{content:""}.examples-mobile-nav summary span{font-size:13px;font-weight:650}.examples-mobile-nav summary small{color:var(--examples-muted)}.examples-mobile-nav nav{background:var(--examples-surface);border:1px solid var(--examples-border);border-top:0;border-radius:0 0 3px 3px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:6px 0;display:grid}.examples-mobile-nav__link{color:var(--examples-muted);border-radius:0;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.examples-mobile-nav__link[aria-current=page]{color:var(--examples-text);box-shadow:inset 2px 0 var(--examples-accent);font-weight:650}.examples-mobile-nav nav small{text-transform:uppercase;font-size:9px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sdk-example{grid-template-columns:1fr}.sdk-example__code pre{height:min(560px,65dvh)}.theme-workbench__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.examples-layout{padding-top:24px}.examples-shell{width:min(100% - 24px,1220px)}.examples-header{align-items:start;gap:12px;display:grid}.examples-header h1{font-size:32px}.development-note{align-items:start}.examples-grid,.examples-mobile-nav nav,.storefront-grid{grid-template-columns:1fr}.sdk-example__stage{min-height:520px;padding:12px}.theme-workbench__controls{grid-template-columns:1fr}.state-lab__options--states{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}