@property --full-cqw{syntax:"<length>";inherits:false;initial-value:100cqw}@property --full-cqh{syntax:"<length>";inherits:false;initial-value:100cqh}.border-dashed{contain:paint;--dash-size:20px;border-style:none;position:relative;overflow:hidden;container-type:size}.border-dotted{--dash-size:0px}.border-svg{pointer-events:none;--full-cqw:100cqw;--full-cqh:100cqh;--inline-full-width:tan(atan2(var(--full-cqw,100cqw),1px))*1px;--inline-full-height:tan(atan2(var(--full-cqh,100cqh),1px))*1px;--effective-width:calc(var(--inline-full-width) - var(--border-width));--effective-height:calc(var(--inline-full-height) - var(--border-width));--path-radius-raw:calc(var(--border-radius,0px) - (var(--border-width)/2));--max-path-radius-x:calc(var(--effective-width)/2);--max-path-radius-y:calc(var(--effective-height)/2);--max-path-radius:min(var(--max-path-radius-x),var(--max-path-radius-y));--path-radius:clamp(0px,var(--path-radius-raw),var(--max-path-radius));--straight-edges:calc(2*(var(--effective-width) - 2*var(--path-radius)) + 2*(var(--effective-height) - 2*var(--path-radius)));--circular-parts:calc(2*pi*var(--path-radius));--total-perimeter:calc(var(--straight-edges) + var(--circular-parts));--total-perimeter-unitless:tan(atan2(var(--total-perimeter),1px));--dash-size-unitless:tan(atan2(var(--dash-size),1px));--dash-count:round(down,calc(var(--total-perimeter-unitless)/(2*var(--dash-size-unitless))),1);--total-dash-length:calc(var(--dash-count)*var(--dash-size));--total-gap-length:max(0px,calc(var(--total-perimeter) - var(--total-dash-length)));--gap-size:calc(var(--total-gap-length)/var(--dash-count));--cycle-length:calc(var(--dash-size) + var(--gap-size));width:100%;height:100%;position:absolute;inset:0}.border-svg rect{x:calc(var(--border-width)/2);y:calc(var(--border-width)/2);width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));rx:var(--path-radius);ry:var(--path-radius);fill:none;stroke:var(--border-color,#000);stroke-width:var(--border-width);stroke-linecap:var(--dash-stroke-linecap,round);stroke-dasharray:var(--dash-size)var(--gap-size);stroke-opacity:var(--border-opacity,1);animation:var(--dash-animation,none)}@utility border-animate{--dash-animation: dash-move var(--animation-duration,1s)var(--animation-timing-function,linear)var(--animation-iteration-count,infinite);}@keyframes dash-move{to{stroke-dashoffset:calc(-1*var(--cycle-length))}}.border{--border-width:1px}@utility border-*{--border-width: --value([length]); --border-width: calc(--value(number)*1px); --border-color: --value([color]); --border-opacity: clamp(0,calc(--modifier(number)/100),1); --border-opacity: clamp(0,calc(--modifier([number])/1),1);}.dash-round{--dash-stroke-linecap:round}.dash-butt{--dash-stroke-linecap:butt}.dash-square{--dash-stroke-linecap:square}.rounded-xs{--border-radius:2px}.rounded,.rounded-sm{--border-radius:4px}.rounded-md{--border-radius:6px}.rounded-lg{--border-radius:8px}.rounded-xl{--border-radius:12px}.rounded-2xl{--border-radius:16px}.rounded-3xl{--border-radius:24px}.rounded-4xl{--border-radius:32px}.rounded-none{--border-radius:0px}.rounded-full{--border-radius:calc(infinity*1px)}@utility rounded-*{--border-radius: --value([length]);}