:root{--ys-corner-radius-none:0;--ys-corner-radius-small:4px;--ys-corner-radius-medium:8px;--ys-corner-radius-large:16px;--ys-corner-radius-full:9999px;--ys-outer-corner-clip-size:28px;--ys-inner-corner-clip-size:24px;--ys-corner-outer-clip-path:polygon(0% 0%,100% 0%,100% 100%,var(--ys-outer-corner-clip-size) 100%,0% calc(100% - var(--ys-outer-corner-clip-size)));--ys-corner-inner-clip-path:polygon(0% 0%,100% 0%,100% 100%,var(--ys-inner-corner-clip-size) 100%,0% calc(100% - var(--ys-inner-corner-clip-size)))}@media (max-width:767px),(min-width:768px) and (max-width:1023px){:root{--ys-outer-corner-clip-size:20px;--ys-inner-corner-clip-size:16px}}