@media(min-width:1367px) and (max-width:1920px){.ribbon-canvas-wrapper{position:fixed;top:40px;right:0;width:100%;height:100%;z-index:1001;opacity:0;visibility:hidden;transition:opacity .6s ease-out,right .8s cubic-bezier(0.34,1.56,0.64,1),visibility 0 .6s;will-change:right,opacity;contain:layout style paint}
}
@media(min-width:1024px) and (max-width:1366px){.ribbon-canvas-wrapper{position:fixed;top:20px;right:0;width:100%;height:100%;z-index:1001;opacity:0;visibility:hidden;transition:opacity .6s ease-out,right .8s cubic-bezier(0.34,1.56,0.64,1),visibility 0 .6s;will-change:right,opacity;contain:layout style paint}
}
.ribbon-banner-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end}
#ribbonCanvas{width:100%;height:100%;display:block;object-fit:cover;object-position:bottom left;transform-origin:bottom left}
.ribbon-static-wrapper{position:fixed;bottom:20px;left:20px;width:101px;height:125px;z-index:1002;opacity:0;visibility:hidden;transform:translate3d(-120px,0,0);transition:transform 6s cubic-bezier(0.22,1,0.36,1),opacity 6s ease;will-change:transform,opacity;display:flex;align-items:center;justify-content:center}
.ribbon-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:contain;z-index:1}
.ribbon-top-image{position:absolute;top:-14px;left:3px;display:block;object-fit:contain;z-index:1;opacity:1}
.ribbon-animated-gif{position:absolute;z-index:2;top:7px;left:4px;width:93px;opacity:1}
.ribbon-canvas-wrapper.show{opacity:1;visibility:visible;right:0;transition:opacity .6s ease-out,right .8s cubic-bezier(0.34,1.56,0.64,1),visibility 0 0;will-change:auto}
.ribbon-static-wrapper.show{opacity:1;visibility:visible;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(0.22,1,0.36,1),transform 1.5s cubic-bezier(0.22,1,0.36,1),visibility 0 0;will-change:auto}
.ribbon-canvas-wrapper.hide{opacity:0;visibility:hidden;right:100%;pointer-events:none;transition:opacity .5s ease-in,right .6s ease-in,visibility 0 .5s}
.ribbon-static-wrapper.hide{opacity:0;visibility:hidden;transform:translateX(-28px);pointer-events:none;transition:opacity .6s cubic-bezier(0.22,1,0.36,1),transform .6s cubic-bezier(0.22,1,0.36,1),visibility 0 .6s}
.ribbon-content{position:absolute;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);padding-top:9px}
.ribbon-title{text-align:center;text-shadow:1px 1px 2px rgba(255,255,255,0.20);font-family:Inter;font-size:10px;font-weight:800;line-height:normal;letter-spacing:-0.1px;margin-bottom:4px;max-width:85px;background:linear-gradient(98deg,#2c4c9b 35.96%,#0073bb 95.36%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ribbon-description{color:var(--Secondary-Indigo,#2c4c9b);text-align:center;font-family:Inter;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.08px;margin-bottom:4px}
.ribbon-cta{color:var(--neutral-universal-white,#FFF);font-family:Inter;font-size:6px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-0.06px;border-radius:4px;background:linear-gradient(180deg,#d62049 0,#971733 100%);display:inline-flex;align-items:center;justify-content:center;padding:5.5px 12px}
.ribbon-terms{color:var(--Secondary-Grey-Dark,#58595b);text-align:center;font-family:Inter;font-size:4px;font-weight:400;line-height:normal;letter-spacing:-0.04px;margin-top:6px}
.ribbon-close-icon{position:absolute;top:-1px;right:-1px;width:16px;height:16px;background:transparent;border:0;cursor:pointer;z-index:1002;padding:0;opacity:1;transition:transform .2s ease}
.ribbon-close-icon img{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2))}
@media(min-width:768px) and (max-width:1023.98px){.ribbon-canvas-wrapper{position:fixed;top:20px;right:0;width:100%;height:100vh;z-index:1001;opacity:0;visibility:hidden;transition:opacity .6s ease-out,right .8s cubic-bezier(0.34,1.56,0.64,1),visibility 0 .6s;will-change:right,opacity;contain:layout style paint}
}
@media screen and (max-width:767.99px){.ribbon-canvas-wrapper{position:fixed;top:-100px;right:-100%;width:100%;height:100vh;overflow:visible;z-index:1001;opacity:0;visibility:hidden;transition:opacity 5s cubic-bezier(0.16,1,0.3,1),right 5s cubic-bezier(0.16,1,0.3,1),visibility 0 5s;will-change:right,opacity;contain:layout style paint}
.ribbon-canvas-wrapper.show{right:0;opacity:1;visibility:visible;transform:translateY(0);transition:opacity 5s cubic-bezier(0.16,1,0.3,1),right 5s cubic-bezier(0.16,1,0.3,1),transform 5s cubic-bezier(0.16,1,0.3,1),visibility 0 0}
.ribbon-canvas-wrapper.hide{right:100%;opacity:0;visibility:hidden;transform:translateY(0);transition:opacity 3s cubic-bezier(0.16,1,0.3,1),right 3s cubic-bezier(0.16,1,0.3,1),transform 3s cubic-bezier(0.16,1,0.3,1),visibility 0 3s}
.ribbon-banner-container{display:flex;align-items:flex-end;justify-content:flex-start;padding:0}
#ribbonCanvas{width:100%;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-position:bottom left;transform-origin:bottom left;transform:scale(1.2)}
.ribbon-static-wrapper{width:101px;height:125px;bottom:50px;left:10px}
}
@media screen and (min-width:768px) and (max-width:991.99px){.ribbon-static-wrapper{width:101px;height:125px}
}
@media print{.ribbon-canvas-wrapper,.ribbon-static-wrapper{display:none !important}
}
@media(prefers-reduced-motion:reduce){.ribbon-canvas-wrapper,.ribbon-static-wrapper{transition:none}
}
@media(prefers-contrast:high){.ribbon-close-icon{outline:2px solid currentColor}
}