.ribbon[data-v-946f65c7]{position:absolute;right:var(--right, -.25rem);top:var(--top, -.25rem);filter:drop-shadow(2px 3px 2px rgba(0,0,0,.5));z-index:100}.ribbon>.content[data-v-946f65c7]{color:#fff;font-size:1.25rem;text-align:center;font-weight:400;background:var(--color, #2ca7d8) linear-gradient(45deg,#0000,#ffffff40);padding:8px 2px 4px;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,0 100%);width:var(--width, var(--64253b52));min-height:var(--height, var(--06b3351b));transition:clip-path 1s,padding 1s,background 1s}.ribbon.slant-up>.content[data-v-946f65c7]{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),50% calc(100% - 6px),0 100%)}.ribbon.slant-down>.content[data-v-946f65c7]{clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 6px),0 calc(100% - 12px))}.ribbon.down>.content[data-v-946f65c7]{clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),50% 100%,0 calc(100% - 8px))}.ribbon.up>.content[data-v-946f65c7]{clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%)}.ribbon.check>.content[data-v-946f65c7]{clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),40% 100%,0 calc(100% - 12px))}