.gradient-border,.gradient-border:before{border-radius:var(--gb-border-radius)}.gradient-border:after{background-image:var(--gb-gradient);background-position:50%;background-size:calc(100% + var(--gb-border-size)*2) calc(100% + var(--gb-border-size)*2);border:var(--gb-border-size) solid transparent;border-radius:calc(var(--gb-border-radius) + var(--gb-border-size));content:"";height:calc(100% + var(--gb-border-size)*2);inset:calc(var(--gb-border-size)*-1);-webkit-mask-clip:padding-box,border-box,border-box;mask-clip:padding-box,border-box,border-box;-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff0,#fff0),linear-gradient(#fff,#fff);opacity:0;position:absolute;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:calc(100% + var(--gb-border-size)*2);z-index:-10}.gradient-border[data-enabled=true]:after{opacity:1}