#cover{position:fixed;width:100%;background:#ebf3f5;z-index:200;display:none;-webkit-box-shadow:0px 0px 0px 9999px rgba(0,0,0,.5);box-shadow:0px 0px 0px 9999px rgba(0,0,0,.5)}.display{display:block !important}.action.primary.tryon-button{text-align:center;border-radius:3px;width:49%;line-height:2.2rem;padding:14px 17px;font-size:1.8rem;margin-bottom:15px}.control-prev-btn{position:absolute;top:88%;left:0;background-color:rgba(255,255,255,.55);height:30px;line-height:30px;width:45px;text-align:center;box-shadow:0 1px 3px #888;user-select:none;color:#444;cursor:pointer;display:none}.control-next-btn{position:absolute;top:88%;right:0;background-color:rgba(255,255,255,.55);height:30px;line-height:30px;width:45px;text-align:center;box-shadow:0 1px 3px #888;user-select:none;color:#444;cursor:pointer;display:none}.visible{opacity:1 !important;visibility:visible !important;transition:ease-in-out .5s !important}.overlay{position:absolute;height:100%;width:100%;background:rgba(0,0,0,.45);top:0;display:none}.overlay.active{display:block}#web{position:fixed;translate:-50% -50%;top:50%;left:50%;opacity:0;background:#fff;visibility:hidden;transition:ease-in-out .3s;z-index:250;max-width:595px;width:90%}#tryon-root{padding:20px}.tryon-header{display:flex;padding:20px;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;border-bottom:1px solid #ccc}.tryon-header p{margin-bottom:0}#webClose{transition:ease-in-out .3s;cursor:pointer;z-index:250}#webClose svg{width:24px;height:24px}.output_canvas{width:100% !important;height:auto !important;display:block;max-height:70vh;transform:scale(-1,1)}.container.camera-canvas-container{position:relative !important;width:100%;margin:0 auto;overflow:hidden}#webClose svg{width:24px}.tryon_object_list{position:absolute;bottom:0;left:0;right:0;margin-inline:auto;max-width:fit-content;max-height:fit-content}.horizontal-list{display:flex;overflow-y:hidden;padding:16px;transform:scroll(calc(var(--i,0)/var(--n)*-100%));scroll-behavior:smooth;justify-content:center;align-items:center}.tryon_png{position:relative;margin:5px}.tryon_color{position:relative;height:30px;width:30px;margin:0 10px;object-fit:cover;border-radius:15px;cursor:pointer;transition:.25s ease-in-out}.tryon_png img{width:50px;min-width:50px;cursor:pointer;transition:.25s ease-in-out}.template-canvas{display:none}