custom-photo{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}custom-photo [type=file]{height:0;overflow:hidden;width:0}custom-photo [type=file]+label{border:none;color:var(--color);cursor:pointer;display:inline-block;font-size:inherit;outline:none;-webkit-transition:all .3s;transition:all .3s;vertical-align:middle;font-size:12px}custom-photo [type=file]+label.custom-image-label{background-color:var(--background-color);border:1px solid var(--border);border-radius:var(--inputs-radius);padding:12px 50px 12px 70px;position:relative;overflow:hidden}custom-photo [type=file]+label.custom-image-label .icon-loading-container{display:none}custom-photo [type=file]+label.custom-image-label.is-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}custom-photo [type=file]+label.custom-image-label.is-loading .icon-loading-container{display:block;position:absolute}custom-photo [type=file]+label.custom-image-label.is-loading .icon-loading-container svg{fill:var(--color);height:20px;width:20px;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}custom-photo [type=file]+label.custom-image-label.is-loading span{opacity:0}custom-photo [type=file]+label.custom-image-label.is-loading .icon-container{opacity:0}custom-photo [type=file]+label.custom-image-label .icon-container{left:-130%;position:absolute;-webkit-transition:all .3s;transition:all .3s;top:calc(50% - 10px);bottom:calc(50% - 10px)}custom-photo [type=file]+label.custom-image-label .icon-container svg{fill:var(--color);height:20px;width:20px}@media screen and (max-width: 48em){custom-photo [type=file]+label.custom-image-label .icon-container{left:30px}}custom-photo [type=file]+label.custom-image-label:hover{opacity:.8}custom-photo [type=file]+label.custom-image-label:hover .icon-container{left:30px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-photo.css.map */