// Demo Content .mobile-header-cstm{display:flex;justify-content:space-between;flex-flow:row;align-items:center}.menuToggle{display:block;position:relative;top:50px;z-index:1;-webkit-user-select:none;user-select:none}.menuToggle a{text-decoration:none;color:#232323;transition:all .3s ease}.menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.menuToggle span:first-child{transform-origin:0% 0%}.menuToggle span:nth-last-child(2){transform-origin:0% 100%}.menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#fff}.menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}.menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}.menuToggle input:checked~.menuItem{transform:none}.menuItem{position:absolute;width:100vw;padding:38px 24px;background:#f8f7f3;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transition:transform .5s cubic-bezier(.77,.2,.05,1)}.menuItem li a{font-size:28px;margin-bottom:24px}.menuItem li li a{font-size:24px;margin-bottom:0;height:100%}.menu--left{position:relative;width:50%}.menu--left .menuToggle{left:0}.menu--left .menuToggle input,.menu--left .menuToggle span{left:50px}.menu--left .menuItem{left:0;margin:-100px 0 0 -20px;transform:translate(-100%)}.menu--right .menuToggle{position:fixed;right:0}.menu--right .menuToggle input,.menu--right .menuToggle span{right:50px}.menu--right .menuItem{right:0;margin:-100px 0 0;transform:translate(100%)}.menu--right .menuItem li a:hover{padding-left:5px}.menu--bottom--right .menuToggle{position:fixed;top:auto;bottom:0;right:0;z-index:1}.menu--bottom--right .menuToggle input{right:50px;bottom:50px;top:auto}.menu--bottom--right .menuToggle input:checked~.menuItem{transform:scale(1);// -webkit-transition: -webkit-transform .3s,visibility 0s 0s;// -moz-transition: -moz-transform .3s,visibility 0s 0s;// transition: transform .3s,visibility 0s 0s}.menu--bottom--right .menuToggle input:checked~.menuItem li:nth-child(1){-webkit-animation:text-slide-in .2s;-moz-animation:text-slide-in .2s;animation:text-slide-in .2s}.menu--bottom--right .menuToggle input:checked~.menuItem li:nth-child(2){-webkit-animation:text-slide-in .3s;-moz-animation:text-slide-in .3s;animation:text-slide-in .3s}.menu--bottom--right .menuToggle input:checked~.menuItem li:nth-child(3){-webkit-animation:text-slide-in .4s;-moz-animation:text-slide-in .4s;animation:text-slide-in .4s}.menu--bottom--right .menuToggle input:checked~.menuItem li:nth-child(4){-webkit-animation:text-slide-in .5s;-moz-animation:text-slide-in .5s;animation:text-slide-in .5s}.menu--bottom--right .menuToggle input:checked~.menuItem li:nth-child(5){-webkit-animation:text-slide-in .6s;-moz-animation:text-slide-in .6s;animation:text-slide-in .6s}.menu--bottom--right .menuToggle span{right:50px;bottom:50px;top:auto}.menu--bottom--right .menuItem{bottom:0;right:0;margin:0;padding-top:50px;padding-bottom:125px;transform-origin:bottom right;transform:scale(0);-webkit-transition:-webkit-transform .3s,visibility 0s 0s;-moz-transition:-moz-transform .3s,visibility 0s 0s;transition:transform .3s,visibility 0s 0s}.menu--bottom--right .menuItem li{-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu--bottom--right .menuItem li a:hover{padding-left:5px}.menu--bottom--left .menuToggle{position:fixed;top:auto;bottom:0;left:0;z-index:1}.menu--bottom--left .menuToggle input{left:50px;bottom:50px;top:auto}.menu--bottom--left .menuToggle input:checked~.menuItem{transform:scale(1);// -webkit-transition: -webkit-transform .3s,visibility 0s 0s;// -moz-transition: -moz-transform .3s,visibility 0s 0s;// transition: transform .3s,visibility 0s 0s}.menu--bottom--left .menuToggle input:checked~.menuItem li:nth-child(1){-webkit-animation:text-slide-in .2s;-moz-animation:text-slide-in .2s;animation:text-slide-in .2s}.menu--bottom--left .menuToggle input:checked~.menuItem li:nth-child(2){-webkit-animation:text-slide-in .3s;-moz-animation:text-slide-in .3s;animation:text-slide-in .3s}.menu--bottom--left .menuToggle input:checked~.menuItem li:nth-child(3){-webkit-animation:text-slide-in .4s;-moz-animation:text-slide-in .4s;animation:text-slide-in .4s}.menu--bottom--left .menuToggle input:checked~.menuItem li:nth-child(4){-webkit-animation:text-slide-in .5s;-moz-animation:text-slide-in .5s;animation:text-slide-in .5s}.menu--bottom--left .menuToggle input:checked~.menuItem li:nth-child(5){-webkit-animation:text-slide-in .6s;-moz-animation:text-slide-in .6s;animation:text-slide-in .6s}.menu--bottom--left .menuToggle span{left:50px;bottom:50px;top:auto}.menu--bottom--left .menuItem{bottom:0;left:0;margin:0;padding-top:50px;padding-bottom:125px;transform-origin:bottom left;transform:scale(0);-webkit-transition:-webkit-transform .3s,visibility 0s 0s;-moz-transition:-moz-transform .3s,visibility 0s 0s;transition:transform .3s,visibility 0s 0s}.menu--bottom--left .menuItem li{-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu--bottom--left .menuItem li a:hover{padding-left:5px}@keyframes text-slide-in{0%{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/125/compiled_assets/styles.css.map */
