.reel{position:fixed;bottom:5%;font-family:'Jost',sans-serif;transition:.3s ease-in-out visibility,.3s ease-in-out opacity;visibility:hidden;opacity:0}.reel.active{display:flex;visibility:visible;opacity:1;z-index:1000}.reel.right{right:5%}@media (max-width:768px){.reel.right{right:14%}}.reel.left{left:5%}@media (max-width:768px){.reel.left{left:25%}}@media (max-width:768px){.reel.active.mobile{display:none}}.reel__close{position:absolute;right:7px;top:4px;cursor:pointer}.reel__content{text-align:center}.reel__lists{position:relative;width:259px;height:460px;margin:0;padding:0;border-radius:20px;overflow:hidden;list-style:none;background:#000;box-shadow:0 5px 15px 5px rgba(0,0,0,20%)}@media (max-width:768px){.reel__lists{width:163px;height:290px}}.reel__item{position:absolute;top:0;width:100%;height:100%;transition:transform 0.5s ease-in-out;transform:translateY(100%);border-radius:20px}.reel__item iframe,.reel__item object,.reel__item embed{position:absolute;top:0;left:0;width:100%;height:100%}.reel__item.active{transform:translateY(0)}.reel__buttons{margin-top:20px}.reel__button{display:block;width:186px;font-size:19px;font-weight:700;margin:0 auto;padding:10px 20px;border-radius:6px;text-align:center;color:#fff;transition:0.2s ease-in-out filter}@media (max-width:768px){.reel__button{width:152px;font-size:16px}}.reel__button:hover,.reel__button:focus{filter:brightness(120%);text-decoration:none;color:#fff}.reel__button:not(:last-child){margin-bottom:15px}.reel__navigation{padding:54% 0 0 20px}@media (max-width:768px){.reel__navigation{padding:38% 0 0 20px}}.reel__btn-slide,.reel__share{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#fff;border:1px solid #000;border-radius:50%;cursor:pointer;transition:0.2s ease-in-out fill,0.2s ease-in-out background}.reel__btn-slide:hover,.reel__share:hover{background:#000}.reel__btn-slide:hover svg,.reel__share:hover svg{fill:#fff}.reel__button,.reel__share{text-decoration:none}.reel__btn-slide{margin-bottom:15px}