/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 23 2024 | 17:19:38 */
.gform-body{
	container-type :inline-size;
	container-name :gform;
}

.address-list , .address-list .gfield_radio{
	

   display: grid;
   grid-template-columns: repeat(1, 1fr);
   gap:20px;
	
	@container gform (min-width :768px ){
		grid-template-columns: repeat(2, 1fr);
	}
	

	
.gchoice:has( .address) input
{
  display: none!important;
}	
.gchoice input:checked + label .address{
      border: 2px solid #5170FF;
        &::after{
          position: absolute;
              content: "";
    display: inline;
    background-color: #5170FF;
    width: 10px;
    height: 10px;
          border-radius : 50%;
      right: 20px;
      }
    }
	
  label{
		width:100%
	}
    
  .address {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #f7f7f7;;
    border :1px solid #d2d2d2;
    border-radius: 22px;
    padding-right : 50px;
	  cursor:pointer;
    
    &.active{
      border: 2px solid #5170FF;
        &::after{
          position: absolute;
              content: "";
    display: inline;
    background-color: #5170FF;
    width: 10px;
    height: 10px;
          border-radius : 50%;
      right: 20px;
      }
    }
    
    

    .address-image {
      height: 100px;

      img {
        height: 100%;
		 max-width: 100px;
        object-fit: cover;
        aspect-ratio: 5 / 4;
        border-radius: 20px 0 0 20px;
      }
    }

    .address-details {
      .address-title {
        font-weight: bold;
      }

      .address-complete {
        font-weight: normal;
        color : #808080;
		  white-space: nowrap;
      }

      .address-price {
        margin-top: 10px;
      }
    }
  }
}