main .ctype-form header{
    position:unset;
    left:unset;
    top:unset;
}

section.ctype-form {
    padding:0;
}

.flexible-form.returns-form span.metric {
    display:none;
}

.returns-form .row:has(.imperialSwitch:checked) + .row span.metric {
    display:inline;
}
.returns-form .row:has(.imperialSwitch:checked) + .row span.imperial {
    display:none;
}

.flexible-form.returns-form .form-text {
    font-size:0.8em;
}



.flexible-form.returns-form .floatingfield label {
    top:2px;
    margin-bottom: 0;
    padding-top:calc(0.75rem - 2px);
    padding-bottom:calc(0.75rem - 2px);
    left:2px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    text-overflow: ellipsis;
    background:#fff;
} 
.flexible-form.returns-form .floatingfield.is-focused label {
    font-size:0.7em;
    padding-top:0;
    padding-bottom:0;
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
    background:#fff;
    /* background: linear-gradient(to bottom, transparent 50%, #fff 50%, #fff 100%); */
}



.flexible-form .item-row:not(:first-child) {
    position:relative;
    padding-top:1em!important;
    
}
.flexible-form.returns-form .item-row {
    padding-bottom:2.5em!important;    
    margin:0!important;
    position:relative;
    padding:1em 0.75em 2.5em 0.75em !important;
    border:2px solid #e4e5eb;    
}
.flexible-form.returns-form .item-row + .item-row {
    margin-top:1.5em !important;
}
.flexible-form .item-row .item-controls{
    position: absolute;
    right:1.5em;
    bottom:1em;
    display: flex;
    flex-direction: row;
    gap: 0.5em;   
}

.returns-form .items + .form-note {
    display:none;
}

.flexible-form .floatingfield label {
    white-space:nowrap;
}

.flexible-form .items .item-row:nth-child(even){
    /* background-color: rgba(28, 44, 119, 0.05); */
}

.item-controls button:focus,
.item-controls button{
    outline:0;
    border:0;
    background:transparent;
    font-size:1em;
    cursor:pointer;
    background-color:#1c2c77;
    color:#fff;
    /* aspect-ratio:1 / 1; */
    display:flex;
    justify-content: center;
    align-items: center;
    /* width:1.2em; */
    /* height:1.2em; */
    /* font-weight: 600; */
    border-radius: 1.5px;
    padding:0.25em 0.75em;
}

.item-controls button.remove:focus,
.item-controls button.remove{
    background-color:#d9534f;
}

.flexible-form input[type="checkbox"],
.flexible-form input[type="radio"] {
    left:unset;
}

.flexible-form textarea{
    padding:1em;
}


section.ctype-form + section.inverted {
    padding-top: 80px;
}

section.ctype-form .subsection {
    padding: 0;
}

.ctype-form .row {
    margin-left:-12px;
    margin-right:-12px;
}
.ctype-form .row > .col {
    padding-left:12px;
    padding-right:12px;
    padding-bottom:24px;
}

.ctype-form *::-webkit-input-placeholder { 
    opacity:0!important;
}
.ctype-form *::-moz-placeholder { 
    opacity:0!important;
}
.ctype-form *:-ms-input-placeholder { 
    opacity:0!important;
}
.ctype-form *:-moz-placeholder { 
    opacity:0!important;
}
.ctype-form *::placeholder { 
    opacity:0!important;
}
.ctype-form .form-group ol {
    list-style:none;
    margin:0;
    padding:0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 24px;    
}
.ctype-form .form-group ol li{
    padding-bottom:24px;
    position:relative;
}

.ctype-form .form-group {
    margin-bottom: 0;
}

.ctype-form .form-group label p {
    margin-bottom:0;
    line-height:inherit;
}

.flexible-form .row .col .row .col {
    padding-bottom:0;
}

.nonhumanfield {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.flexible-form label.form-check-label p {
    display:inline;
}
.flexible-form .field-type-checkboxes > label {
    color:#1c2c77;
    font-family: "roboto_condensedbold", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
    margin-bottom:1.5em;
    margin-top:2em;
}

.ctype-form .row > .col.col-with-field-type-newline {
    padding:0;
}

.ctype-form input[type="checkbox"],
.ctype-form input[type="radio"] {
    position: unset;
    left: unset;
    width:0;
    height:0;
    opacity:0;
    position:absolute;
    left:0;
    z-index:0;
    height:3em;
    width:3em;
}

.ctype-form textarea {
    padding-top:8px;
    padding-bottom:8px;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.items .item-row:first-child .item-controls .remove {
    /* display:none; */
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

.returns-form .field-type-item {
    margin-top:2em;
}

.returns-form .form-toggle {
    margin-bottom:1rem;
}
.returns-form .switch .slider{
    /* order: unset; */
}
.flexible-form label.switch .metric {
    display:block;
    order: 3;
    margin-left:0.5em;
    color: #797a80;
}

.flexible-form .switch input:checked ~ .metric {
    color: #1d1f29;
}


.flexible-form label.switch .imperial {
    display:block;
    order: 1;
    margin-right:0.5em;
    padding-left:0;
    color: #1d1f29;

}

.flexible-form label.switch input:checked ~ .imperial {
    color: #797a80;
}






.lds-ripple {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:2;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid var(--secondary);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    4.9% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    5% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
}
