.os-notch{z-index:30;position:fixed;inset:0 0 auto;margin:0 auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;transition:.3s}.os-notch .notch-data{padding:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#000}.os-notch .no-notch-data{height:30px;width:200px;background-color:#000;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.os-notch .notch-left-circle,.os-notch .notch-right-circle{width:10px;height:10px;pointer-events:none;fill:#000}.os-notch .notch-left-circle.is-active,.os-notch .notch-right-circle.is-active{width:16px;height:16px}.os-notch .notch-left-circle{transform:rotate(-90deg)}.os-notch .notch-right-circle{transform:rotate(90deg)}