:root{--sh-h:96px}
@media (max-width:1080px){:root{--sh-h:64px}}
@media (max-width:600px){:root{--sh-h:40px}}

.sh-t-arc,.sh-t-dip,.sh-t-wave,.sh-t-slant,.sh-t-circle,.sh-b-arc,.sh-b-dip,.sh-b-wave,.sh-b-slant,.sh-b-circle{position:relative}
.sh-t-arc,.sh-t-dip,.sh-t-wave,.sh-t-slant,.sh-t-circle{margin-top:var(--sh-h)}
.sh-b-arc,.sh-b-dip,.sh-b-wave,.sh-b-slant,.sh-b-circle{margin-bottom:var(--sh-h)}
.sh-t-arc::before,.sh-t-dip::before,.sh-t-wave::before,.sh-t-slant::before,.sh-t-circle::before,.sh-b-arc::after,.sh-b-dip::after,.sh-b-wave::after,.sh-b-slant::after,.sh-b-circle::after{
  content:"";position:absolute;left:0;right:0;height:calc(var(--sh-h) + 2px);
  background:inherit;z-index:-1;pointer-events:none;
  -webkit-mask:var(--sh-m) 0 0/100% 100% no-repeat;mask:var(--sh-m) 0 0/100% 100% no-repeat}
.sh-t-arc::before,.sh-t-dip::before,.sh-t-wave::before,.sh-t-slant::before,.sh-t-circle::before{top:calc(-1 * var(--sh-h) - 1px);transform:scaleX(var(--sh-fx-t,1))}
.sh-b-arc::after,.sh-b-dip::after,.sh-b-wave::after,.sh-b-slant::after,.sh-b-circle::after{bottom:calc(-1 * var(--sh-h) - 1px);transform:scale(var(--sh-fx-b,1),-1)}
.sh-t-arc::before,.sh-b-arc::after{--sh-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10A60 22.4 0 0 1 100 10Z' fill='black'/%3E%3C/svg%3E")}
.sh-t-dip::before,.sh-b-dip::after{--sh-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0A60 22.4 0 0 0 100 0L100 10L0 10Z' fill='black'/%3E%3C/svg%3E")}
.sh-t-wave::before,.sh-b-wave::after{--sh-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10L0 6C14 -1 30 0 46 4.5S78 10.5 100 1.5L100 10Z' fill='black'/%3E%3C/svg%3E")}
.sh-t-slant::before,.sh-b-slant::after{--sh-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10L0 1.5L100 9.2L100 10Z' fill='black'/%3E%3C/svg%3E")}
.sh-t-circle::before,.sh-b-circle::after{--sh-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M14 10C36 10 64 7.6 84 3.2C90 1.8 95 .6 100 0L100 10Z' fill='black'/%3E%3C/svg%3E")}
.sh-flip-t{--sh-fx-t:-1}
.sh-flip-b{--sh-fx-b:-1}
.sh-c-white::before,.sh-c-white::after{background:var(--white)}
.sh-c-bg::before,.sh-c-bg::after{background:var(--bg)}
.sh-c-acc::before,.sh-c-acc::after{background:var(--acc-l)}

.sh-keep{overflow:visible!important}

.sh-over[class*="sh-t-"]{margin-top:0}
.sh-over[class*="sh-b-"]{margin-bottom:0}
.sh-over::before,.sh-over::after{z-index:1}

.white[class*="sh-t-"],.white[class*="sh-b-"]{background:#fff!important}
.sh-c-acc{background:linear-gradient(180deg,#e4ecff,#eaf2ff)!important}
.sh-c-acc::before,.sh-c-acc::after{background:#e6eeff!important}
.sh-c-acc::after{background:#e9f1ff!important}