.navigation{z-index:99999!important;left:-329px;max-width:360px!important;width:calc(100% - 44px);-webkit-transition:left .5s ease;-moz-transition:left .5s ease;-ms-transition:left .5s ease;-o-transition:left .5s ease;transition:left .5s ease;position:fixed;bottom:0;top:39px;background:#fff;border:1px solid #666;border-left:none}.nav-list li .highlight-ripple{position:relative;display:inline-block;padding:3px 5px 1px;color:#fff;background:#f681a5;overflow:hidden;line-height:1;vertical-align:middle}.navigation.hover-popup-open{z-index:9!important}.menu-open .navigation{left:0!important;top:39px!important}.navigation .menu{display:block;position:relative;width:30px;height:100%;cursor:pointer;margin-top:10px}.menu-open .menu{display:none}.menu-open .nav-tab{border-left:1px solid #666}.nav-tab{position:absolute;top:0;right:0;width:30px;height:100%}.nav-tab .nav-txt{position:absolute;width:30px;right:0;top:50%;margin-top:-55px;font-size:13px}.nav-tab .nav-txt p{writing-mode:vertical-rl;transform:rotate(180deg);padding:0;margin:0 auto;cursor:default}.nav-tab .close-menu{width:30px;text-align:center;margin-top:10px;display:none}.menu-open .close-menu{display:block;height:100%}.nav-tab .close-menu svg{width:12px}.navigation .menu .icon-line{width:18px;height:1px;background:#000;display:inline-block;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto}.navigation .menu .icon-line:nth-child(2){top:6px}.navigation .menu .icon-line:last-child{top:13px}.menu-open .wrap-overlay{position:fixed;height:100%;width:100%;background:#000;left:0;top:0;bottom:0;right:0;opacity:.2;transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden;z-index:99990;cursor:pointer}.nav-list{width:calc(100% - 30px)}.nav-list ul{margin-bottom:0}.nav-list li{list-style:none;font-size:13px;line-height:30px;margin:0;text-align:left}.nav-list li.right{text-align:right}.nav-list li a{display:block;padding:0 15px;border-bottom:1px solid #666}.nav-list li.account-list{border-bottom:1px solid #666;padding:0 10px}.nav-list li.account-list a{display:inline-block;padding:0 5px;border-bottom:0}.nav-list .sub-list{display:none}.nav-list .sub-list li{text-align:right}.nav-list li i{vertical-align:middle;font-size:15px;color:#000;cursor:pointer;width:10px;height:6px;position:relative;margin-left:10px}.nav-list li i:before,.nav-list li i:after{content:"";background:#000;height:2px;width:8px;left:0;position:absolute;top:0;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.nav-list li i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.nav-list li a.open i:after{display:none}.nav-list li:first-child{height:31px;border-bottom:1px solid #666}.nav-list li .sub-list.show-open{display:block}.nav-list .sub-list li:first-child{height:auto;border-bottom:0}.nav-list .sub-list .account-list:first-child{border-bottom:1px solid}.navigation .event-banner{text-align:center}.navigation .event-banner p{font-size:11px;font-weight:700;margin-top:20px}.navigation .event-banner img{width:90%}.navigation .nav-banner{text-align:center;text-transform:capitalize}.navigation .nav-banner p{font-size:11px;font-weight:700;margin-top:15px;background:#fbfbfb;padding-top:5px}.navigation .nav-banner img{width:100%}.highlight-mark{position:relative}.highlight-mark:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#ff7091;position:absolute;top:0;right:-7px}.highlight-background{box-shadow:inset 0 -7px #ffb6ce66;transition:all .4s}.highlight-background:hover{box-shadow:inset 0 -30px #ffb6ce66}.nav-list li .highlight-ripple{position:relative;display:inline-block;padding:3px 5px 1px;color:#fff;background:#ff7093;overflow:hidden;line-height:1;vertical-align:middle}.highlight-ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fff6;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.nav-list li .highlight-red{background:#e71450}.nav-list li .highlight-ripple.bk{background:#000}.nav-list li .highlight-ripple.bk_quickview{background:#ccc}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(20);opacity:1}to{opacity:0;transform:scale(35)}}.highlight-ripple:after{animation:ripple 2s ease-out infinite}.area{text-align:center;color:#ff7092;font-size:13px;animation:blur .75s ease-out infinite;text-shadow:0px 0px 5px #fff,0px 0px 7px #fff}@keyframes blur{0%{text-shadow:0px 0px 2px #ffe3ec,0px 0px 5px #ffe3ec,0px 0px 5px #ffe3ec,0px 0px 5px #ffe3ec,0px 0px 5px #ffe3ec,0px 0px 5px #ffe3ec,0px 0px 5px #ffe3ec,0px 0px 8px #ffe3ec,0px 0px 8px #ffe3ec,0px 0px 8px #ffe3ec,0px 0px 8px #ffe3ec,0px 10px 10px #ffe3ec,0px 10px 10px #ffe3ec,0px 10px 10px #ffe3ec,0px 10px 10px #ffe3ec,0px -10px 10px #ffe3ec,0px -10px 10px #ffe3ec}}@media (max-width: 1080px){.navigation{top:0;left:-100%}.menu-open .navigation{left:0!important;top:34px!important}}@media (min-width:0\fffd){.nav-tab .nav-txt{left:5px}.nav-tab .nav-txt p{position:absolute;writing-mode:tb-lr;-ms-writing-mode:tb-lr;transform:rotate(180deg)}.nav-tab .close-menu .icon-close{position:relative;top:-450px}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/navigation.css.map */