@charset "utf-8";

.sticker_wrap {position: relative;}

.sticker_wrap .sticker {position: absolute !important; left:50px; top:50px; z-index: 1; text-align: center; box-sizing: border-box;transition:none !important; overflow: visible; transform-origin: center center;}
.sticker_wrap .sticker img {pointer-events: none;  transition: none !important; width: 100%; height: auto;}
.sticker_wrap .sticker:hover {border: 1px solid rgb(255, 255, 255);}

.sticker_wrap .sticker .btn_list  {display: inline-block; position: relative; opacity: 0; pointer-events: none; transition: all 0.5s; position: absolute;}
.sticker_wrap .sticker:hover .btn_list {opacity: 1; pointer-events:all; }
.sticker_wrap .sticker .btn_list .up {width:25px; height: 25px; font-size: 12px; cursor: pointer; line-height: 15px; text-align: center; background-color:#3b3b3b; color:white; border-radius: 50%;}
.sticker_wrap .sticker .btn_list .number {font-size: 10px; line-height: 10px; padding: 8px 0; font-weight: bold; background-color:white; color:#3b3b3b;border-radius: 50%; }

.sticker_wrap .sticker .rotate-handle {filter: brightness(10) drop-shadow(0 0 2px #000);opacity: 0; pointer-events: none; cursor: pointer;}
.sticker_wrap .sticker:hover .rotate-handle  {opacity: 1; pointer-events:all; }

.sticker_wrap .sticker .ui-resizable-handle {filter: brightness(10) drop-shadow(0 0 2px #000);opacity: 0; pointer-events: none;}
.sticker_wrap .sticker:hover .ui-resizable-handle {opacity: 1; pointer-events:all; }



.sticker_wrap .sticker .source {
	position: absolute;
	text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000;
	font-size: 10px;
	right:5px;
	bottom:5px;
}


@media all and (max-width:1000px) {
	.sticker_wrap {display:none}
}