@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,*::before,*::after{box-sizing:inherit}#vld-demo-ui-wrapper input,#vld-demo-ui-wrapper select,#vld-demo-ui-wrapper textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:13px;font-family:Arial}#vld-demo-ui-wrapper input:focus{outline:0}#vld-demo-ui-wrapper input,#vld-demo-ui-wrapper textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#vld-demo-ui-wrapper input[type=reset],#vld-demo-ui-wrapper input[type=button],#vld-demo-ui-wrapper input[type=submit],#vld-demo-ui-wrapper input[type=checkbox],#vld-demo-ui-wrapper input[type=radio],#vld-demo-ui-wrapper select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#vld-demo-ui-wrapper.fixed-font{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:16px}@media (max-width:1198px){#vld-demo-ui-wrapper.fixed-font{font-size:.9em}}@media (max-width:768px){#vld-demo-ui-wrapper.fixed-font{font-size:1em}}#vld-demo-ui-wrapper .vld-container{width:100%;position:relative;margin-right:auto;margin-left:auto}#vld-demo-ui-wrapper .vld-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}#vld-demo-ui-wrapper .vld-column{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){#vld-demo-ui-wrapper .vld-column-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}#vld-demo-ui-wrapper .vld-column-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}@media (max-width:768px){#vld-demo-ui-wrapper #vld-box-1,#vld-demo-ui-wrapper #vld-box-2,#vld-demo-ui-wrapper #vld-box-3{margin-bottom:30px}}#vld-demo-ui-wrapper .vld-header{font-size:1.5em}#vld-demo-ui-wrapper .vld-header{background:lightblue;padding:12px 15px}#vld-demo-ui-wrapper .vld-label{background:lightblue;padding:5px 15px}#vld-demo-ui-wrapper #vld-specs__display{padding:15px;background:#fff;border:1px solid lightgrey}#vld-demo-ui-wrapper .vld-spec{padding-top:5px;padding-bottom:5px;display:flex;justify-content:space-between;border-bottom:1px dashed lightgrey}#vld-demo-ui-wrapper .vld-spec:last-child{border-bottom:0;padding-bottom:0}#vld-demo-ui-wrapper .vld-spec-head{width:30%}#vld-demo-ui-wrapper .vld-spec-result{width:70%}#vld-demo-ui-wrapper .vld-swatch-wrapper{display:inline-block;cursor:pointer;position:relative}#vld-demo-ui-wrapper .vld-swatch-wrapper:hover .vld-tooltip{visibility:visible;opacity:1}#vld-demo-ui-wrapper .vld-tooltip{visibility:hidden;font-family:Arial,Helvetica,sans-serif;font-size:16px;background-color:#555;color:#fff;text-align:center;padding:5px 5px;border-radius:6px;position:absolute;z-index:1;top:120%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.8s}#vld-demo-ui-wrapper .vld-tooltip.disabled{display:none}#vld-demo-ui-wrapper .vld-swatch{width:35px;height:35px;background:#fff;margin:3px;border:1px solid #fff}#vld-demo-ui-wrapper .vld-swatch.transition{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #fff0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}#vld-demo-ui-wrapper .vld-swatch.grow.active{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);transform:scale(1.3);box-shadow:0 14px 28px rgb(0 0 0 / .25),0 10px 10px rgb(0 0 0 / .22)}#vld-demo-ui-wrapper .vld-swatch.grow:hover{transform:scale(1.3);box-shadow:0 14px 28px rgb(0 0 0 / .25),0 10px 10px rgb(0 0 0 / .22)}#vld-demo-ui-wrapper .vld-swatch.spin:hover{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #fff0;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}#vld-demo-ui-wrapper .vld-swatch.skew:hover,#vld-demo-ui-wrapper .vld-swatch.skew:focus,#vld-demo-ui-wrapper .vld-swatch.skew:active,#vld-demo-ui-wrapper .vld-swatch.skew.active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}#vld-demo-ui-wrapper .vld-swatch.rotate:hover,#vld-demo-ui-wrapper .vld-swatch.rotate:focus,#vld-demo-ui-wrapper .vld-swatch.rotate:active,#vld-demo-ui-wrapper .vld-swatch.rotate.active{-webkit-transform:rotate(15deg);transform:rotate(15deg)}#vld-demo-ui-wrapper .vld-swatch.curl:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,white 45%,#aaa 50%,#ccc 56%,white 80%);box-shadow:-1px 1px 1px rgb(0 0 0 / .4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width,height;transition-property:width,height}#vld-demo-ui-wrapper .vld-swatch.curl:hover:before,#vld-demo-ui-wrapper .vld-swatch.curl:hover:focus:before,#vld-demo-ui-wrapper .vld-swatch.curl:hover:active:before{width:18px;height:18px}#vld-demo-ui-wrapper .vld-swatch.curl.active:before,#vld-demo-ui-wrapper .vld-swatch.curl.active:focus:before,#vld-demo-ui-wrapper .vld-swatch.curl.active:active:before{width:18px;height:18px}#vld-demo-ui-wrapper #vld-price__display{position:absolute;top:50%;font-size:1.5em;transform:translateY(-50%)}#vld-demo-ui-wrapper #vld-price .vld-input-wrapper{height:55px;position:relative}#vld-demo-ui-wrapper input[type="text"],#vld-demo-ui-wrapper input[type="number"],#vld-demo-ui-wrapper select{width:100%;padding:5px 0!important;font-size:1em}#vld-demo-ui-wrapper input[type="text"].focus,#vld-demo-ui-wrapper input[type="number"].focus,#vld-demo-ui-wrapper select.focus{outline:none}#vld-demo-ui-wrapper .vld-input-wrapper{background:#fff;width:100%;padding:.5em 15px;border:1px solid lightgrey}#vld-demo-ui-wrapper .vld-checkbox-group{display:flex;justify-content:space-between}#vld-demo-ui-wrapper .vld-checkbox{min-width:30%;background:grey;padding:8px;position:relative;cursor:pointer;border:1px solid lightgrey}#vld-demo-ui-wrapper .vld-checkbox__box{position:absolute;left:5px;height:18px;width:18px;background:#fff;border:1px solid green;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s}#vld-demo-ui-wrapper .vld-checkbox__box.active{border:1px solid #fff;background:blue}#vld-demo-ui-wrapper .vld-checkbox__label{margin-left:22px}#vld-demo-ui-wrapper .vld-config-box-wrapper{overflow:hidden}#vld-demo-ui-wrapper .vld-config-box{background:lightgrey;padding:20px 15px;overflow:hidden}#vld-demo-ui-wrapper .vld-config-box .vld-section{margin-bottom:30px}#vld-demo-ui-wrapper .vld-config-box .vld-section:last-child{margin-bottom:0}