.DevGridOverlay-module-scss-module__BJVPtG__overlay{z-index:99999;pointer-events:none;position:fixed;inset:0}.DevGridOverlay-module-scss-module__BJVPtG__boundary{max-width:calc(var(--gridMaxWidth) + var(--pageMargin)*2);height:100%;padding:0 var(--pageMargin);margin:0 auto}.DevGridOverlay-module-scss-module__BJVPtG__boundaryWide{max-width:var(--gridWideMaxWidth);padding-inline:var(--wideGridMargin)}.DevGridOverlay-module-scss-module__BJVPtG__grid{grid-template-columns:repeat(var(--gridColumnCount), 1fr);grid-gap:var(--gridGap);height:100%;display:grid;position:relative}.DevGridOverlay-module-scss-module__BJVPtG__grid:before{content:"";pointer-events:none;border-left:1px dashed #ec4899;border-right:1px dashed #ec4899;position:absolute;inset:0}.DevGridOverlay-module-scss-module__BJVPtG__gridWide{grid-gap:var(--wideGridGap)}.DevGridOverlay-module-scss-module__BJVPtG__column{box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232ce7e7' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border-left:1px solid #2ce7e733;border-right:1px solid #2ce7e733;align-items:flex-end;display:flex}.DevGridOverlay-module-scss-module__BJVPtG__column:nth-child(2n){background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f2c335' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border-left-color:#f2c33533;border-right-color:#f2c33533}@media (max-width:511px){.DevGridOverlay-module-scss-module__BJVPtG__column:nth-child(n+5){display:none}}@media (max-width:919px){.DevGridOverlay-module-scss-module__BJVPtG__column:nth-child(n+9){display:none}}.DevGridOverlay-module-scss-module__BJVPtG__columnLabel{color:#fff;font-size:12px;font-weight:700;font-family:var(--fontMonospace);background-color:#4d3e78cc;padding:.3em .5em;display:block}.DevGridOverlay-module-scss-module__BJVPtG__sizeMarker{color:#fff;font-size:1rem;font-family:var(--fontMonospace);background-color:#ea580c;padding:.25em .5em;font-weight:700;position:absolute;top:0;right:0}.DevGridOverlay-module-scss-module__BJVPtG__scrollMarker{z-index:99999;color:#fff;font-size:1rem;font-family:var(--fontMonospace);pointer-events:none;background-color:#16a34a;padding:.25em .5em;font-weight:700;position:fixed;top:0;left:0}
[data-hide-dev-chrome] .DevPanel-module-scss-module__9iOuaG__panel{display:none}.DevPanel-module-scss-module__9iOuaG__panel{z-index:99999;color:#fff;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background:#000d;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;width:320px;font-size:12px;font-weight:500;line-height:1.4;display:flex;position:fixed;bottom:12px;left:12px;overflow:hidden}.DevPanel-module-scss-module__9iOuaG__header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.DevPanel-module-scss-module__9iOuaG__headerTitle{font-family:var(--fontMonospace);letter-spacing:.08em;text-transform:uppercase;opacity:.4;font-size:10px;font-weight:600}.DevPanel-module-scss-module__9iOuaG__closeButton{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:16px;line-height:1;transition:opacity .15s,background .15s;display:flex}.DevPanel-module-scss-module__9iOuaG__closeButton:hover{opacity:1;background:#ffffff1a}.DevPanel-module-scss-module__9iOuaG__cornerTrigger{z-index:99999;clip-path:polygon(0 0,0 100%,100% 100%);color:#fff;cursor:pointer;opacity:0;background:#000d;border:none;width:40px;height:40px;padding:0;transition:opacity .15s;position:fixed;bottom:0;left:0}.DevPanel-module-scss-module__9iOuaG__cornerTrigger:hover{opacity:1}.DevPanel-module-scss-module__9iOuaG__cornerIcon{width:13px;height:13px;position:absolute;bottom:6px;left:6px}.DevPanel-module-scss-module__9iOuaG__heading{opacity:.5;font-weight:600}.DevPanel-module-scss-module__9iOuaG__groupHeading{font-family:var(--fontMonospace);letter-spacing:.08em;text-transform:uppercase;opacity:.4;font-size:10px;font-weight:600}.DevPanel-module-scss-module__9iOuaG__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.DevPanel-module-scss-module__9iOuaG__accordion:not([open]){gap:0}.DevPanel-module-scss-module__9iOuaG__accordion:not([open])>:not(summary){display:none}.DevPanel-module-scss-module__9iOuaG__section{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.DevPanel-module-scss-module__9iOuaG__section+.DevPanel-module-scss-module__9iOuaG__section{border-top:1px solid #ffffff26}.DevPanel-module-scss-module__9iOuaG__inline{flex-direction:row;justify-content:space-between;align-items:center}.DevPanel-module-scss-module__9iOuaG__accordionHeading{cursor:pointer;align-items:center;gap:4px;font-weight:600;list-style:none;display:flex}.DevPanel-module-scss-module__9iOuaG__accordionHeading::-webkit-details-marker{display:none}.DevPanel-module-scss-module__9iOuaG__accordionHeading:after{content:"›";opacity:.5;font-size:14px;line-height:1;transition:transform .15s;transform:rotate(90deg)}.DevPanel-module-scss-module__9iOuaG__accordionHeading:hover .DevPanel-module-scss-module__9iOuaG__accordionLabel{opacity:.8}.DevPanel-module-scss-module__9iOuaG__section[open]>.DevPanel-module-scss-module__9iOuaG__accordionHeading:after{transform:rotate(-90deg)}.DevPanel-module-scss-module__9iOuaG__accordionLabel{opacity:.5}.DevPanel-module-scss-module__9iOuaG__clearAllButton{margin-left:auto}.DevPanel-module-scss-module__9iOuaG__tags{flex-wrap:wrap;gap:4px;display:flex}.DevPanel-module-scss-module__9iOuaG__sliderRow{align-items:center;gap:8px;display:flex}.DevPanel-module-scss-module__9iOuaG__slider{flex:1}.DevPanel-module-scss-module__9iOuaG__sliderValue{font-variant-numeric:tabular-nums;text-align:right;min-width:28px}.DevPanel-module-scss-module__9iOuaG__select{color:#fff;font:inherit;cursor:pointer;background:#0001;border:1px solid #ffffff40;border-radius:4px;padding:2px 6px}.DevPanel-module-scss-module__9iOuaG__tag{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:4px;padding:2px 8px;transition:border-color .15s,background .15s}.DevPanel-module-scss-module__9iOuaG__tag:hover{background:#ffffff1a;border-color:#fff9}.DevPanel-module-scss-module__9iOuaG__tag[data-busy]{opacity:.4;pointer-events:none}.DevPanel-module-scss-module__9iOuaG__tag[data-done]{color:#4ade80;border-color:#4ade80}.DevPanel-module-scss-module__9iOuaG__tag[data-active]{color:#60a5fa;background:#60a5fa33;border-color:#60a5fa}
:is([data-hide-dev-chrome] .PreviewModeDevTag-module-scss-module__CXzp8a__wrapper,[data-hide-dev-chrome] .PreviewModeDevTag-module-scss-module__CXzp8a__wrapperRight){display:none}.PreviewModeDevTag-module-scss-module__CXzp8a__wrapper{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0}@media (max-width:639px){.PreviewModeDevTag-module-scss-module__CXzp8a__wrapper{display:none}}.PreviewModeDevTag-module-scss-module__CXzp8a__wrapperRight{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;right:0}@media (max-width:639px){.PreviewModeDevTag-module-scss-module__CXzp8a__wrapperRight{display:none}}.PreviewModeDevTag-module-scss-module__CXzp8a__tag{pointer-events:auto;cursor:pointer;appearance:none;background-color:var(--green400);color:var(--green900);font-family:var(--fontMonospace);white-space:nowrap;border:none;border-bottom-right-radius:3px;align-items:center;gap:4px;padding:0 5px 0 0;font-size:.95rem;font-weight:600;display:flex}.PreviewModeDevTag-module-scss-module__CXzp8a__tag:hover{background-color:var(--green500)}.PreviewModeDevTag-module-scss-module__CXzp8a__tagRight{border-bottom-right-radius:0;border-bottom-left-radius:3px;padding:0 5px}.PreviewModeDevTag-module-scss-module__CXzp8a__hatch{flex-shrink:0;width:1.4rem;height:1.4rem}.PreviewModeDevTag-module-scss-module__CXzp8a__separator{color:var(--green600)}.PreviewModeDevTag-module-scss-module__CXzp8a__times{color:var(--green600);margin:0 2px;font-style:normal}