.Notch{background-color:#f2f2f2;justify-content:center;align-items:center;width:auto;height:auto;display:flex;position:relative}.Notch.Top{border-radius:0 0 24px 24px;padding:0 16px 16px}.Notch.Bottom{border-radius:24px 24px 0 0;padding:16px 16px 0}.Notch.Bottom:before,.Notch.Bottom:after{top:auto;bottom:-4.25px}.Notch.Bottom:before{transform:scaleX(-1)}.Notch.Bottom:after{transform:scaleX(1)}.Notch:before,.Notch:after{content:"";aspect-ratio:1;background-color:#f2f2f2;width:30px;height:30px;position:absolute}.Notch:before{top:-5px;left:calc(100% - 5px);transform:scaleX(-1)scaleY(-1);-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%200C19.4697%2010.25%2010.7891%2019.4961%200%2020V24H24V20V0H20Z'%20fill='%23F1F1F1'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%200C19.4697%2010.25%2010.7891%2019.4961%200%2020V24H24V20V0H20Z'%20fill='%23F1F1F1'/%3e%3c/svg%3e") 50%/contain no-repeat}.Notch:after{top:-5px;right:calc(100% - 5px);transform:scaleY(-1);-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%200C19.4697%2010.25%2010.7891%2019.4961%200%2020V24H24V20V0H20Z'%20fill='%23F1F1F1'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%200C19.4697%2010.25%2010.7891%2019.4961%200%2020V24H24V20V0H20Z'%20fill='%23F1F1F1'/%3e%3c/svg%3e") 50%/contain no-repeat}.Notch.Small:before,.Notch.Small:after{width:20px;height:20px}.Notch.Small:before{left:calc(100% - 3.8px)}.Notch.Small:after{right:calc(100% - 3.8px)}.Notch.Small.Top{border-radius:0 0 20px 20px;padding:0 8px 8px}.Notch.Small.Top:before,.Notch.Small.Top:after{top:-3.4px}.Notch.Small.Bottom{border-radius:20px 20px 0 0;padding:8px 8px 0}.Notch.Small.Bottom:before,.Notch.Small.Bottom:after{bottom:-2.8px}.Notch.dark{color:#fff;background:#323339}.Notch.dark svg path{fill:#fff!important}.Notch.dark:before,.Notch.dark:after{background-color:#323339}
