.path-admin {
  &:has(.crm-right-column.election-preview) {
	  .crm-left-column { 
	  	padding: var(--gin-spacing-s);
	  	background: #fff;
	  	box-shadow: var(--gin-shadow-l1);
	    border-radius: var(--gin-border-l);
	   	border: 1px solid var(--gin-border-color-layer);
	   	
	  	@media (min-width: 48em) {
        padding: var(--gin-spacing-l);
	  	}

	  	@media only screen and (min-width: 1024px) {
	  		width: 50%;
	  	}
	  }

	  .crm-right-column.election-preview {
	  	display:  none;
	    position: fixed;
	    right: 15%;
	    top: 170px;
	    height: 700px;
	    width: 360px;
	    max-width: 360px;
	    background-image: url('../images/iPhone.png');
	    background-repeat: no-repeat;
	    background-size: auto 700px;
	    background-position: center;

	    @media only screen and (min-width: 1024px) {
	    	display: flex;
	      flex-direction: column;
	      justify-content: space-between;
	    }

	    h2 {
	      font-size: 18px;
	      color: #000;
	      margin-bottom: 20px;
	      font-weight: bold;
	    }

	    h3 {
	      font-size: 15px;
	      margin: 0 0 15px;
	      font-weight: bold;
	    }

	    .preview-form {
	      padding-left: 50px;
	      margin-top: 72px;
	      width: 260px;
	      height: 500px;
	      max-height: 500px;
	      overflow: auto;
	      scrollbar-width: none;
	      -ms-overflow-style: none;

	      &::-webkit-scrollbar {
	        display: none; /* Hide scrollbar in Chrome, Safari, Opera */
	      }

	      .question {
	        border-radius: 10px;
	        background: #F4FBFE;
	        padding: 23px 26px;
	        margin-bottom: 12px;

	        .min-max {
	          margin-bottom: 15px;
	          font-size: 15px;
	        }

	        > div + div {
	          display: flex;
	          justify-content: center;
	          flex-direction: column;
	          row-gap: 13px;

	          .answer-answer,
	          .answer-description {
	            display: flex;
	            align-items: start;
	          }

	          .answer-answer {
	            .link {
	              font-size: 0;
	              margin-left: auto;
	              padding-left: 5px;
	              
	              &:before {
	                content: url('/modules/custom/uv_admin/icons/link.svg');
	              }
	            }
	          }

	          .answer-description {
	            font-style: italic;

	            span {
	              font-size: .875rem;
	              line-height: 1.214;
	              margin: 10px 0 0 10px;
	            }

	            span:first-child {
	              width: 13px;
	              margin: 0;
	              flex-shrink: 0;
	            }
	          }

	          input {
	            margin-top: 1px;
	          }

	          label {
	            margin: 0 0 0 10px;
	            font-weight: normal;
	            line-height: 1;
	          }
	        }
	      }

	      .fake-preview-submit {
	        margin-top: 10px;
	        border-radius: 4px;
	        background: #E5007D;
	        color: #fff;
	        padding: 11px 28px;
	        text-align: center;

	        position: absolute;
	        bottom: 60px;
	        left: 40px;
	        width: 225px;

	        &:hover {
	          cursor: pointer;
	        }
	      }
	    }
	  }
	}
}