@layer ui{.k-box{--k-box-border-size:1px;--k-box-dot-size:5px;border:var(--k-box-border-size) solid #fff3;isolation:isolate;background-color:oklch(15% .004 270);position:relative}@media (resolution>=2x){.k-box{--k-box-border-size:.5px;--k-box-dot-size:4px}}.k-box:after{background:linear-gradient(oklch(82.7% .003 270) 0 0) left calc(var(--k-box-border-size)/2) top calc(var(--k-box-border-size)/2)/var(--k-box-dot-size) var(--k-box-dot-size) no-repeat,linear-gradient(oklch(82.7% .003 270) 0 0) right calc(var(--k-box-border-size)/2) top calc(var(--k-box-border-size)/2)/var(--k-box-dot-size) var(--k-box-dot-size) no-repeat,linear-gradient(oklch(82.7% .003 270) 0 0) right calc(var(--k-box-border-size)/2) bottom calc(var(--k-box-border-size)/2)/var(--k-box-dot-size) var(--k-box-dot-size) no-repeat,linear-gradient(oklch(82.7% .003 270) 0 0) left calc(var(--k-box-border-size)/2) bottom calc(var(--k-box-border-size)/2)/var(--k-box-dot-size) var(--k-box-dot-size) no-repeat;content:"";inset:calc(var(--k-box-dot-size)/-2 - var(--k-box-border-size));pointer-events:none;z-index:100;position:absolute}}