#feedback .feedback-container{padding:0 1.5em;}
#feedback .feedback-wrapper{padding:1.25em 0 1.5em;}
#feedback .feedback-title{margin-bottom:1.875em;}
#feedback .rel{position:relative;}
#feedback .hidden{display:none;}
#feedback h1{font-size:1.375em;font-weight:500;color:#36444B;line-height:1.18181818;}
#feedback .label{margin:2em 0;display:block;position:relative;}
#feedback .label p{font-size:0.875em;line-height:1.14285714;color:#1d2529;}
#feedback .label input{margin-top:5px;font-size:1em;line-height:1.75;height:1.75em;box-sizing:border-box;border-left:none;border-right:none;border-top:none;border-bottom:1px solid #cfd0d2;width:100%;outline:none;padding:0;border-radius:0;background-color:transparent;}
#feedback .label input::-webkit-input-placeholder{color:#1d2529;}
#feedback .label.error input{  border-color: #ce2c3f;}
#feedback .label textarea{margin-top:5px;font-family:inherit;-webkit-appearance:none;resize:none;width:100%;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #cfd0d2;font-size:1em;line-height:1.25;outline:none;padding:0.25em 0;border-radius:0;background-color:transparent;}
#feedback .label.error textarea{  border-color: #ce2c3f;}
#feedback .label .textarea-note{text-align:right;position:absolute;left:0;right:0;bottom:-1em;}
#feedback .label.error .textarea-note{  border-color: #ce2c3f;}
#feedback .label select{position:absolute;height:1.75em;left:-1px;right:-1px;bottom:0;opacity:0;width:100%;outline:none;}
#feedback .label select:focus-visible ~ input {
  outline: #2c7a80 auto 2px !important;
}

#feedback .label .select{padding-right:2em;background:url("https://static.tp-link.com/app/assets/images/icon-down.png") 100% 50% no-repeat;background-size:2em;}

#feedback .label .checkbox{  float: left;
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.5em 0 0;
  background: url(https://static.tp-link.com/assets/images/icon/checkbox-black.svg)
    0 50% no-repeat;
  background-size: 100%;}
#feedback .label [type='checkbox']:checked + label .checkbox {
  background: url(https://static.tp-link.com/assets/images/icon/checkbox-checked.svg)
    0 50% no-repeat;
  background-size: 100%;
}

#feedback .label.app-log {
  margin-bottom: 2em;
}
.label.app-log span {
  overflow: hidden;
  color: #36444b;
  line-height: 1.7142857;
}
#feedback .tip{float:right;width:2em;position:relative;top:-0.25em;}
#feedback .btn{margin-top:1.5em;}
#feedback button{  background: #2c7a80;border: 1px solid #2c7a80;border-radius:100px;text-align:center;color:#fff;font-size:1.125em;line-height:2.22222222;display:block;width:100%;outline:none;}
#feedback button.forbid{opacity:0.6;}

#upload{margin:0.375em -0.5em 0;}
#upload:after{content:'';display:table;height:0;clear:both;}
#upload .img-item{float:left;width:33.3333%;}
#upload .img-item-wrapper{margin:0.5em;}
#upload .img{border:1px solid #e2e2e2;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;display:block;height:0;padding:0 0 100%;border-radius:0.375em;}
#upload .img .dlt{position:absolute;top:0.25em;right:0.25em;width:1.5em;height:1.5em;background:aqua;background:url("https://static.tp-link.com/app/assets/images/icon-remove.png") 50% 50% no-repeat;background-size:100%;}
#upload .img input{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;height:0;border:none;opacity:0;}
#upload .img:focus-within {
  outline: #2c7a80 auto 2px !important;
}
#upload #lastImg{background-image:url("https://static.tp-link.com/app/assets/images/icon-upload-add.png");background-size:30.77%;border:1px dashed #a7a9ac;}
@media (min-width:415px){
  #upload .img-item{width:25%;max-width:100px;}
}

#tip{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.40); overflow: auto;display: flex;}
#tip .tip-box{  margin-top: auto;}
#tip .tip-wrapper{background:#FFFFFF;box-shadow:0 0 10px 0 rgba(54,68,75,0.10);border-radius:0.75em 0.75em 0 0;padding:1.125em 0 1.5em;}
#tip h3{color:#1D2529;font-size:1em;font-weight:500;line-height:1.1875;margin-bottom:1.25em;}
#tip .how-to-find{text-align:center;margin-bottom:1.25em;}
#tip .how-to-find img{max-width:100%;}
#tip .how-to-find p{margin-top:4px;}
#tip p{font-size:0.875em;line-height:1.1428571428;color:#1d2529;margin-bottom:10px;}
#tip a{color: #1d2529;text-decoration: underline;}
#tip button{background-image:linear-gradient(135deg, #34C6EB 0%, #4ACBD6 100%);border-radius:100px;}
#tip .btn{margin-top:1.875em;}

#message{-webkit-transform:translateX(100%);-webkit-transition:-webkit-transform 10ms linear 1s, opacity 1s ease-out;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;color:#fff;}
#message.active{-webkit-transform:translateX(0);opacity:1;-webkit-transition:opacity 1s ease-out;}
#message .content{background:rgba(33,33,33,0.7);border-radius:0.75em;width:12.5em;margin:0 auto;text-align:center;padding:1.5em 1em;position:absolute;top:40%;left:50%;margin-left:-6.25em;box-sizing:border-box;}
#message:after{content:'';display:inline-block;height:80%;vertical-align:middle;}
#message img{width:2em;}
#message p{font-size:1em;font-weight:400;line-height:1.1875;}

form .label .error-text {
  display: none;
}

form .label.error .error-text {
  display: block;
}

#feedback .label p.error-text {
  color: #ce2c3f;
  padding-top: 0.5em;
  min-height: 1.5em;
}

#feedback .notice-logo {
  color: #ce2c3f;
}

#feedback .label label {
  font-size: 0.875em;
  line-height: 1.14285714;
  color: #1d2529;
}

.notice-required-logo {
  font-size: 0.875em;
  line-height: 1.14285714;
  color: #1d2529;
  padding-top: 0.5em;
}

*:focus-visible {
  outline: #2c7a80 auto 2px !important;
  outline-offset: -2px;
}

.tp-ada-hidden {
  position: absolute!important;
  clip: rect(1px, 1px, 1px, 1px)!important;
  clip-path: inset(0 0 99.9% 99.9%)!important;
  overflow: hidden!important;
  height: 1px!important;
  width: 1px!important;
  padding: 0!important;
  border: 0!important;
}
