:root{--ribbon-offset:12px}@media (min-width:720px){:root{--ribbon-offset:16px}}.ribbon-container{z-index:100;font-size:1.2em;line-height:1.2em;text-decoration:none;position:absolute;top:15px;right:0;overflow:visible}.ribbon-container:before{content:"";border-top:29px solid rgba(var(--bs-black-rgb), .2);border-bottom:29px solid rgba(var(--bs-black-rgb), .2);border-right:29px solid rgba(var(--bs-black-rgb), .2);border-left:29px solid transparent;width:0;height:0;display:block;position:absolute;top:3px;left:0}.ribbon-container:after{content:"";background:rgba(var(--bs-black-rgb), .2);height:3px;display:block;position:absolute;bottom:-3px;left:58px;right:3px}.ribbon-container div{height:58px;margin-left:29px;padding:1rem;text-decoration:none;display:block;position:relative;overflow:visible}.ribbon-container div:after{content:"";width:0;height:0;bottom:calc(var(--ribbon-offset) * -1);border-right:var(--ribbon-offset) solid transparent;display:block;position:absolute;right:0}.ribbon-container div:before{content:"";border-left:29px solid transparent;border-right:29px solid transparent;width:0;height:0;display:block;position:absolute;top:0;left:-29px}.ribbonHeading{text-align:center;width:50%;margin:2em auto 3em;padding:1em 2em;position:relative;font-size:16px!important}.ribbonHeading:before,.ribbonHeading:after{content:"";z-index:-1;display:block;position:absolute;bottom:-1em}.ribbonHeading:before{border-left-color:transparent;border-right-width:1.5em;left:-2em}.ribbonHeading:after{border-left-width:1.5em;border-right-color:transparent;right:-2em}.ribbonHeading .ribbon-content:before,.ribbonHeading .ribbon-content:after{content:"";border-style:solid;display:block;position:absolute;bottom:-1em}.ribbonHeading .ribbon-content:before{border-width:1em 0 0 1em;left:0}.ribbonHeading .ribbon-content:after{border-width:1em 1em 0 0;right:0}.ribbon-container{transform:translateX(var(--ribbon-offset));font-family:Lato,sans-serif}.ribbon-container div{background:var(--bs-ribbon-tag-bg,--bs-danger);color:var(--bs-ribbon-tag-bg-contrast);transition:all .3s}.ribbon-container div:after{border-top:var(--ribbon-offset) solid var(--bs-ribbon-tag-bg-text-emphasis,--bs-danger-text-emphasis);transition:all .3s}.ribbon-container div:before{border-top:29px solid var(--bs-ribbon-tag-bg);border-bottom:29px solid var(--bs-ribbon-tag-bg);transition:all .3s}a:hover .ribbon-container div{background:var(--bs-ribbon-tag-bg-text-emphasis,--bs-danger-text-emphasis);color:var(--bs-ribbon-tag-bg-bg-subtle,--bs-danger-bg-subtle)}a:hover .ribbon-container div:after{border-top:var(--ribbon-offset) solid var(--bs-dark)}a:hover .ribbon-container div:before{border-top:29px solid var(--bs-ribbon-tag-bg-text-emphasis,--bs-danger-text-emphasis);border-bottom:29px solid var(--bs-ribbon-tag-bg-text-emphasis,--bs-danger-text-emphasis)}.ribbonHeading{background:var(--bs-ribbon-header-bg,--bs-secondary);color:var(--bs-ribbon-header-bg-contrast,--bs-secondary-contrast);border-left:1px solid var(--bs-ribbon-header-bg-border-subtle,--bs-secondary-border-subtle);border-right:1px solid var(--bs-ribbon-header-bg-border-subtle,--bs-secondary-border-subtle)}.ribbonHeading:before,.ribbonHeading:after{border:1.5em solid var(--bs-ribbon-header-bg,--bs-secondary)}.ribbonHeading .ribbon-content:before,.ribbonHeading .ribbon-content:after{border-color:var(--bs-ribbon-header-bg-text-emphasis,--bs-secondary-text-emphasis) transparent transparent transparent}
