.header{background:var(--background-secondary-green);min-width:300px;position:fixed;top:0;width:100%;z-index:2100}
@media(max-width:750px){.header{min-height:50px}
}
@media(min-width:751px){.header{box-shadow:0 4px 4px rgba(0,0,0,0.12);min-height:50px}
}
.header .menu{height:50px;transition:all .2s ease-in-out}
@media(max-width:900px){.header .menu{height:50px}
}
@media(max-width:750px){.header .menu{height:50px}
}
.header .menu .wrapper{max-width:none}
.search-cart-profile-container{display:flex;justify-content:flex-end;align-items:center;gap:10px;height:50px;z-index:10}
.menu .navSearch{overflow:hidden;float:left}
@media(max-width:750px){.menu .navSearch{float:none}
}
.search-toggle{display:block;width:35px;position:relative;cursor:pointer;transition:all .2s ease-in-out;color:var(--background-primary-color)}
@media(min-width:901px){.search-toggle{display:none;padding-top:6px}
}
.search-toggle:before{font-size:27px}
.hm_wrapper .search,#search .no-products .search{height:150px;margin:10px 0}
.hm_wrapper .search{position:fixed;transform:translate(-50%,0);left:50%;margin:0;z-index:2200;width:50%;min-width:100%;top:-200px}
.hm_wrapper .search.slide{top:0;transition:top .5s;-moz-transition:top .5s;-ms-transition:top .5s;-o-transition:top .5s;-webkit-transition:top .5s;display:block}
@media(min-width:901px){.hm_wrapper .search,.hm_wrapper .search.slide{width:60%;min-width:auto;height:52px}
.hm_wrapper .search{position:relative;transform:none;left:initial;top:initial;border-bottom:1px solid var(--border-quaternary-color)}
}
@media(max-width:750px){.hm_wrapper .search{height:130px}
}
@media(max-width:900px){#search .no-products .search{margin-left:0}
}
.hm_wrapper .search .close-search{position:absolute;top:5px;right:10px;font-size:30px;color:var(--text-primary-color);cursor:pointer;z-index:2224}
@media(min-width:900px){.hm_wrapper .search .close-search{display:none}
}
.search form#searchForm{width:100%;margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;padding-top:55px;z-index:2223;background:var(--background-primary-color)}
@media(min-width:901px){.search form#searchForm{width:100%;height:100%;padding:0 5px 0 10px;background:transparent}
.search form#searchForm:after{content:"";position:absolute;width:100%;height:100%;padding:0 5px;top:0;left:50%;transform:skew(-45deg) translate(-50%,0);text-align:center;background:var(--background-primary-color)}
}
@media(max-width:900px){.search form#searchForm{align-items:flex-start}
.search form#searchForm:after{content:" ";position:absolute;display:block;width:100%;top:90px;left:50%;transform:translate(-50%,0);height:2px;background-color:var(--background-tertiary-color)}
}
@media(max-width:750px){.search form#searchForm{padding-top:45px;padding-left:10px;padding-right:10px;margin:0 auto}
.search form#searchForm:after{top:80px}
}
.search.slide form#searchForm{height:100%}
.search .search-field{padding:0;height:33px;line-height:17px;font-weight:bold;font-size:16px;margin:0;border:0;width:100%;color:var(--text-primary-color);border-radius:0;background:transparent;z-index:10}
@media(max-width:900px){.hm_wrapper .search .search-field{display:block;width:100%;padding-left:10px}
}
.search .search-field::-webkit-input-placeholder{color:var(--text-primary-color)}
.search .search-field:-ms-input-placeholder{color:var(--text-primary-color)}
.search .search-field::placeholder{color:var(--text-primary-color)}
.search form#searchForm button{position:relative;width:35px;height:35px;padding:0;cursor:pointer;z-index:10}
.search form#searchForm button:before{color:var(--text-primary-color)}
.search form#searchForm button[type="submit"]{background:transparent;color:var(--text-primary-color);font-size:22px}
.search form#searchForm button.clear{font-size:20px;right:10px;background:transparent;color:var(--text-primary-color)}
.search .search-field:placeholder-shown ~ button.clear,.search .search-field:not(:placeholder-shown) ~ button.icon-search{display:none}
.search .search-field:placeholder-shown ~ button.icon-search{display:block}
@media(max-width:900px){.search form#searchForm button,.search form#searchForm button.clear{right:20px}
}
div.search-box-bg{display:none;position:fixed;z-index:2000;height:100vh;width:100%;background:rgba(0,0,0,0.5);left:0;top:0}
.header .options-container,.header .options-container .links-container{display:flex;justify-content:flex-start;align-items:center;height:100%}
.header .options{padding:0;display:flex}
@media(max-width:900px){.header .options{position:relative;margin:0 0 0 60px;transition:all .3s;float:left;display:none;z-index:99}
.nav-mob-out-currency-locale-container .options.currency-locale-forms.nav-is-visible{left:unset;display:block;margin:0;width:100%;padding-left:20px}
}
form.currencyForm,form.localeForm{float:left;cursor:pointer;position:relative;overflow:visible;font-size:11px;padding-right:12px}
form.currencyForm{width:75px}
form.localeForm{width:95px}
@media(max-width:900px){form.currencyForm,form.localeForm{float:left}
}
form.currencyForm ul.dropdown-list,form.localeForm ul.dropdown-list{z-index:999}
form.currencyForm .dropdown-container,form.localeForm .dropdown-container{border:1px solid transparent;position:relative;z-index:3;user-select:none;border-radius:var(--border-radius);padding:4px 0 3px 0}
form.currencyForm .dropdown-toggle,form.localeForm .dropdown-toggle{background-size:16px auto;font-weight:400;border-radius:var(--border-radius)}
.dropdown-toggle span{display:inline-block;vertical-align:middle}
@media(max-width:900px){form.currencyForm .dropdown-toggle,form.localeForm .dropdown-toggle{border-radius:var(--border-radius);background:var(--background-secondary-color);color:var(--text-secondary-color)}
}
.dropdown-toggle span.icon-arrow-down-thin{margin-left:5px}
.dropdown-toggle span.icon-arrow-down-thin:before,.dropdown-toggle.active span.icon-arrow-down-thin:before{display:inline-block;transition:all .4s ease}
.dropdown-toggle span.icon-arrow-down-thin:before{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}
.dropdown-toggle.active span.icon-arrow-down-thin:before{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}
.dropdown-list{list-style:none;padding:0;margin:0;visibility:hidden;max-height:0;border:1px solid var(--border-tertiary-color);background-color:var(--background-primary-color)}
.dropdown-list.active{max-height:2000px;visibility:visible;transition-delay:.2s;transition-property:visibility,max-height,border-top;position:absolute;top:35px;left:-2px;border-right:1px solid var(--border-tertiary-color);border-left:1px solid var(--border-tertiary-color);border-bottom:1px solid var(--border-tertiary-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}
@media(max-width:900px){form.currencyForm ul.dropdown-list,form.localeForm ul.dropdown-list{position:relative;width:auto;left:0}
.dropdown-list.active{top:0;border-right:1px solid var(--border-primary-color);border-left:1px solid var(--border-primary-color);border-bottom:1px solid var(--border-primary-color)}
}
.dropdown-element{color:var(--text-primary-color);padding:2px 12px;margin:0;white-space:nowrap}
.dropdown-list .dropdown-element:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
@media(max-width:900px){.dropdown-list .dropdown-element:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
}
.dropdown-element.active,.dropdown-element:hover{background-color:var(--background-secondary-color);color:var(--text-secondary-color)}
form.localeForm .dropdown-container{text-transform:uppercase}
.cart-profile{display:flex;padding:0;float:right;height:50px;justify-content:space-between;align-items:center;transition:padding .2s ease-in-out;gap:5px}
@media(max-width:900px){.cart-profile{z-index:10}
}
@media(max-width:750px){.cart-profile{padding:0;gap:10px}
}
.cart-profile .placeholder-icon{width:20px}
@media(max-width:899px){.cart-profile .placeholder-icon{display:none}
}
.cart-profile .cart-mini a,.cart-profile a.profile,.cart-profile div.profile,.cart-profile div.saved-products-list,.cart-profile div.saved-products-list a{display:flex;justify-content:center;align-items:center}
.cart-profile div.profile,.cart-profile div.saved-products-list,.cart-profile div.saved-products-list a{width:35px}
.cart-profile div.saved-products-list{position:relative}
.cart-profile .login-flyout a:hover,.cart-profile .login-flyout a:active{background-color:var(--background-tertiary-color);color:var(--text-secondary-color)}
.cart-profile a span.cart-mobile,.cart-profile span.saved-products-count{display:block;background-color:var(--background-primary-color);border:2px solid var(--border-quaternary-color);position:absolute;color:var(--text-tertiary-color);width:24px;height:24px;top:-5px;left:16px;border-radius:12px;line-height:20px;text-align:center;font-size:12px}
@media(max-width:750px){.cart-profile a span.cart-mobile,.cart-profile span.saved-products-count{position:unset;background:unset;border:unset;font-size:15px;color:var(--text-secondary-color);align-content:center}
}
.cart-profile a span.cart-value{display:none}
@media(min-width:900px){.cart-profile a span.cart-value{position:absolute;bottom:-22px;width:auto;display:block;border-radius:6px;padding:2px 4px;font-size:12px;font-weight:700;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--background-primary-color);border:2px solid var(--border-quaternary-color);color:var(--text-tertiary-color);z-index:10}
}
.cart-profile span.saved-products-count.hidden{display:none}
.cart-profile .profile,.cart-mini{position:relative;padding:0;margin:0;display:block}
.cart-profile .profile{height:100%;cursor:pointer;white-space:nowrap}
.cart-profile .profile .login-flyout{display:flex;flex-flow:column;position:absolute;border:1px solid var(--border-primary-color);border-radius:var(--border-radius);left:50%;transform:translateX(-50%);background:var(--background-primary-color);padding:15px 10px;top:45px;min-width:150px;z-index:9999;gap:5px}
.cart-profile .profile .login-flyout:has(>.loggedin-menu){transform:translateX(-75%)}
.cart-profile .profile .login-flyout.hidden{opacity:0;visibility:hidden}
@media(min-width:901px){.cart-profile .profile button.user:focus + .login-flyout,.cart-profile .profile:hover .login-flyout,.cart-profile .profile a:hover + .login-flyout,.cart-profile .profile .login-flyout.visible{opacity:1;visibility:visible}
}
.cart-profile .login-flyout a{display:block;padding:6px 8px 4px 8px;font-size:14px;line-height:22px}
.cart-profile .login-flyout .register{text-transform:none}
.cart-profile .login-flyout .loggedin-menu{padding:0;margin:0;list-style:none;padding-bottom:5px}
.loggedin-menu a{white-space:nowrap}
.login-flyout .logout{text-transform:none;padding-top:10px;border-top:1px solid var(--border-primary-color)}
.cart-profile a span:before{color:var(--text-secondary-color);font-size:27px}
.cart-profile a span.icon-favorite-list:before{color:var(--background-tertiary-color)}
.cart-profile a span.icon-shopping-cart{font-size:28px}
@media(min-width:750px){.cart-profile a span.icon-shopping-cart{display:inline-block;color:var(--text-secondary-color);position:relative}
}
.cart-profile button.icon-user,.cart-profile button.icon-user-logged-in{display:inline-block;font-size:30px;color:var(--text-secondary-color);position:relative}
.cart-profile button.icon-user .text,.cart-profile button.icon-user-logged-in .text{font-size:14px;font-family:var(--font-family);font-weight:700;position:absolute;right:18px;top:19px}
.cart-profile button.icon-user span.icon-check{position:absolute;left:38px;top:7px}
.cart-mini a.cart{padding:0}
.cart-mini .flyout{position:absolute;max-height:calc(100vh - 90px);overflow:auto;font-size:13px;z-index:999;top:35px;right:-20px;background:var(--background-primary-color);border-radius:var(--border-radius);width:400px;visibility:hidden;transition-delay:.2s;box-shadow:0 8px 30px 3px rgba(0,0,0,0.2)}
.cart-mini .flyout .noShadowTop{width:100%;height:8px;background:var(--background-primary-color);margin-top:-8px}
.cart-mini a:hover + .flyout,.cart-mini .flyout:hover{visibility:visible}
@media(max-width:750px){.cart-mini a:hover + .flyout{display:none}
}
.cart-mini .flyout>.to-cart{margin:10px;float:right}
.cart-mini .flyout .to-cart{padding:6px 10px 4px 10px}
.mini-cart-table{display:table;width:100%}
.mini-cart-table .line{display:table-row;overflow:hidden}
.mini-cart-table .line a.photo,.mini-cart-table .line span.photo,.mini-cart-table .line img.photo,.mini-cart-table .line span.shopping-amount,.mini-cart-table .line a.name,.mini-cart-table .line span.name,.mini-cart-table .line span.price{display:table-cell;vertical-align:middle;border-top:1px solid var(--border-primary-color);font-size:13px;line-height:normal;color:var(--text-primary-color);text-align:left;float:none}
.mini-cart-table .line a.photo,.mini-cart-table .line span.photo,.mini-cart-table .line img.photo{padding:10px;width:50px;height:auto;font-size:13px}
.mini-cart-table .line a.photo img{width:100%;height:auto}
.mini-cart-table .line span.shopping-amount{padding:10px 10px 10px 0;white-space:nowrap}
.mini-cart-table .line a.name,.mini-cart-table .line span.name{padding:10px 20px 10px 0;text-transform:inherit}
.mini-cart-table .line span.name>span{text-transform:uppercase;font-weight:700}
.mini-cart-table .line span.price{padding:10px 10px 10px 0;text-align:right;white-space:nowrap}
.mini-cart-table .price .dcc{text-decoration:line-through;color:#777}
.mini-cart-table .price .green{color:var(--text-blue)}
.mini-cart-table .line.related a.photo,.mini-cart-table .line.related span.photo,.mini-cart-table .line.related img.photo,.mini-cart-table .line.related span.shopping-amount,.mini-cart-table .line.related a.name,.mini-cart-table .line.related span.name,.mini-cart-table .line.related span.price{color:#777}
.mini-cart-table .line.related span.photo{border:0}
.mini-cart-table .line.related span.shopping-amount{text-align:right}
.cart-mini .animation-frame{position:absolute;border:1px solid var(--border-primary-color);z-index:100}
.cart-mini .animation-frame img{width:100%}
#mini-cart-buttons{display:flex;flex-flow:row;padding:5px;gap:5px}
#mini-cart-buttons>div{width:52%}
.addFeedback{position:absolute;width:275px;background:var(--background-primary-color);box-shadow:0 8px 30px 3px rgb(0 0 0 / 20%);top:35px;right:-15px;z-index:100;display:none;transform-origin:100% 0;transition:transform .3s ease-in-out;transform:scale(1);border-radius:var(--border-radius);padding:20px 10px 10px 10px}
@media(max-width:450px){.addFeedback{width:220px}
}
.addFeedback div.feedback-product{display:block;width:100%;height:100%;margin:0}
.addFeedback div.feedback-product:not(:last-of-type){border-bottom:1px solid var(--border-primary-color);margin-bottom:10px}
.addFeedback div.feedback-product div{height:100px;display:table;width:94%;margin:0 3%}
@media(max-width:450px){.addFeedback div.feedback-product div{height:75px}
}
.addFeedback.transition{transform:scale(1.4)}
@media(max-width:450px){.addFeedback.transition{transform:scale(1.3)}
}
.addFeedback .pname{width:100%;float:left;text-align:center}
.addFeedback div.feedback-product .af-plus,.addFeedback div.feedback-product .img,.addFeedback div.feedback-product .price,.addFeedback div.feedback-product .custom-name{display:table-cell;vertical-align:middle}
.addFeedback div.feedback-product .img.personalization .custom-value{display:block;text-align:center}
.addFeedback div.feedback-product .af-plus{font-size:22px;line-height:100px;padding:0 5px 0 10px}
@media(max-width:450px){.addFeedback div.feedback-product .af-plus{line-height:75px}
}
.addFeedback div.feedback-product .custom-name{height:50px;text-align:center}
.addFeedback div.feedback-product .custom-name .icon-jersey,.addFeedback div.feedback-product .custom-name .icon-textil{font-size:60px}
.addFeedback div.feedback-product .custom-name .icon-mug{font-size:50px}
.addFeedback div.feedback-product .custom-name .icon-box{font-size:45px}
.addFeedback div.feedback-product .custom-name .icon-personalization{font-size:40px;display:block;padding-bottom:5px}
.addFeedback div.feedback-product .custom-name .custom-value{display:block;width:100%;float:left;text-align:center}
.addFeedback div.feedback-product .img{height:90px}
.addFeedback .img img{height:90px;display:block;margin:0 auto;max-width:100%!important;width:auto}
.addFeedback .img.personalization img{height:70px}
.addFeedback div.feedback-product .price{height:100%;line-height:100px;font-size:22px;font-weight:600;color:var(--text-primary-color);text-align:right;white-space:nowrap}
@media(max-width:450px){.addFeedback div.feedback-product .img,.addFeedback div.feedback-product .price{line-height:75px;height:75px;font-size:16px}
.addFeedback .img img{height:75px}
}
.header .logo-container{max-width:220px;margin:0;height:auto;position:relative;z-index:10}
.header .logo-container .image-box{max-width:160px;height:100%;float:none;margin:0;left:unset;transform:none}
.header .logo-container .image-box:before{margin-top:0}
.hm_wrapper .logo,.header .logo{position:absolute;top:0;left:0;height:145px;width:100%}
@media(min-width:901px){.header .logo:after{background-color:#062d22;content:"";transform:skew(-45deg);height:145px;width:127%;left:-115px;top:0;position:absolute;z-index:-1}
}
#b2b_customer_profile_main .header .logo{top:50%;left:50%;transform:translate(-50%,0%)}
@media(max-width:900px){.hm_wrapper:not(.checkout) .logo,.header:not(.checkout) .logo{padding:0;transform:translate(-50%,0);left:60px;top:25px;height:auto}
}
.header.checkout .logo{position:relative;padding:15px 0;top:initial;height:auto}
@media(max-width:1000px){.header.checkout .logo{padding:10px 0}
}
.header.checkout .logo:after{height:auto}
.hm_wrapper .logo a,.header .logo a{width:100%;max-width:110px;height:100%;display:block}
.header.checkout .logo a{margin-left:auto;margin-right:auto;width:45px}
@media(max-width:900px){.hm_wrapper .logo a{margin-left:auto;margin-right:auto}
}
.hm_wrapper .logo img,.header .logo img{transition:all .2s ease-in-out}
.hm_wrapper .logo.scrolled img,.header .logo.scrolled img{max-width:90px}
@media(max-width:900px){.hm_wrapper .logo a,.hm_wrapper .logo.scrolled a,.header .logo a,.header .logo.scrolled a{width:40px;height:auto}
}
.logo a img{width:100%;height:auto;max-height:unset;max-width:110px}
.header .highlights{display:flex;justify-content:center;align-items:center;width:100%;min-height:45px;background-color:var(--background-tertiary-color);color:var(--text-secondary-color);letter-spacing:.05em;border-bottom:1px solid var(--border-quinary-color)}
.header:not(.checkout) .highlights .wrapper{display:flex;flex-wrap:wrap;width:100%}
.header:not(.checkout) .highlights .wrapper>div{width:100%;display:flex;justify-content:center;align-items:center;height:30px}
.header .menu .wrapper .links,.cd-nav-mob .links{height:50px;line-height:30px;width:70%;display:flex;flex-wrap:nowrap;align-items:center}
.header .menu .wrapper .links a,.cd-nav-mob .links a{position:relative;height:100%;padding:0 5px;display:flex;justify-content:center;align-items:center;font-size:12px;white-space:nowrap;color:var(--text-secondary-color)}
@media(max-width:1100px){.header .menu .wrapper .links a,.cd-nav-mob .links a{font-size:10px}
}
.header .menu .wrapper .links a:hover,.cd-nav-mob .links a:hover{color:var(--text-yellow)}
.header .menu .wrapper .links a.active{padding:0 10px}
.header .menu .wrapper .links a.active:after{content:"";position:absolute;width:90%;height:100%;top:0;left:50%;transform:skew(-45deg) translate(-50%,0);text-align:center;background:var(--background-tertiary-color)}
.header .menu .wrapper .links a.active span{font-family:var(--font-family-bold);z-index:1;display:block;position:relative;padding:0 5px}
@media(min-width:900px){.header:not(.checkout) .highlights .wrapper{flex-wrap:nowrap}
.cd-nav-mob .links a{padding-left:10px}
.header .menu .wrapper .links,.cd-nav-mob .links{width:55%;min-width:440px;margin-left:220px;z-index:1}
}
@media(min-width:901px){.header .menu .header-line{display:flex;justify-content:space-between;position:relative}
.header .menu .header-line:after{content:"";position:absolute;width:130%;height:145px;top:0;left:70%;transform:translate(-50%,0);text-align:center;background:var(--background-primary-green)}
}
@media(min-width:1201px){.header .menu .header-line:after{left:69%}
}
.header .highlights .items{display:flex;justify-content:center}
@media(max-width:900px){.header .highlights .items{width:100%;padding-top:0}
}
.header .highlights .item{font-size:12px;line-height:12px;text-transform:uppercase;position:relative;text-align:center}
.header .highlights:not(.highlight-countdown) .item .highlights-text{display:flex;min-height:45px;justify-content:center;align-items:center;gap:7px}
.header .highlights.highlight-countdown .item .countdown-text-container{display:block;min-height:45px;align-content:center}
.header .highlights .item .hasmobile,.header .highlights:not(.highlight-countdown) .item .hasmobile{display:none}
@media(min-width:751px){.header .highlights .item .hasmobile{display:inline}
.header .highlights:not(.highlight-countdown) .item .hasmobile{display:flex}
.header .highlights .item .mobile,.header .highlights:not(.highlight-countdown) .item .mobile{display:none}
}
@media(max-width:750px){.header .highlights .item .desktop,.header .highlights:not(.highlight-countdown) .item .desktop{display:none}
}
.header .highlights .item .copy-code-container{padding:0 5px}
.header .highlights .item .copy-code{display:flex;justify-content:space-between;align-items:center;gap:5px;background-color:var(--background-primary-color);color:var(--text-primary-color);padding:5px}
.header .highlights .item .icon-copy{position:relative;cursor:pointer}
.header .tooltip-copied-code-text{width:260px;font-size:15px;background-color:var(--background-primary-color);color:var(--text-primary-color);border:1px solid var(--border-tertiary-color);text-align:center;border-radius:var(--border-radius);padding:15px 5px;position:absolute;z-index:9999999999;bottom:30%;right:10px}
@media(max-width:750px){.header .tooltip-copied-code-text{top:10%;bottom:unset;right:unset;left:50%;transform:translateX(-50%)}
}
.header .tooltip-copied-code-text.hidden{visibility:hidden;opacity:0;transition:visibility .5s,opacity .5s linear}
.header .tooltip-copied-code-text.visible{visibility:visible;opacity:1;transition:visibility .5s,opacity .5s linear}
@media(max-width:900px){.header .menu .wrapper .links{display:none}
}
@media(min-width:901px){.cd-nav-mob .links{display:none}
}
.header .highlights .content-gcat .edit-content-gcat,.header .highlights .container-gcat .edit-container-gcat{width:20px;height:20px;border-width:1px}
.header .highlights .container-gcat .edit-container-gcat{right:0;top:0}
.header .highlights .content-gcat .edit-content-gcat .icon-pencil,.header .highlights .container-gcat .edit-container-gcat .icon-pencil{font-size:14px}
.checkout-info{background:var(--background-primary-color);overflow:hidden;text-align:center;transition:all .2s ease-in-out;background:#21201e;color:#fff;font-size:11px;text-transform:uppercase;padding:5px 0}
@media(max-width:750px){.checkout-info.scrolled{display:none}
}
@media(max-width:600px){.checkout-info{font-size:10px}
}
.ci_wrapper .text1{display:block}
.user-menu-mobile{position:fixed;width:240px;height:100vh;top:0;right:0;z-index:9999;overflow:hidden;background:var(--background-tertiary-color);transform:translateX(100%);transition:transform .3s,opacity .3s;padding:40px 0 0 10px}
@media(min-width:901px){.user-menu-mobile{display:none}
}
.user-menu-mobile.active{transform:translateX(0)}
.user-menu-mobile .icon-close{font-size:35px;color:var(--text-secondary-color);cursor:pointer}
.user-menu-mobile ul{margin:0;list-style:none;padding:0;height:90vh}
.user-menu-mobile ul li{padding:0}
.user-menu-mobile a span{display:inline-block;vertical-align:middle;color:var(--text-secondary-color);white-space:break-spaces}
.user-menu-mobile a span.icon{font-size:18px;margin-right:5px}
.user-menu-mobile .loggedin-menu a,.user-menu-mobile .logout{color:var(--text-secondary-color);display:block;border-bottom:1px solid #fff;height:50px;font-size:15px;align-content:center}
.user-menu-mobile .logout{display:block;margin:0 auto;border-bottom:0}
.user-menu-mobile-overlay{height:100vh;width:100%;visibility:hidden;opacity:0;z-index:9998;position:fixed;background:rgba(0,0,0,0.5);left:0;top:0;transition:visibility 0s,opacity .4s linear}
.user-menu-mobile-overlay.active{visibility:visible;opacity:1}