@charset "utf-8";
@charset "utf-8";

 #twdcmfruwindow {
display: none;
background-color: #D6008F;
width: calc(100% - 100px);
height: auto;
place-items: center;
box-sizing: content-box;
position: absolute;
top: 1px;
animation: fancyAnimation 2s ease-in-out; transition: top 1s ease-in-out; padding: 20px 50px;
box-shadow: 0 -5px 5px -5px #fff,
0 5px 5px -5px #333;
z-index: 999999;
color: #FFFFFF;
}
@keyframes fancyAnimation {
0% {
top: -100%;
}
100% {
top: 5px;     	
}
}
.twdcmfrumessage {
display: block;
padding: 0 0 0px 0;
color: #FFF;
font-size: 200%;
}
.twdcmfrumessage a {
text-decoration: none; position: relative; color: #FFF;
font-weight: bold;
}
.twdcmfrumessage a::after {
content: ''; position: absolute;
bottom: -5px;
left: 0;
width: 0; height: 2px; background-color: #fff; transition: width 0.3s ease; }
.twdcmfrumessage a:hover::after {
width: 100%; }
#twdcmfrucloseButton {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
width: 40px;
height: 40px;
background-size: cover;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='%23FFFFFF' %3E%3Cpath d='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z'/%3E%3C/svg%3E");
}
#twdcmfrucloseButton:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z'/%3E%3C/svg%3E");
}
#twdcmfruwindow.hidden {
top: -100%; }
.twdcmfrubutton-container {
display: flex;
justify-content: center;
margin: 10px 0;    
}
a.twdcmfrubutton {
padding: 7px  10px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: 600;
transition: background-position .3s;
background-image: linear-gradient(to left, black 50%, transparent 50%);
background-size: 200% 200%;
margin: 5px 5px;
text-decoration: none;
border: 1px solid #FFF;
text-align: center;
letter-spacing: 2px;
font-size: 100%;
}
a.twdcmfrubutton:hover {
background-position: 100% 0;
color: rgba(255,255,255,1);
}
@media screen and (max-width: 980px) {
.twdcmfrubutton-container {
flex-direction: column; 
}
}
 .twdllmsg_container {
max-width: 100%;
width: 100%;
margin: 20px auto;
padding: 0px;	font-size: 60%;
}
.twdllmsg_header {
margin-top: 0;
color: #1a1a1a;
padding-bottom: 15px;
font-size: 210%;
text-transform: uppercase;			
}
.twdllmsg_badge {
font-size: 120%;
vertical-align: middle;
background-color: #D6008F !important;
color: #ffffff;
padding: 3px 8px;
border-radius: 10px;
margin-left: 10px;
} .twdllmsg_form {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.twdllmsg_input {
flex: 2; min-width: 250px;
padding: 15px;
border: 2px solid #eeeeee;
border-radius: 10px;
font-size: 160%;
outline: none;
transition: border-color 0.3s;
}
.twdllmsg_input:focus {
border-color: #D6008F;
}
.twdllmsg_btn {
padding: 15px 25px;
border: none;
border-radius: 10px;
cursor: pointer;
font-weight: bold;
transition: 0.3s;
color: #ffffff;
flex: 1; text-align: center;
}
.twdllmsg_btn_test { background-color: #6c757d; }
.twdllmsg_btn_gen { background-color: #D6008F !important; }
.twdllmsg_btn_copy {
background-color: #6c757d;
}
.twdllmsg_btn_down { background-color: #17a2b8; }
.twdllmsg_btn:hover { opacity: 0.9; } .twdllmsg_result_box {
margin: 30px 0 0 0;
width: calc(100% - 0px);
}
.twdllmsg_code_box {
background-color: #D6008F !important;
color: #FFFFFF;
width: calc(100% - 20px);
min-height: 450px;
padding: 10px;
border: 2px solid #666666;
border-radius: 5px;
box-sizing: border-box;
font-size: 100%;
margin: 0px;
}
.twdllmsg_success_msg {
color: #D6008F;
margin: 35px 0 10px 0;
display: block;
font-weight: bold;
font-size: 150%;
text-transform: uppercase;
}
.twdllmsg_error_msg { color: #dc3545; font-weight: bold; }
.twdllmsg_code_box {
background-color: #D6008F !important;
color: #FFFFFF;
width: calc(100% - 12px);
min-height: 450px;
padding: 5px;
border: 1px solid #666666;
border-radius: 5px;
box-sizing: border-box;
font-size: 100%;
margin: 0px;
} .twdllmsg_output_label {
color: #D6008F;
margin: 35px 0 10px 0;
display: block;
font-weight: bold;
font-size: 150%;
text-transform: uppercase;
}
.twdllmsg_output_area {
width: calc(100% - 64px);
min-height: 450px;
padding: 20px;
border: 2px solid #666666;
border-radius: 5px;
background-color: #fafafa;
box-sizing: border-box;
font-size: 150%;
margin: 10px;
}
.twdllmsg_actions {
margin-top: 20px;
display: flex;
gap: 15px;
}