@font-face {
font-family: "Caveat"; 
src: url("/fonts/Caveat/static/Caveat-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
font-display: fallback;
}  
@font-face {
font-family: "Lobster"; 
src: url("/fonts/Lobster-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
font-display: fallback;
}  
@font-face {
font-family: "Rubik"; 
src: url("/fonts/Rubik/static/Rubik-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
font-display: fallback;
}  
@font-face {
font-family: "Russo One"; 
src: url("/fonts/Russo_One/RussoOne-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
font-display: fallback;
}  
.cardt1h{width:100%; aspect-ratio:1.4;}
.cardt1v{width:100%; aspect-ratio:0.71428571;}
#textarea{font-size:12px}

.appcode{padding:0!important; border:none!important; background:#fff!important;}
hr{border-bottom:1px dashed #333; color:#fff; width:100%; height:1px;}

#rotateeditorbtn:hover{opacity:0.9;}
.cc_tips{font-size:12px; color:#666; padding:5px 0;}
.cc_editor_line{padding:3px 0;}
.editorsetting input, .editorsetting button, .editorsetting select{width:70%; height:30px; line-height:30px; background:#e5e5e5; color:#333; border-radius:4px;}
input[type=range]{height:22px!important; line-height:22pximportant;}