.box-clip[data-v-a9f1ba24]{--cut-size:25px;--border-size:1px;clip-path:polygon(0 0,100% 0,100% 100%,var(--cut-size) 100%,0 calc(100% - var(--cut-size)));position:relative}.box-clip[data-v-a9f1ba24]:after{clip-path:polygon(0 0,0 calc(100% - var(--cut-size)),var(--cut-size) 100%,calc(var(--cut-size) + var(--border-size)) 100%,calc(var(--cut-size) + var(--border-size)) calc(100% - var(--border-size)),var(--border-size) calc(100% - var(--cut-size) - var(--border-size)),var(--border-size) var(--border-size),calc(100% - var(--border-size)) var(--border-size),calc(100% - var(--border-size)) calc(100% - var(--border-size)),calc(var(--cut-size) + var(--border-size)) calc(100% - var(--border-size)),calc(var(--cut-size) + var(--border-size)) 100%,100% 100%,100% 0);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background;width:100%;z-index:5}.box-clip.clip-full[data-v-a9f1ba24]:after{clip-path:polygon(0 var(--cut-size),0 calc(100% - var(--cut-size)),var(--cut-size) 100%,calc(var(--cut-size) + var(--border-size)) 100%,calc(var(--cut-size) + var(--border-size)) calc(100% - var(--border-size)),var(--border-size) calc(100% - var(--cut-size) - var(--border-size)),var(--border-size) var(--border-size),var(--border-size) calc(var(--cut-size) + var(--border-size)),calc(var(--cut-size) + var(--border-size)) var(--border-size),calc(100% - var(--cut-size) - var(--border-size)) var(--border-size),calc(100% - var(--border-size)) calc(var(--cut-size) + var(--border-size)),calc(100% - var(--border-size)) calc(100% - var(--cut-size) - var(--border-size)),calc(100% - var(--cut-size) - var(--border-size)) calc(100% - var(--border-size)),calc(var(--cut-size) + var(--border-size)) calc(100% - var(--border-size)),calc(var(--cut-size) + var(--border-size)) 100%,calc(100% - var(--cut-size)) 100%,100% calc(100% - var(--cut-size)),100% var(--cut-size),calc(100% - var(--cut-size)) 0,var(--cut-size) 0)}.box-clip.clip-l-half[data-v-a9f1ba24]:after{clip-path:polygon(0 0,0 calc(100% - var(--cut-size)),var(--cut-size) 100%,calc(var(--cut-size) + var(--border-size)) 100%,calc(var(--cut-size) + var(--border-size)) calc(100% - var(--border-size)),var(--border-size) calc(100% - var(--cut-size) - var(--border-size)),var(--border-size) var(--border-size),calc(100% - var(--cut-size) - var(--border-size)) var(--border-size),calc(100% - var(--border-size)) calc(var(--cut-size) + var(--border-size)),calc(100% - var(--border-size)) calc(100% - var(--border-size)),calc(var(--cut-size) + var(--border-size)) calc(100% - var(--border-size)),calc(var(--cut-size) + var(--border-size)) 100%,100% 100%,100% calc(100% - var(--cut-size)),100% var(--cut-size),calc(100% - var(--cut-size)) 0,var(--cut-size) 0)}.box-clip.clip-full[data-v-a9f1ba24]{clip-path:polygon(var(--cut-size) 0,calc(100% - var(--cut-size)) 0,100% var(--cut-size),100% calc(100% - var(--cut-size)),calc(100% - var(--cut-size)) 100%,var(--cut-size) 100%,0 calc(100% - var(--cut-size)),0 var(--cut-size))}.box-clip.clip-l-half[data-v-a9f1ba24]{clip-path:polygon(0 0,calc(100% - var(--cut-size)) 0,100% var(--cut-size),100% 100%,var(--cut-size) 100%,0 calc(100% - var(--cut-size)))}.box-clip.clip-sm[data-v-a9f1ba24]{--cut-size:10px}