.mobile-trapezoid-root{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.mobile-trapezoid-middle{clip-path:polygon(40% 0%,100% 0%,100% 100%,0% 100%);z-index:2;background-color:#fff;width:100%;height:101%;position:absolute;top:-.5px}.mobile-trapezoid-corners{color:#fff;justify-content:center;align-items:center;width:89.07%;height:100%;display:flex;position:absolute}.mobile-trapezoid-corners:before{content:" ";background-color:#fff;border-top-left-radius:8px;width:50px;height:100%;display:block;position:absolute;top:0;left:-10px;transform:skew(-45deg)}@media screen and (min-width:500px){.mobile-trapezoid-middle{clip-path:polygon(30% 0%,100% 0%,100% 100%,0% 100%);z-index:2;background-color:#fff;width:100%;height:105%;position:absolute;top:-.5px}}@media screen and (min-width:768px){.mobile-trapezoid-middle{clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:2;background-color:#fff;width:100%;height:101%;position:absolute;top:-.5px}}
.navigation-toggle{z-index:10;position:absolute;top:0;right:0}.navigation-toggle nav{justify-content:end;display:flex}.navigation-toggle .background{background:#fff;width:800px;height:100%;margin-top:6rem;position:absolute;top:0;bottom:0;right:0}.navigation-toggle .backdrop{background:#fff;width:100vw;margin-top:6rem;position:absolute;top:0;bottom:0;right:0}.navigation-toggle button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;width:40px;height:40px;position:absolute;top:23px;right:0}.navigation-toggle ul{width:800px}.navigation-toggle li{align-items:center;list-style:none;display:flex}.navigation-toggle .icon-placeholder{border-radius:50%;flex:0 40px;width:40px;height:40px;margin-right:20px}.navigation-toggle .text-placeholder{border-radius:5px;flex:1;width:200px;height:20px}.navigation-toggle .refresh{cursor:pointer;background:#0006;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;padding:10px;display:flex;position:absolute;top:10px;right:10px}
.trapezoid-root{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.trapezoid-middle{clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);z-index:2;background-color:#fff;width:100%;height:100%;position:absolute}.trapezoid-corners{color:#fff;justify-content:center;align-items:center;width:89.07%;height:100%;display:flex;position:absolute}.trapezoid-corners:before{content:" ";background-color:#fff;border-top-left-radius:8px;width:40px;height:100%;display:block;position:absolute;top:0;left:-10px;transform:skew(-50deg)}.trapezoid-corners:after{content:" ";background-color:#fff;border-top-right-radius:8px;width:40px;height:100%;display:block;position:absolute;top:0;right:-10px;transform:skew(50deg)}@media (min-width:1280px){.trapezoid-middle{clip-path:polygon(13% 0%,87% 0%,100% 100%,0% 100%)}.trapezoid-corners:before{border-top-left-radius:8px;width:40px;left:-10px;transform:skew(-50deg)}.trapezoid-corners:after{border-top-right-radius:8px;width:40px;height:100%;right:-10px;transform:skew(50deg)}}@media (min-width:1536px){.trapezoid-middle{clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.trapezoid-corners:before{border-top-left-radius:8px;width:40px;left:-10px;transform:skew(-50deg)}.trapezoid-corners:after{border-top-right-radius:8px;width:40px;height:100%;right:-10px;transform:skew(50deg)}}