@layer quartz-base{.widget-band{--band-grid:var(--band-grid-light,.3);--band-grid-line:70, 120, 190;--band-grid-tint:#eef2f3;--band-mark:rgba(var(--band-grid-line), clamp(.4, calc(1.6 * var(--band-grid)), .85));--band-paper:url(/static/paper-light.webp);--band-depth:#00000017;--band-fringe:#fdfbf7;--band-tear-shadow:#3c321e42;--band-tear-blur:2px;--band-tear-overlap:2.5px;background:linear-gradient(90deg, rgba(var(--band-grid-line), calc(.32 * var(--band-grid))) 1px, transparent 1px) -1px 0/40px 40px, linear-gradient(rgba(var(--band-grid-line), calc(.32 * var(--band-grid))) 1px, transparent 1px) 0 -1px/40px 40px, linear-gradient(90deg, rgba(var(--band-grid-line), calc(.14 * var(--band-grid))) 1px, transparent 1px) -1px 0/8px 8px, linear-gradient(rgba(var(--band-grid-line), calc(.14 * var(--band-grid))) 1px, transparent 1px) 0 -1px/8px 8px, var(--band-paper) color-mix(in srgb, var(--band-grid-tint) calc(var(--band-grid) * 100%), var(--light));background-blend-mode:normal, normal, normal, normal, multiply;width:100vw;box-shadow:inset 0 28px 14px -4px var(--band-depth), inset 0 -28px 14px -4px var(--band-depth);margin:2rem 0 2rem calc(50% - 50vw);position:relative}.widget-band>iframe{border:0;width:100%;display:block;overflow:hidden}.widget-band[data-grid=green]{--band-grid-line:64, 87, 65;--band-grid-tint:#eef1ea}.widget-band[data-grid=brown]{--band-grid-line:160, 81, 47;--band-grid-tint:#f4ece3}.widget-band[data-surface=taped]{padding:50px 16px 34px}.widget-band[data-surface=taped]>iframe{width:min(100%, var(--sheet-w,calc(48rem + 48px)));background:var(--band-paper) var(--light);background-blend-mode:multiply;margin:0 auto;box-shadow:0 1px 2px #00000024,0 10px 24px -10px #00000059}.widget-band .sheet-tape{z-index:1;pointer-events:none;clip-path:polygon(0 0,5% 14%,1% 28%,5% 42%,0 57%,4% 71%,1% 85%,4% 100%,100% 100%,95% 86%,99% 72%,96% 57%,100% 43%,95% 29%,99% 14%,96% 0);background:linear-gradient(#ffffff38,#0000 40%,#00000008),#e8debc99;width:92px;height:26px;position:absolute;top:37px;left:calc(50% - 46px);box-shadow:0 1px 1px #0000001a}.widget-band .sheet-dim{width:min(100%, var(--sheet-w,calc(48rem + 48px)));border-inline:1px solid var(--band-mark);height:9px;color:var(--band-mark);font:10px/1 var(--codeFont), monospace;letter-spacing:.05em;align-items:center;gap:8px;margin:12px auto 0;display:flex}.widget-band .sheet-dim:before,.widget-band .sheet-dim:after{content:"";border-top:1px solid;flex:1}.widget-band .tear{z-index:1;pointer-events:none;height:20px;position:absolute;left:0;right:0}.widget-band .tear.top{top:calc(-1 * var(--band-tear-overlap));filter:drop-shadow(0 2.5px var(--band-tear-blur) var(--band-tear-shadow));clip-path:inset(0 0 -16px)}.widget-band .tear.bottom{bottom:calc(-1 * var(--band-tear-overlap));filter:drop-shadow(0 -2.5px var(--band-tear-blur) var(--band-tear-shadow));clip-path:inset(-16px 0 0)}.widget-band .tear .fringe,.widget-band .tear .paper{position:absolute;inset:0}.widget-band .tear .fringe{background:var(--band-fringe);opacity:.42}.widget-band .tear .paper{background-color:var(--light);background-blend-mode:multiply;background-image:url(/static/paper-light.webp)}:root[saved-theme=dark] .widget-band{--band-grid:var(--band-grid-dark,.1);--band-grid-line:220, 235, 255;--band-grid-tint:#1b3354;--band-paper:url(/static/paper-dark.webp);--band-fringe:#2c2e33;--band-tear-shadow:#0009;--band-tear-blur:3.5px;--band-tear-overlap:2px}:root[saved-theme=dark] .widget-band[data-grid=green]{--band-grid-line:129, 154, 133;--band-grid-tint:#1e2b21}:root[saved-theme=dark] .widget-band[data-grid=brown]{--band-grid-line:209, 145, 117;--band-grid-tint:#2f2119}:root[saved-theme=dark] .widget-band[data-surface=taped]>iframe{box-shadow:0 1px 2px #00000080,0 12px 28px -10px #000000b3}:root[saved-theme=dark] .widget-band .sheet-tape{background-color:#aaa08254}:root[saved-theme=dark] .widget-band .tear .paper{background-image:url(/static/paper-dark.webp)}}