/* CSS for the loading spinner */
.form_submit{
    transition: opacity 0.3s;  
}

.form_submit:disabled{
    opacity: 0.5;
}
#loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none; /* Initially hidden */
}

#property-description-output-container{
    background: #eeeeee;
    position: relative;
    margin: 15px 0;
    padding: 15px;
}
#property-description-output{
    max-width: 100%;
}
.clipboard.icon {
  position: absolute;
  top: 8px;
  right: 8px;
  margin-top: 4px;
  margin-left: 4px;
  width: 11px;
  height: 13px;
  border: solid 1px #333333;
  border-top: none;
  border-radius: 1px; 
  cursor: pointer;
}
.clipboard.icon:before {
  top: -1px;
  left: 2px;
  width: 5px;
  height: 1px;
  border: solid 1px #333333;
  border-radius: 1px; 
}
.clipboard.icon:after {
  width: 3px;
  height: 1px;
  background-color: #333333;
  box-shadow: 8px 0 0 0 #333333; 
}

.icon:before, .icon:after {
  content: '';
  position: absolute;
  display: block;
}

.spinner {
    border: 8px solid rgba(0, 0, 0, 0.1);
    border-left-color: #333;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}