.vm{background:#fff;border-left:1px solid #464545;bottom:0;position:fixed;right:0;top:0;width:100%;z-index:110;visibility:hidden}.vm__content{padding:2.5em 1.25em 1.25em;height:100%;overflow:auto;position:relative;width:100%;z-index:0}.vm__title{margin:0}.vm pre{background:#272822;border-radius:.25em}.vm code,.vm pre{border:0;color:#f8f8f2;direction:ltr;font-family:Consolas,Monaco,Andale Mono,monospace;hyphens:none;line-height:1.5;max-height:25em;-moz-tab-size:4;-ms-hyphens:none;overflow-y:scroll;padding:.625em;tab-size:4;text-shadow:0 1px rgba(0,0,0,.3);text-align:left;-webkit-hyphens:none;white-space:pre;word-break:normal;word-spacing:normal}.vm ul,.vm ol,.vm p{font-size:1em}.vm{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.vm.open{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);visibility:visible}.vars{padding:0;margin:0;list-style:none}.vars li{padding:.125em}.vars li:before,.vars li:after{content:" ";display:table}.vars li:after{clear:both}.dark-sample{background:#000;margin-bottom:.9375em;padding:1.25em}.vm__group{padding:2.5em .9375em 1.25em;transition:padding .4s ease-in-out}.vm__group-title{background:#000;color:#fff;font-size:1.375em;line-height:1.04545em;margin:0 -.9375rem 1.25rem;padding:.625rem .9375rem .375em}.colors{list-style-type:none;margin:0 0 0 -6%;padding:0 0 0 .4375em}.colors:before,.colors:after{content:" ";display:table}.colors:after{clear:both}.colors li{display:inline-block;font-size:.9375em;margin:0 0 1.25em -.46667em;padding:0 0 1em 6%;text-align:center;width:33.332%}.colors p{margin:0}.colors__heading{margin-top:0}.colors__sample{position:relative;width:100%;padding:50% 0;margin-top:.3125em;border:1px solid #fff;box-shadow:0 0 .25em #00000040}.colors__sample:before,.colors__sample:after{content:"";position:absolute;bottom:0;width:50%;height:30%}.colors__sample:before{left:0}.colors__sample:after{right:0}.colors__sample--black{background:#000}.colors__sample--blue-1{background:#86a9e3}.colors__sample--blue-2{background:#677284}.colors__sample--gray-1{background:#464545}.colors__sample--gray-2{background:#5e5c5c}.colors__sample--green-1{background:#b8dd7f}.colors__sample--green-2{background:#b1d689}.colors__sample--green-3{background:#eaffee}.colors__sample--orange-1{background:#f19e6b}.colors__sample--pink-1{background:#f1bfd2}.colors__sample--purple-1{background:#400099}.colors__sample--purple-2{background:#cac8de}.colors__sample--purple-3{background:#ecebf4}.colors__sample--purple-4{background:#ebf0fa}.colors__sample--red-1{background:#db1e34}.colors__sample--red-2{background:#ea2750}.colors__sample--red-3{background:#ffebeb}.colors__sample--turquoise-1{background:#a4e6da}.colors__sample--white{background:#fff}.colors__sample--yellow-1{background:#f7dc73}.colors__sample--yellow-2{background:#f8dd73}.colors__sample--yellow-3{background:#fce794}.colors__sample--yellow-4{background:#fff3c6}.code,.code-value{margin-bottom:.125em;padding:.1875em .25em .125em}.code--vars,.code-value--vars{float:left;width:50%}.code{background:#eee;cursor:pointer;display:inline-block;font-family:monospace;font-size:1.125em}.code--vars{text-align:right;padding-right:.625rem}.code:hover+.code-value{background:#eee}.code-value{background:transparent;font-size:.90625em;transition:background .4s ease-in-out}.code-value--vars{padding-left:.625rem}.code[aria-label]{position:relative}.code[aria-label]:before,.code[aria-label]:after{display:none;left:50%;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);pointer-events:none}.code[aria-label]:before{bottom:-2px;border:solid transparent;content:" ";height:0;width:0;border-color:#0000;border-bottom-color:#db1e34;border-width:4px;margin-left:-2px}.code[aria-label]:after{content:attr(aria-label);top:110%;z-index:5000;padding:.66667em .83333em;line-height:1.25em;white-space:nowrap;text-decoration:none;text-indent:0;overflow:visible;font-size:.75em;font-weight:700;color:#fff;background-color:#db1e34;border-radius:2px;box-shadow:1px 2px 6px #0000004d}.code[aria-label]:hover:before,.code[aria-label]:hover:after,.code[aria-label]:focus:before,.code[aria-label]:focus:after{display:block}@media only screen and (max-width: 767px){.vars li,.colors{zoom:1}}@media only screen and (max-width: 480px){.colors li{width:50%}}@media only screen and (min-width: 768px){.vm{width:32.5em}.colors{margin-left:-1.875em}.colors li{padding:0 0 1.06667em 1.875em;width:33.332%}}@media only screen and (min-width: 1025px){.vm__content{padding:3.75em 1.25em 2.5em}.vm__group{padding:2.5em 1.875em 1.875em}.vm__group-title{margin:0 -1.875rem 2.1875rem;padding:.9375rem 1.875rem .6875em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/variable-menu.scss.css.map */