.pattern-1{
    background-image:repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor),repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
    background-position:0 0,10px 10px;
    background-size:calc(2 * 10px) calc(2 * 10px)
}
.pattern-2{
    background-image:repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor),repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
    background-position:0 0,25px 25px;
    background-size:calc(2 * 25px) calc(2 * 25px)
}
.pattern-3{
    background-image:repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor),repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
    background-position:0 0,50px 50px;
    background-size:calc(2 * 50px) calc(2 * 50px)
}
.pattern-4{
    background-image:repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor),repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
    background-position:0 0,100px 100px;
    background-size:calc(2 * 100px) calc(2 * 100px)
}
.pattern-5{
    background-image:linear-gradient(currentColor 1px, transparent 1px),linear-gradient(to right, currentColor 1px, transparent 1px);
    background-size:10px 10px
}
.pattern-6{
    background-image:linear-gradient(currentColor 1px, transparent 1px),linear-gradient(to right, currentColor 1px, transparent 1px);
    background-size:25px 25px
}
.pattern-7{
    background-image:linear-gradient(currentColor 1px, transparent 1px),linear-gradient(to right, currentColor 1px, transparent 1px);
    background-size:50px 50px
}
.pattern-8{
    background-image:linear-gradient(currentColor 1px, transparent 1px),linear-gradient(to right, currentColor 1px, transparent 1px);
    background-size:100px 100px
}
.pattern-9{
    background-image:radial-gradient(currentColor .5px, transparent .5px);
    background-size:calc(10 * .5px) calc(10 * .5px)
}
.pattern-10{
    background-image:radial-gradient(currentColor 1px, transparent 1px);
    background-size:calc(10 * 1px) calc(10 * 1px)
}
.pattern-11{
    background-image:radial-gradient(currentColor 1.5px, transparent 1.5px);
    background-size:calc(10 * 1.5px) calc(10 * 1.5px)
}
.pattern-12{
    background-image:radial-gradient(currentColor 2px, transparent 2px);
    background-size:calc(10 * 2px) calc(10 * 2px)
}
.pattern-13{
    background-image:radial-gradient(currentColor .5px, transparent .5px),radial-gradient(currentColor .5px, transparent .5px);
    background-size:calc(20 * .5px) calc(20 * .5px);
    background-position:0 0,calc(10 * .5px) calc(10 * .5px)
}
.pattern-14{
    background-image:radial-gradient(currentColor 1px, transparent 1px),radial-gradient(currentColor 1px, transparent 1px);
    background-size:calc(20 * 1px) calc(20 * 1px);
    background-position:0 0,calc(10 * 1px) calc(10 * 1px)
}
.pattern-15{
    background-image:radial-gradient(currentColor 1.5px, transparent 1.5px),radial-gradient(currentColor 1.5px, transparent 1.5px);
    background-size:calc(20 * 1.5px) calc(20 * 1.5px);
    background-position:0 0,calc(10 * 1.5px) calc(10 * 1.5px)
}
.pattern-16{
    background-image:radial-gradient(currentColor 2px, transparent 2px),radial-gradient(currentColor 2px, transparent 2px);
    background-size:calc(20 * 2px) calc(20 * 2px);
    background-position:0 0,calc(10 * 2px) calc(10 * 2px)
}
.pattern-17{
    background-image:repeating-linear-gradient(to right, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:10px 10px
}
.pattern-18{
    background-image:repeating-linear-gradient(0deg, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:10px 10px
}
.pattern-19{
    background-image:repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 0, transparent 50%);
    background-size:10px 10px
}
.pattern-20{
    background-image:repeating-linear-gradient(to right, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:25px 25px
}
.pattern-21{
    background-image:repeating-linear-gradient(0deg, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:25px 25px
}
.pattern-22{
    background-image:repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 0, transparent 50%);
    background-size:25px 25px
}
.pattern-23{
    background-image:repeating-linear-gradient(to right, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:50px 50px
}
.pattern-24{
    background-image:repeating-linear-gradient(0deg, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:50px 50px
}
.pattern-25{
    background-image:repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 0, transparent 50%);
    background-size:50px 50px
}
.pattern-26{
    background-image:repeating-linear-gradient(to right, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:100px 100px
}
.pattern-27{
    background-image:repeating-linear-gradient(0deg, currentColor, currentColor 1px, transparent 1px, transparent);
    background-size:100px 100px
}
.pattern-28{
    background-image:repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 0, transparent 50%);
    background-size:100px 100px
}
.pattern-29{
    background-image:linear-gradient(90deg, transparent 50%, currentColor 50%);
    background-size:10px 10px
}
.pattern-30{
    background-image:linear-gradient(0deg, transparent 50%, currentColor 50%);
    background-size:10px 10px
}
.pattern-31{
    background:repeating-linear-gradient(45deg, transparent, transparent 10px, currentColor 10px, currentColor calc(2 * 10px))
}
.pattern-32{
    background-image:linear-gradient(90deg, transparent 50%, currentColor 50%);
    background-size:25px 25px
}
.pattern-33{
    background-image:linear-gradient(0deg, transparent 50%, currentColor 50%);
    background-size:25px 25px
}
.pattern-34{
    background:repeating-linear-gradient(45deg, transparent, transparent 25px, currentColor 25px, currentColor calc(2 * 25px))
}
.pattern-35{
    background-image:linear-gradient(90deg, transparent 50%, currentColor 50%);
    background-size:50px 50px
}
.pattern-36{
    background-image:linear-gradient(0deg, transparent 50%, currentColor 50%);
    background-size:50px 50px
}
.pattern-37{
    background:repeating-linear-gradient(45deg, transparent, transparent 50px, currentColor 50px, currentColor calc(2 * 50px))
}
.pattern-38{
    background-image:linear-gradient(90deg, transparent 50%, currentColor 50%);
    background-size:100px 100px
}
.pattern-39{
    background-image:linear-gradient(0deg, transparent 50%, currentColor 50%);
    background-size:100px 100px
}
.pattern-40{
    background:repeating-linear-gradient(45deg, transparent, transparent 100px, currentColor 100px, currentColor calc(2 * 100px))
}
.pattern-41{
    background:linear-gradient(135deg, currentColor 25%, transparent 25%) -10px 0,linear-gradient(225deg, currentColor 25%, transparent 25%) -10px 0,linear-gradient(315deg, currentColor 25%, transparent 25%),linear-gradient(45deg, currentColor 25%, transparent 25%);
    background-size:calc(2 * 10px) calc(2 * 10px)
}
.pattern-42{
    background:linear-gradient(135deg, currentColor 25%, transparent 25%) -25px 0,linear-gradient(225deg, currentColor 25%, transparent 25%) -25px 0,linear-gradient(315deg, currentColor 25%, transparent 25%),linear-gradient(45deg, currentColor 25%, transparent 25%);
    background-size:calc(2 * 25px) calc(2 * 25px)
}
.pattern-43{
    background:linear-gradient(135deg, currentColor 25%, transparent 25%) -50px 0,linear-gradient(225deg, currentColor 25%, transparent 25%) -50px 0,linear-gradient(315deg, currentColor 25%, transparent 25%),linear-gradient(45deg, currentColor 25%, transparent 25%);
    background-size:calc(2 * 50px) calc(2 * 50px)
}
.pattern-44{
    background:linear-gradient(135deg, currentColor 25%, transparent 25%) -100px 0,linear-gradient(225deg, currentColor 25%, transparent 25%) -100px 0,linear-gradient(315deg, currentColor 25%, transparent 25%),linear-gradient(45deg, currentColor 25%, transparent 25%);
    background-size:calc(2 * 100px) calc(2 * 100px)
}
.pattern-45{
    background-image:linear-gradient(45deg, currentColor 50%, transparent 50%);
    background-size:10px 10px
}
.pattern-46{
    background-image:linear-gradient(45deg, currentColor 50%, transparent 50%);
    background-size:25px 25px
}
.pattern-47{
    background-image:linear-gradient(45deg, currentColor 50%, transparent 50%);
    background-size:50px 50px
}
.pattern-48{
    background-image:linear-gradient(45deg, currentColor 50%, transparent 50%);
    background-size:100px 100px
}
.pattern-49{
    background-image:linear-gradient(45deg, currentColor 50%, transparent 50%);
    background-size:50px 50px
}
.pattern-50{
    background-image:linear-gradient(45deg, currentColor 50%, transparent 50%);
    background-size:100px 100px
}
.text-pattern{
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent
}
.pattern-w-sm{
    width:10px
}
.pattern-h-sm{
    height:10px
}
.pattern-w-md{
    width:25px
}
.pattern-h-md{
    height:25px
}
.pattern-w-lg{
    width:50px
}
.pattern-h-lg{
    height:50px
}
.pattern-w-xl{
    width:100px
}
.pattern-h-xl{
    height:100px
}
/*# sourceMappingURL=pattern.min.css.map */