.error{align-items:center;display:flex;justify-content:flex-start;margin:160px auto 0;width:1400px}.error .left{flex:1}.error .left .code{font-size:25rem;line-height:300px;margin:0}.error .left .code .highlight{color:#06c}.error .left p{font-size:3rem;font-weight:700;margin:0}.error .right{flex:1;padding-left:100px}.error .right .heading{font-size:8rem;margin:20px 0 10px}.error .right .bar{background-color:#06c;height:5px;width:100px}.error .right h3{font-size:2rem}.error .right p{font-size:2rem;margin:10px 0}.error .right .button{margin-top:20px}.error-vdp{padding:80px 0}.error-vdp .error-vdp-title{font-size:3.2rem;font-weight:700;margin:0}.error-vdp .error-vdp-items{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-top:80px}.error-vdp .error-vdp-items .ic{width:calc(25% - 15px)}.error-vdp .error-vdp-items .ic .ic-img{height:222px}.error-vdp .error-vdp-items .ic .ic-tag{top:192px}.error-vdp .error-vdp-items .ic .ic-save{top:202px}.flash{background-color:#ddd;height:100vh;padding-top:100px;width:100vw}.flash .flash-block{align-items:center;background-color:#fff;border-radius:10px;-ms-box-shadow:0 2px 10px -5px rgba(0,0,0,.4);-o-box-shadow:0 2px 10px -5px rgba(0,0,0,.4);box-shadow:0 2px 10px -5px rgba(0,0,0,.4);display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:20px}.flash .flash-block .flash-bar{align-self:stretch;border-radius:30px;flex:1;max-width:8px}.flash .flash-block .flash-icon{height:40px;margin-right:20px;width:40px}.flash .flash-block .flash-content{flex:1;margin-left:40px}.flash .flash-block .flash-content .flash-status{align-items:center;display:flex;font-size:2.4rem;font-weight:700;justify-content:flex-start}.flash .flash-block .flash-content .flash-message{font-size:2rem;font-weight:500}.flash .flash-block.flash-success .flash-bar{background-color:#3eae3c}.flash .flash-block.flash-success .flash-icon{color:#3eae3c}.flash .flash-block.flash-error .flash-bar{background-color:#ff5050}.flash .flash-block.flash-error .flash-icon{color:#ff5050}.dot-flashing{align-items:center;display:flex;justify-content:flex-start;margin-top:20px}.dot-flashing .dot{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:dotflashing;background-color:#eee;border-radius:50%;height:15px;margin-right:10px;width:15px}.dot-flashing .dot:nth-child(2){animation-delay:.5s}.dot-flashing .dot:nth-child(3){animation-delay:1s}@keyframes dotflashing{0%{background-color:#eee}50%{background-color:#aaa}to{background-color:#eee}}@media only screen and (max-width:1600px){.error{width:1200px}.error .left .code{font-size:22rem}.error .left p{font-size:2rem}.error .right .heading{font-size:7rem}.error .right .bar{width:80px}.error-vdp .error-vdp-items .ic .ic-img{height:178px}.error-vdp .error-vdp-items .ic .ic-tag{top:148px}.error-vdp .error-vdp-items .ic .ic-save{top:158px}.error-vdp .error-vdp-items .ic .ic-title{font-size:1.6rem}.error-vdp .error-vdp-items .ic .ic-price{font-size:1.8rem}.error-vdp .error-vdp-items .ic .ic-price .ic-price-text{font-size:1.3rem}}@media only screen and (max-width:1365px){.error{margin:100px auto 0;width:900px}.error .left .code{font-size:16rem;line-height:220px}.error .right .heading{font-size:6rem}.error .right .bar{margin:0 0 25px;width:60px}.error .right h3,.error .right p{font-size:1.6rem}.error-vdp{padding:60px 0}.error-vdp .error-vdp-items{gap:15px}.error-vdp .error-vdp-items .ic{width:calc(33.33333% - 10px)}.error-vdp .error-vdp-items .ic .ic-img{height:192px}.error-vdp .error-vdp-items .ic .ic-tag{top:162px}.error-vdp .error-vdp-items .ic .ic-save{top:172px}}@media only screen and (max-width:1023px){.error{width:700px}.error .left .code{font-size:12rem;line-height:160px}.error .right{padding-left:80px}.error .right .heading{font-size:5rem}.error-vdp{padding:40px 0}.error-vdp .error-vdp-items{gap:20px}.error-vdp .error-vdp-items .ic{width:calc(50% - 10px)}.error-vdp .error-vdp-items .ic .ic-img{height:225px}.error-vdp .error-vdp-items .ic .ic-tag{top:195px}.error-vdp .error-vdp-items .ic .ic-save{top:205px}.error-vdp .error-vdp-items .ic .ic-price{font-size:2rem}.error-vdp .error-vdp-items .ic .ic-price .ic-price-text{font-size:1.4rem}}@media only screen and (max-width:767px){.error{flex-wrap:wrap;margin:60px auto 0;width:100%}.error .left{flex:unset;width:100%}.error .left .code{font-size:8rem;line-height:100px}.error .right{flex:unset;padding:0 15px;text-align:center;width:100%}.error .right .heading{font-size:3rem}.error .right .bar{height:3px;margin:20px auto;width:40px}.error-vdp{padding:20px 15px}.error-vdp .error-vdp-items{margin-top:60px}.error-vdp .error-vdp-items .ic{width:100%}.error-vdp .error-vdp-items .ic .ic-img{height:calc(66.66667vw - 20px)}.error-vdp .error-vdp-items .ic .ic-save{top:calc(66.66667vw - 40px)}.error-vdp .error-vdp-items .ic .ic-tag{top:calc(66.66667vw - 50px)}.error-vdp .error-vdp-items .ic .ic-title{font-size:1.7rem}.flash .flash-block{padding:15px;width:calc(100% - 20px)}.flash .flash-block .flash-bar{max-width:5px}.flash .flash-block .flash-icon{margin-bottom:15px}.flash .flash-block .flash-content{margin-left:20px}.flash .flash-block .flash-content .flash-status{align-items:flex-start;flex-direction:column;font-size:2rem}.flash .flash-block .flash-content .flash-message{font-size:1.8rem}}
