@layer components{.base-popup-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.base-popup-overlay--shading{background:#0000004d}.base-popup{background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0003}.base-popup__title{background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.base-popup__title--draggable{cursor:move;-webkit-user-select:none;user-select:none}.base-popup__close{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.base-popup__close:hover{color:#222}.base-popup__content{flex:1;overflow:hidden}}