.eel-offcanvas.modern {width: 100%;}.eel-offcanvas:not(.modern) {position: fixed;top: 0;right: 0;width: 380px;height: 100%;background: #fff;transform: translateX(100%);transition: transform 0.3s ease;z-index: 999999;padding: 60px 25px 40px 40px;overflow-y: auto;}.eel-offcanvas:not(.modern).eel-offcanvas-left {left: 0;right: auto;transform: translateX(-100%);}.eel-offcanvas.modern {position: fixed;background: #fff;top: 0;left: 0;right: 0;bottom: 0;height: 100%;z-index: 999999;padding: 60px 100px 40px 40px;overflow-y: auto;visibility: hidden;opacity: 0;transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);}body.eel-offcanvas-active .eel-offcanvas.modern {visibility: visible;opacity: 1;}body.logged-in .eel-offcanvas {padding: 80px 25px 40px 40px;}body.logged-in .eel-offcanvas .eel-nav-menu-icon {top: 50px;}body.logged-in .eel-offcanvas {padding: 80px 25px 40px 40px;}body.logged-in .eel-offcanvas .eel-nav-menu-icon {top: 50px;}body.eel-offcanvas-active .eel-offcanvas:not(.modern) {transform: translateX(0);}body.eel-offcanvas-active::before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 99999;}.eel-offcanvas-close {position: absolute;top: 20px;right: 25px;font-size: 25px;border-radius: 100%;border: none;cursor: pointer;color: #000;z-index: 1;padding: 0;display: grid;place-content: center;margin: 0 auto;}.eel-offcanvas-close svg {height: 1em;fill: currentColor;}.eel-offcanvas-toggle-text {cursor: pointer;display: flex;align-items: center;}.eel-offcanvas-toggle-text svg {width: 20px;height: 20px;}.eel-offcanvas-toggle-text .eel-icon-text {margin-right: 6px;font-style: normal;}.eel-modern-close-toggle, .modern.eel-offcanvas-wrapper label {position: relative;width: 36px;height: 36px;cursor: pointer;}.eel-modern-close-toggle span, .modern.eel-offcanvas-wrapper label span {position: absolute;width: 100%;height: 2px;background: #000;display: block;left: 0;transition: 0.3s ease-in-out;}.eel-modern-close-toggle span:nth-of-type(1), .modern.eel-offcanvas-wrapper label span:nth-of-type(1) {top: 27%;}.eel-modern-close-toggle span:nth-of-type(2), .modern.eel-offcanvas-wrapper label span:nth-of-type(2) {top: 50%;}.eel-modern-close-toggle span:nth-of-type(3), .modern.eel-offcanvas-wrapper label span:nth-of-type(3) {bottom: 22%;}.eel-offcanvas.eel-blur-effect {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}body.eel-offcanvas-active .eel-modern-close-toggle span, body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span {transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.4s, opacity 0.3s ease 0.4s;}body.eel-offcanvas-active .eel-modern-close-toggle span:nth-of-type(1), body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span:nth-of-type(1) {transform: rotate(45deg) translateY(-50%);top: 50%;transition-delay: 0.8s;}body.eel-offcanvas-active .eel-modern-close-toggle span:nth-of-type(2), body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span:nth-of-type(2) {transform: scale(0);opacity: 0;transition-delay: 0.6s;}body.eel-offcanvas-active .eel-modern-close-toggle span:nth-of-type(3), body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span:nth-of-type(3) {transform: rotate(-45deg) translateY(50%);bottom: 50%;transition-delay: 0.8s;}.eel-offcanvas.modern .eel-offcanvas-panel {height: 100%;display: grid;align-items: center;}.eel-modern-close {top: 50%;transform: translateY(-50%);cursor: pointer;}.eel-offcanvas.modern .eel-offcanvas-content {transform: translateY(60px);opacity: 0;transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s ease;}body.eel-offcanvas-active .eel-offcanvas.modern .eel-offcanvas-content {transform: translateY(0);opacity: 1;}.eel-icon-menu-wrap {position: relative;width: 26px;height: 12px;cursor: pointer;}.eel-icon-menu-wrap * {transition: all ease-in 0.5s;}.eel-icon-menu {content: "";display: block;position: absolute;top: 0;width: 100%;border-bottom: solid 2px #000;}.eel-icon-menu-wrap:hover em {width: 70%;}.eel-icon-menu-wrap em:nth-child(2) {top: auto;bottom: 0;right: 0;}@media screen and (max-width: 991px) {.eel-modern-close {top: 40px;transform: translateY(0);cursor: pointer;}.eel-offcanvas.modern .eel-offcanvas-panel {display: block;}}