.path-admin {
  &:has(.crm-right-column.election-preview) {
  	&:has(.admin-toolbar-overlay[aria-expanded="true"]) {
  		.form-managed-file__main {
  			@media only screen and (min-width: 1024px) {
  				max-width: 200px;
  			}

  			@media only screen and (min-width: 1440px) {
  				max-width: 100%;
  			}
  		}

  		.crm-right-column.election-preview  {
  			@media only screen and (min-width: 1024px) {
  				width: 290px;
  				background-size: auto 500px;
  				top: 90px;

  				.preview-form {
  					height: 426px;
  					margin-top: 150px;
  					width: 200px;
  					
  					.fake-preview-submit {
              width: 155px;
              bottom: 125px;
              position: absolute;
  					}
  				}
  			}

				@media only screen and (min-width: 1440px) {
					width: 360px;
					background-size: auto 700px;
					top: 170px;

					.preview-form {
						margin-top: 72px;
						width: 260px;
						height: 500px;

						.fake-preview-submit {
	            bottom: 60px;
	            width: 225px;
						}
					}
				}
  		}
  	}

  	.form-managed-file__main {
  		@media only screen and (min-width: 1024px) {
  			max-width: 300px;
  		}
  	}
  	
	  .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: 20px;
	    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;
	    }

	    @media only screen and (max-width: 1280px) {
	    	transform: scale(0.80);
	    	transform-origin: top right;
				top: 128px;
	    }

	    @media only screen and (max-width: 1100px) {
	    	transform: scale(0.70);
	    	transform-origin: top right;
				top: 110px;
	    }

			h2 {
		    @media only screen and (min-width: 1912px) {
		    	right: 15%;
		    }
		  }

	    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;
	        }
	      }
	    }
	  }
	}
}