.fd-draggable-ribbon-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:grab;z-index:10;perspective:1500px;perspective-origin:50% 50%;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.fd-draggable-ribbon-container:active{cursor:grabbing}.fd-ribbon-bg-text{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:15vw;font-weight:900;color:#ffffff40;pointer-events:auto;z-index:0;white-space:nowrap;letter-spacing:-2px;text-decoration:none;transition:color .3s ease}.fd-ribbon-bg-text:hover{color:#fff6}.fd-draggable-ribbon-track{position:absolute;top:5%;left:0;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;pointer-events:none}@media(max-width:768px){.fd-draggable-ribbon-track{top:14%}}.fd-ribbon-item{position:absolute;top:50%;left:50%;margin-top:-135px;margin-left:-240px;width:480px;height:270px;border-radius:12px;overflow:hidden;box-shadow:0 40px 80px #000000b3;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;background:#0f172a;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto}.fd-ribbon-item a{display:block;width:100%;height:100%;text-decoration:none;transform-style:preserve-3d}.fd-ribbon-image{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .8s cubic-bezier(.25,1,.5,1)}.fd-ribbon-item:hover .fd-ribbon-image{transform:scale(1.08)}.fd-ribbon-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .1s;z-index:5}.fd-ribbon-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000f2,#0006,#0000);pointer-events:none;z-index:1}.fd-ribbon-content{position:absolute;bottom:0;left:0;width:100%;padding:1.8rem;z-index:10;pointer-events:none;color:#fff;display:flex;flex-direction:column;gap:.5rem}.fd-ribbon-title{font-size:1.4rem!important;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;text-shadow:none;background:#0a0a0aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 14px;border-radius:9999px;display:inline-block;align-self:flex-start;border:1px solid rgba(255,255,255,.1)}.fd-ribbon-prices{display:inline-flex;gap:1rem;align-items:baseline;margin-top:.5rem;background:#10b981b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 14px;border-radius:9999px;align-self:flex-start;border:1px solid rgba(16,185,129,.3)}.fd-ribbon-price-current{font-weight:900;color:#000;font-size:2.2rem}.fd-ribbon-price-compare{color:#333;font-size:1.4rem;font-weight:600}.fd-ribbon-hint{position:absolute;top:17%;left:50%;transform:translate(-50%);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;padding:6px 12px;color:#fff;font-size:1.15rem;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;z-index:25;pointer-events:auto;cursor:grab;display:inline-flex;align-items:center;gap:14px;-webkit-user-select:none;user-select:none;white-space:nowrap}.fd-hint-text{color:#fff;font-weight:900;letter-spacing:2.5px;text-shadow:0 2px 10px rgba(0,0,0,.98),0 4px 25px rgba(0,0,0,.95),0 0 15px rgba(255,255,255,.35)}.fd-hint-pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 12px #10b981,0 0 5px #10b981;animation:fdPulseDot 1.5s infinite ease-in-out}.fd-hint-arrow{display:inline-flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.98)) drop-shadow(0 0 10px rgba(255,255,255,.9));will-change:transform}.fd-hint-arrow svg{width:22px;height:22px;stroke-width:3}.fd-arrow-left{animation:fd-arrow-swipe-left 1.4s infinite ease-in-out}.fd-arrow-right{animation:fd-arrow-swipe-right 1.4s infinite ease-in-out}@keyframes fd-arrow-swipe-left{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(-8px);opacity:1}}@keyframes fd-arrow-swipe-right{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(8px);opacity:1}}@keyframes fdPulseDot{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:1}}@media(max-width:768px){.fd-ribbon-hint{top:17%;font-size:.95rem;letter-spacing:1.8px;gap:10px}.fd-hint-text{letter-spacing:1.8px}.fd-hint-arrow svg{width:18px;height:18px;stroke-width:3}.fd-ribbon-item{width:320px;height:180px;margin-top:-90px;margin-left:-160px}.fd-ribbon-title{font-size:1.2rem!important}.fd-ribbon-content{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/draggable-ribbon.css.map */