[data-unitone-layout~=texture]{--unitone--texture-color:var(--unitone--color--light-gray);--unitone--texture-gap:50px;--unitone--texture-size:1px;--unitone--texture-top:0px;--unitone--texture-right:0px;--unitone--texture-bottom:0px;--unitone--texture-left:0px;--unitone--texture-border-radius:0px;--unitone--texture-border-top-left-radius:var(--unitone--texture-border-radius);--unitone--texture-border-top-right-radius:var(--unitone--texture-border-radius);--unitone--texture-border-bottom-left-radius:var(--unitone--texture-border-radius);--unitone--texture-border-bottom-right-radius:var(--unitone--texture-border-radius);position:relative}:where([data-unitone-layout~=texture]>*){--unitone--position:relative;position:var(--unitone--position)}[data-unitone-layout~=texture]:before{background-position:50%;border-radius:var(--unitone--texture-border-top-left-radius) var(--unitone--texture-border-top-right-radius) var(--unitone--texture-border-bottom-right-radius) var(--unitone--texture-border-bottom-left-radius);content:"";inset:var(--unitone--texture-top) var(--unitone--texture-right) var(--unitone--texture-bottom) var(--unitone--texture-left);position:absolute}[data-unitone-layout~=texture][data-unitone-layout~="-texture:dots"]:before{background-image:radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size)*2) max(var(--unitone--texture-gap),var(--unitone--texture-size)*2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:offset-dots"]:before{background-image:radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size)),radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-position:0 0,max(var(--unitone--texture-gap)/2,var(--unitone--texture-size)*3/2) max(var(--unitone--texture-gap)/2,var(--unitone--texture-size)*3/2);background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size)*3) max(var(--unitone--texture-gap),var(--unitone--texture-size)*3)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:grid"]:before{background-image:linear-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size)),linear-gradient(to right,var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size)*2) max(var(--unitone--texture-gap),var(--unitone--texture-size)*2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:horizontal-stripe"]:before{background-image:linear-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size)*2) max(var(--unitone--texture-gap),var(--unitone--texture-size)*2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:vertical-stripe"]:before{background-image:linear-gradient(to right,var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size)*2) max(var(--unitone--texture-gap),var(--unitone--texture-size)*2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:checker-pattern"]:before{background-image:repeating-linear-gradient(45deg,var(--unitone--texture-color) 25%,transparent 25%,transparent 75%,var(--unitone--texture-color) 75%,var(--unitone--texture-color)),repeating-linear-gradient(45deg,var(--unitone--texture-color) 25%,transparent 25%,transparent 75%,var(--unitone--texture-color) 75%,var(--unitone--texture-color));background-position:0 0,var(--unitone--texture-gap) var(--unitone--texture-gap);background-size:calc(var(--unitone--texture-gap)*2) calc(var(--unitone--texture-gap)*2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:graph-paper"]:before{background-image:linear-gradient(var(--unitone--texture-color) calc(var(--unitone--texture-size) * 0.8),transparent calc(var(--unitone--texture-size) * 0.8)),linear-gradient(90deg,var(--unitone--texture-color) calc(var(--unitone--texture-size) * 0.8),transparent calc(var(--unitone--texture-size) * 0.8)),linear-gradient(var(--unitone--texture-color) calc(var(--unitone--texture-size) * 0.5),transparent calc(var(--unitone--texture-size) * 0.5)),linear-gradient(90deg,var(--unitone--texture-color) calc(var(--unitone--texture-size) * 0.5),transparent calc(var(--unitone--texture-size) * 0.5));background-position:calc(var(--unitone--texture-size)*-0.8) calc(var(--unitone--texture-size)*-0.8),calc(var(--unitone--texture-size)*-0.8) calc(var(--unitone--texture-size)*-0.8),calc(var(--unitone--texture-size)*-0.5) calc(var(--unitone--texture-size)*-0.5),calc(var(--unitone--texture-size)*-0.5) calc(var(--unitone--texture-size)*-0.5);background-size:max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30) calc(max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30)*2),calc(max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30)*2) max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30),calc(max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30)/5) calc(max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30)/5),calc(max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30)/5) calc(max(var(--unitone--texture-gap)*3,var(--unitone--texture-size)*30)/5)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:slash"]:before{background-image:repeating-linear-gradient(135deg,var(--unitone--texture-color) 0,var(--unitone--texture-color) var(--unitone--texture-size),transparent 0,transparent 50%)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:backslash"]:before,[data-unitone-layout~=texture][data-unitone-layout~="-texture:slash"]:before{background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size)*1.5 + 2px) max(var(--unitone--texture-gap),var(--unitone--texture-size)*1.5 + 2px)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:backslash"]:before{background-image:repeating-linear-gradient(45deg,var(--unitone--texture-color) 0,var(--unitone--texture-color) var(--unitone--texture-size),transparent 0,transparent 50%)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:wave"]:before{background-color:var(--unitone--texture-color);border-radius:0;-webkit-mask-composite:xor,source-out;mask-composite:exclude,subtract;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 200 20\"><path d=\"M200 0c-26.764 0-53.528 2.686-80.389 8.058C79.805 16.018 39.903 19.999 0 19.999V0z\"/></svg>"),url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 100 100\"><path d=\"M0 0h100v100H0z\"/></svg>"),url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 200 20\"><path d=\"M200 19.999H0c26.764 0 53.528-2.686 80.389-8.058C120.195 3.981 160.098 0 200 0z\"/></svg>");mask-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 200 20\"><path d=\"M200 0c-26.764 0-53.528 2.686-80.389 8.058C79.805 16.018 39.903 19.999 0 19.999V0z\"/></svg>"),url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 100 100\"><path d=\"M0 0h100v100H0z\"/></svg>"),url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 200 20\"><path d=\"M200 19.999H0c26.764 0 53.528-2.686 80.389-8.058C120.195 3.981 160.098 0 200 0z\"/></svg>");-webkit-mask-position:0 0,0 0,0 100%;mask-position:0 0,0 0,0 100%;-webkit-mask-repeat:repeat-x,repeat,repeat-x;mask-repeat:repeat-x,repeat,repeat-x;-webkit-mask-size:100% max(40px + var(--unitone--texture-size)),100% 100%,100% max(40px + var(--unitone--texture-size));mask-size:100% max(40px + var(--unitone--texture-size)),100% 100%,100% max(40px + var(--unitone--texture-size))}[data-unitone-layout~=texture][data-unitone-layout~="-texture:solid-color"]:before{background-color:var(--unitone--texture-color)}