@layer properties,theme,base;@layer payload-default{.modular-dashboard{width:calc(100% + var(--spacer-2-5));margin:calc(var(--spacer-2-5) / -2)}.modular-dashboard .widget{padding:calc(var(--spacer-2-5) / 2)}.modular-dashboard .widget-content{height:100%}.widget-config-drawer__content{height:100%;padding-top:var(--gutter-v);padding-bottom:var(--gutter-v)}.widget-config-drawer__content .form-submit{margin-top:var(--spacer-2-5)}.widget-config-drawer__content .form-submit .btn{width:auto}@media (max-width:768px){.modular-dashboard .widget{width:100%!important}.modular-dashboard .widget-wrapper__size-btn{display:none}}.modular-dashboard.editing .widget-content{pointer-events:none;-webkit-user-select:none;user-select:none}.modular-dashboard.editing .draggable{cursor:grab}.modular-dashboard .drag-overlay{pointer-events:none;-webkit-user-select:none;user-select:none}.modular-dashboard__empty{width:100%;height:100%;padding:var(--spacer-4);justify-content:center;align-items:center;display:flex}body:has(.drag-overlay) *{cursor:grabbing}.widget-wrapper__controls{opacity:0}.widget:focus-visible .widget-wrapper__controls{opacity:1}.widget:has(:focus-visible) .widget-wrapper__controls{opacity:1}@keyframes widget-highlight{0%{box-shadow:0 0 0 3px #ffd000e6}to{box-shadow:0 0 0 3px #ffd00000}}.widget--highlight{border-radius:var(--radius-medium);animation:1.5s ease-out forwards widget-highlight}.widget-wrapper{width:100%;height:100%;position:relative}.widget-wrapper--editing .widget-wrapper__controls{transition:opacity .2s}.widget-wrapper--editing:hover .widget-wrapper__controls,.widget-wrapper--controls-active .widget-wrapper__controls{opacity:1}.widget-wrapper--editing:has(:focus-visible) .widget-wrapper__controls{opacity:1}.widget-wrapper__edit-overlay{z-index:5;pointer-events:none;outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);border-radius:var(--radius-medium);box-sizing:border-box;opacity:0;background:#00000059;transition:opacity .2s;position:absolute;inset:0}.widget-wrapper--editing:hover .widget-wrapper__edit-overlay,.widget-wrapper--controls-active .widget-wrapper__edit-overlay{opacity:1}.widget-wrapper--editing:has(:focus-visible) .widget-wrapper__edit-overlay{opacity:1}.widget-wrapper__controls{top:var(--spacer-3);right:var(--spacer-3);z-index:10;gap:var(--spacer-2);align-items:center;display:flex;position:absolute}.widget-wrapper__size-btn{min-width:auto}.widget-wrapper__size-btn .btn__content{gap:var(--spacer-1)}.widget-wrapper__size-btn-percentage{margin-left:var(--spacer-1);color:var(--color-text-tertiary)}}@layer payload,components,utilities;