@layer blocks{.blk-settings-page{background:var(--eq-bg);color:var(--eq-ink);container:blk-settings-page/inline-size}.blk-settings-page-inner{gap:var(--eq-space-5);max-width:76rem;padding:var(--eq-space-5) var(--eq-space-4) calc(var(--eq-space-6) * 1.5);margin-inline:auto;display:grid}.blk-settings-page-top{z-index:1;justify-content:space-between;align-items:flex-end;gap:var(--eq-space-2) var(--eq-space-4);margin-inline:calc(var(--eq-space-4) * -1);padding:var(--eq-space-3) var(--eq-space-4);border-bottom:1px solid var(--eq-line);background:color-mix(in oklab, var(--eq-bg) 92%, transparent);-webkit-backdrop-filter:var(--eq-blur);flex-wrap:wrap;display:flex;position:sticky;top:0}.blk-settings-page-heading{gap:var(--eq-space-1);min-width:0;display:grid}.blk-settings-page-heading>*{margin:0}.blk-settings-page-title{letter-spacing:-.025em;font-size:clamp(1.75rem,6cqi,2.5rem);line-height:1.05}.blk-settings-page-status{padding-block-end:var(--eq-space-1)}.blk-settings-page-layout{gap:var(--eq-space-5);grid-template-columns:minmax(0,1fr);display:grid}.blk-settings-page-side{display:none}.blk-settings-page-strip{min-width:0}.blk-settings-page-content{gap:calc(var(--eq-space-6) * 1.25);min-width:0;display:grid}.blk-settings-page-content>section{scroll-margin-top:calc(var(--eq-space-6) * 3.25)}.blk-settings-page-fields,.blk-settings-page-services{gap:var(--eq-space-4);max-width:34rem;display:grid}.blk-settings-page-pair{gap:var(--eq-space-4);grid-template-columns:minmax(0,1fr);display:grid}.blk-settings-page-service{gap:var(--eq-space-3) var(--eq-space-5);padding:var(--eq-space-3) var(--eq-space-4);border:1px solid var(--eq-line);border-inline-start:3px solid var(--eq-ink-3);border-radius:var(--eq-radius-m);background:var(--eq-tint);flex-wrap:wrap;display:flex}.blk-settings-page-service[data-service=dinner]{border-inline-start-color:var(--eq-ink)}.blk-settings-page-switches{border:1px solid var(--eq-line);border-radius:var(--eq-radius-l);background:var(--eq-surface);margin:0;padding:0;list-style:none;display:grid}.blk-settings-page-switches>li{padding:var(--eq-space-3) var(--eq-space-4);margin:0}.blk-settings-page-switches>li+li{border-top:1px solid var(--eq-line)}.blk-settings-page-danger{gap:var(--eq-space-4);padding:var(--eq-space-5) var(--eq-space-4) var(--eq-space-4);border:1px solid color-mix(in oklab, var(--eq-danger) 35%, var(--eq-line));border-radius:var(--eq-radius-l);background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--eq-danger) 30%, transparent) 0 6px, transparent 6px 12px) top / 100% 6px no-repeat, color-mix(in oklab, var(--eq-danger) 4%, var(--eq-surface));justify-items:start;display:grid}.blk-settings-page-danger-copy{gap:var(--eq-space-1);max-width:44ch;display:grid}.blk-settings-page-danger-copy>*{margin:0}@container blk-settings-page (min-width:30rem){.blk-settings-page-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@container blk-settings-page (min-width:40rem){.blk-settings-page-inner{padding-inline:var(--eq-space-6)}.blk-settings-page-top{margin-inline:calc(var(--eq-space-6) * -1);padding-inline:var(--eq-space-6)}.blk-settings-page-danger{padding-inline:var(--eq-space-5);grid-template-columns:minmax(0,1fr) auto;align-items:center}}@container blk-settings-page (min-width:62rem){.blk-settings-page-layout{gap:calc(var(--eq-space-6) * 1.5);grid-template-columns:13rem minmax(0,1fr);align-items:start}.blk-settings-page-side{top:calc(var(--eq-space-6) * 3.25);display:flex;position:sticky}.blk-settings-page-strip{display:none}}}
