.edge-notch{top:var(--edge-y,50%);z-index:50;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translateY(-50%)}.edge-notch[data-side=right]{right:0}.edge-notch[data-side=left]{left:0}.edge-notch__body{background:var(--event-fg);justify-content:center;align-items:center;display:flex;position:relative}.edge-notch__body:before,.edge-notch__body:after{content:"";width:var(--r);height:var(--r);background:var(--event-fg);position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.edge-notch__body:before{-webkit-mask-image:var(--flap-top);-webkit-mask-image:var(--flap-top);mask-image:var(--flap-top);bottom:calc(100% - .5px)}.edge-notch__body:after{-webkit-mask-image:var(--flap-bottom);-webkit-mask-image:var(--flap-bottom);mask-image:var(--flap-bottom);top:calc(100% - .5px)}.edge-notch[data-side=right] .edge-notch__body{border-radius:var(--r) 0 0 var(--r);--flap-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M100 0V100H0A100 100 0 0 0 100 0Z'/%3E%3C/svg%3E");--flap-bottom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M100 100V0H0A100 100 0 0 1 100 100Z'/%3E%3C/svg%3E")}.edge-notch[data-side=right] .edge-notch__body:before,.edge-notch[data-side=right] .edge-notch__body:after{right:0}.edge-notch[data-side=left] .edge-notch__body{border-radius:0 var(--r) var(--r) 0;--flap-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0V100H100A100 100 0 0 1 0 0Z'/%3E%3C/svg%3E");--flap-bottom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V0H100A100 100 0 0 0 0 100Z'/%3E%3C/svg%3E")}.edge-notch[data-side=left] .edge-notch__body:before,.edge-notch[data-side=left] .edge-notch__body:after{left:0}.edge-notch[data-side=right][data-peek]:not(:hover):not(:focus-within){transform:translate(var(--peek), -50%)}.edge-notch[data-side=left][data-peek]:not(:hover):not(:focus-within){transform:translate(calc(var(--peek) * -1), -50%)}