.ug-joint{--ug-joint-p:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;color:#d3dbcc;background:radial-gradient(ellipse at 50% 45%,#0c1c14e8,#08140ef5 65%,#020805fa);opacity:1;transition:opacity .5s ease;font-family:Arial,Helvetica,sans-serif}.ug-joint__stage{position:relative;width:min(800px,94%);height:clamp(220px,42vw,420px);margin-top:-60px}.ug-joint__canvas,.ug-joint__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ug-joint--webgl .ug-joint__fallback{visibility:hidden}.ug-joint__caption{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:-40px;position:relative;font-size:10px;line-height:1.5;letter-spacing:.28em}.ug-joint__brand{font-weight:600}.ug-joint__percent{min-width:4ch;color:#879b8d;font-variant-numeric:tabular-nums;letter-spacing:.08em}.ug-joint__roll{position:absolute;left:8%;top:56%;width:84%;height:56px;transform:rotate(-2deg);filter:drop-shadow(0 12px 9px #0004)}.ug-joint__filter{position:absolute;left:0;top:18px;width:13%;height:20px;border-radius:35% 0 0 35%;background:repeating-linear-gradient(5deg,#9f805a88 0 1px,transparent 1px 4px),linear-gradient(#c7ac7b,#ad8f61 28%,#795a32);box-shadow:inset 0 1px #debd86}.ug-joint__filter:before{content:"";position:absolute;left:-4px;top:0;width:9px;height:20px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#382719 0 1px,#bf9c6f 1.5px 2.5px);border:1px solid #a1855c;box-sizing:border-box}.ug-joint__paper{position:absolute;left:12%;width:calc(88% * (1 - var(--ug-joint-p)));height:56px;clip-path:polygon(0 32%,100% calc(3% + var(--ug-joint-p) * 29%),100% calc(97% - var(--ug-joint-p) * 29%),0 68%);background:repeating-linear-gradient(168deg,transparent 0 17px,#92866744 18px,transparent 19px 37px),repeating-linear-gradient(3deg,#fff8d414 0 1px,transparent 1px 3px),linear-gradient(#bcb395,#e1d8b6 35%,#c1b795 58%,#796f53)}.ug-joint__paper:after{content:"";position:absolute;left:0;right:0;top:41%;height:3px;background:#ebe1b74d;border-top:1px solid #7f765b66;transform:rotate(-1deg)}.ug-joint__ember{box-sizing:content-box;position:absolute;left:calc(12% + 88% * (1 - var(--ug-joint-p)));top:calc(2px + var(--ug-joint-p) * 16px);width:9px;height:calc(52px - var(--ug-joint-p) * 32px);border-radius:30%;background:repeating-linear-gradient(25deg,#542a1c 0 2px,#eb6221 2px 3px,#b4330b 4px);box-shadow:0 0 13px #ed541864,inset 3px 0 #692817;border-right:9px solid #77766b;animation:ug-joint-glow 2.8s ease-in-out infinite}.ug-joint__ember:after{content:"";position:absolute;top:0;right:-8px;bottom:0;left:9px;background:repeating-linear-gradient(40deg,transparent 0 3px,#25272299 4px 5px)}.ug-joint__ember b{position:absolute;bottom:95%;left:-14px;width:43px;height:65px;border-radius:48%;background:radial-gradient(ellipse,#bccbc137,transparent 67%);filter:blur(5px);animation:ug-joint-smoke 3s linear infinite;transform-origin:bottom}.ug-joint__ember b:nth-child(2){animation-delay:-1s}.ug-joint__ember b:nth-child(3){animation-delay:-2s}.ug-joint__ember em{position:absolute;width:4px;height:5px;background:#86867b;right:-8px;bottom:2px;animation:ug-joint-ash 3.3s ease-in infinite}.ug-joint--spent .ug-joint__ember{background:#55564d;box-shadow:none;animation:none}.ug-joint--spent .ug-joint__ember b{animation-iteration-count:1;opacity:0;transition:opacity .7s}.ug-joint--leaving{opacity:0;pointer-events:none}@keyframes ug-joint-glow{0%,70%,to{filter:brightness(.86)}83%{filter:brightness(1.5)}}@keyframes ug-joint-smoke{0%{opacity:0;transform:translate(0) scale(.45) rotate(0)}20%{opacity:.85}65%{opacity:.5}to{opacity:0;transform:translate(36px,-145px) scale(2.2) rotate(35deg)}}@keyframes ug-joint-ash{0%,80%{opacity:0;transform:translate(0)}82%{opacity:.8}to{opacity:0;transform:translate(12px,95px) rotate(140deg)}}.ug-joint--reduced *{animation:none!important;transition:none!important}.ug-joint--reduced{transition:opacity .1s}@media(prefers-reduced-motion:reduce){.ug-joint *{animation:none!important}.ug-joint{transition:opacity .1s}}@media(max-width:480px){.ug-joint__stage{margin-top:-35px}.ug-joint__caption{margin-top:0;font-size:9px;gap:18px}.ug-joint__roll{height:40px;transform:scaleY(.78)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ug-cargador-porro.css.map */