.default-flag{z-index:21;padding:0 10px;border-top-left-radius:var(--border-radius);position:absolute;top:0;left:0;background:var(--primary);color:#fff;transform:translateY(-50%);max-width:calc(100% - 40px)}@media only screen and (min-width:768px){.default-flag{padding:0 15px}}.default-flag>.flag-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:24px}@media only screen and (min-width:768px){.default-flag>.flag-text{font-size:16px;line-height:28px}}.default-flag.__tailed:after{content:"";position:absolute;top:0;right:-14px;border:12px solid var(--primary);border-right-color:transparent!important}@media only screen and (min-width:768px){.default-flag.__tailed:after{right:-18px;border:14px solid var(--primary)}}.default-flag.__rounded{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.default-flag.__angled:after{content:"";position:absolute;top:0;right:-14px;border-bottom:24px solid var(--primary);border-right:14px solid transparent!important}@media only screen and (min-width:768px){.default-flag.__angled:after{border-bottom:28px solid var(--primary)}}.default-flag.__ribboned{left:-8px}@media only screen and (min-width:768px){.default-flag.__ribboned{left:-12px}}.default-flag.__ribboned:before{content:"";position:absolute;left:0;bottom:-8px;width:8px;height:8px;background:linear-gradient(45deg,transparent 0,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 100%),linear-gradient(45deg,transparent 0,transparent 50%,var(--primary) 50%,var(--primary) 100%)}@media only screen and (min-width:768px){.default-flag.__ribboned:before{bottom:-12px;width:12px;height:12px}}