Создание прямоугольной формы кривой с границей ⇐ CSS

[Anonymous]

Я пытаюсь создать участок кривой точной прямоугольной формы [коричневого цвета] с рамкой, как показано на изображении ниже



Мне удалось создать точную форму с помощью свойства CSS маски, но не удалось добавить граница сверху к div прикрепила код для него и прикрепила текущее изображение ниже

Код: Выделить всё

.item-meta-container {
--c: 50px;
mask: radial-gradient(100% var(--c) at top, #0000 calc(100% - 1px), #000);
background: #35090A;
position: absolute;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 11px;
border: 1px solid #474747;
width:500px;
height:250px;
}

Код: Выделить всё

помогите мне добавить верхнюю границу границы к элементу маски, как показано выше. image
текущее изображение с указанным выше CSS
[img]https://i.sstatic.net /MBB3qQmp.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/793 ... ith-border