#container,#top-container{width:100%}#outputDiv canvas{width:100%;height:100%}#top-container{background-color:#fff}input[type=radio].sa-radio{-webkit-appearance:none;position:relative;margin:0;border:0;height:auto;width:100%;display:block;overflow:hidden}input[type=radio].sa-radio:after{content:attr(text);position:relative;padding:8px;margin:3px 0;display:block;color:#000;font-size:14px;border-radius:0;background:#fa92001f}.lens-container input[type=radio].sa-radio{display:inline-block}input[type=radio].sa-radio:before{content:"";position:absolute;top:3px;left:-10px;width:0%;transform:skew(30deg);bottom:3px;background:#fa92003d;transition:width .3s ease}input[type=radio].sa-radio:hover:before{width:20%}input[type=radio].sa-radio:checked:before{width:70%}.sa-view-container{display:flex;flex-wrap:wrap}.sa-view-container .sa-view{margin:6px;width:calc(25% - 12px)}.sa-view h4{position:relative}.sa-view h4 span{display:none}@media (max-width:480px){.sa-view-container .sa-view>div{max-height:0;overflow:hidden;transition:max-height .3s}.sa-view-container .sa-view.show>div{max-height:90px}.sa-view h4 span{display:block}.sa-view h4 span{position:absolute;right:0;top:0}.sa-view h4 span img{width:12px}.sa-view.show h4 span img{transform:rotate(180deg)}}@media (max-width:991px){.sa-view-container .sa-view{width:calc(50% - 12px)}}@media (max-width:480px){.sa-view-container .sa-view{width:calc(100% - 12px)}}#canvasDiv{position:relative;border:1px solid #c0c0c0}#canvasDiv canvas{display:block}.drag-n-drop{position:absolute;top:50%;z-index:-1;left:50%;font-size:24px;transform:translate(-50%,-50%);color:silver}#image-container{position:relative;min-height:200px}#original-image{display:none;object-fit:cover;object-position:top}span.choose-btn{cursor:pointer;margin-left:40px;margin-right:40px;padding:6px 20px;background:#fa9200;color:#fff}span.choose-btn:hover{opacity:.9}@media (max-width:480px){span.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;margin:auto;-webkit-box-orient:vertical}}@media (max-width:767px){span.choose-btn{display:block;margin:10px auto;max-width:200px}}input#fileInput{padding:0;height:0;display:block}
/*# sourceMappingURL=/cdn/shop/t/19/assets/styles-min.css.map */