.slide-fade-enter-active,.slide-fade-exit-active{transition:opacity .3s,transform .3s}.slide-fade-enter,.slide-fade-exit-to{transform:translate(10px);opacity:0}.slide-fade-enter{transform:translate(-10px)}.entry-content:has(proteogenix-gene-interactive-form){background-color:transparent!important;padding:0!important;border:0!important}proteogenix-gene-interactive-form{display:block}proteogenix-gene-interactive-form .form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:15px;background:#fff}proteogenix-gene-interactive-form .form>*{grid-column:1/3}@media (min-width: 768px){proteogenix-gene-interactive-form .form{padding:30px}}proteogenix-gene-interactive-form .form-grid{display:grid;gap:24px}@media (min-width: 600px){proteogenix-gene-interactive-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}proteogenix-gene-interactive-form .form-field{display:flex;flex-direction:column;gap:4px}proteogenix-gene-interactive-form .form-label{color:#324e8e;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;align-self:flex-start;margin:0}proteogenix-gene-interactive-form .form-input{display:block;border-radius:6px;padding:8px 12px;margin:0;height:42px;font-size:16px;outline:none;text-overflow:ellipsis;background-color:#fff;border:1px solid #d5d6dc;color:#63708a;transition:border-color .25s,color .25s}proteogenix-gene-interactive-form .form-input::-ms-input-placeholder{color:#919dab}proteogenix-gene-interactive-form .form-input::placeholder{color:#919dab}proteogenix-gene-interactive-form .form-input:hover{border-color:#ddd}proteogenix-gene-interactive-form .form-input:focus-visible{border-color:#9f63b9;box-shadow:0 0 8px 1px #a163b956}@media (min-width: 992px){proteogenix-gene-interactive-form .form-input{font-size:14px}}proteogenix-gene-interactive-form .form-checkbox{display:flex;align-items:flex-start;gap:6px;padding:12px}proteogenix-gene-interactive-form .form-checkbox input[type=checkbox]{margin:3px 0 0}proteogenix-gene-interactive-form .form-checkbox label{font-size:12px;line-height:1.5;color:#63708a}proteogenix-gene-interactive-form .form textarea{resize:vertical;min-height:100px;height:auto}proteogenix-gene-interactive-form .form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2363708A'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center/16px;line-height:1.2;padding-right:30px!important}proteogenix-gene-interactive-form .form-info-message{color:#63708a;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}proteogenix-gene-interactive-form .form-error-message{color:#dc2828;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}proteogenix-gene-interactive-form .form-header{display:flex;flex-direction:column;gap:8px}proteogenix-gene-interactive-form .form-header__title{font-size:40px;color:#355b9b;margin:0}proteogenix-gene-interactive-form .form-header__title span{color:#a063b9;font-weight:400;display:inline-flex;align-items:center;gap:4px}proteogenix-gene-interactive-form .form-header__title span:after{content:"|";color:#d5d6dc;font-size:70%}proteogenix-gene-interactive-form .form-header__description{font-size:16px;color:#63708a;margin:0}proteogenix-gene-interactive-form .form-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;flex-wrap:wrap;gap:10px}proteogenix-gene-interactive-form .form-buttons-group{display:flex;gap:8px;flex:1 0 auto;justify-content:end}@media (min-width: 600px){proteogenix-gene-interactive-form .form-buttons{justify-content:space-between;flex-direction:row}}proteogenix-gene-interactive-form .form-button{background:#a063b9;border:1px solid #a063b9;border-radius:6px;font-size:14px;padding:8px 24px;width:100%;max-width:190px;color:#fff;transition:all .2s ease-in-out}@media (hover: hover){proteogenix-gene-interactive-form .form-button:hover{background:#7d3b96;border-color:#7d3b96}}proteogenix-gene-interactive-form .form-button:active{background:#662d7e;border-color:#662d7e;transform:scale(.98)}proteogenix-gene-interactive-form .form-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#d5d6dc;border-color:#d5d6dc;color:#63708a}proteogenix-gene-interactive-form .form-button--ghost{background:transparent;color:#a063b9}@media (hover: hover){proteogenix-gene-interactive-form .form-button--ghost:hover{background:#f3e7f8;border-color:#7d3b96;color:#7d3b96}}proteogenix-gene-interactive-form .form-button--ghost:active{background:#e8d3f0;border-color:#662d7e;color:#662d7e;transform:scale(.98)}proteogenix-gene-interactive-form .form-button--ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#d5d6dc;border-color:#d5d6dc;color:#63708a}proteogenix-gene-interactive-form .form-button--small{width:auto;padding:6px 12px}@media (min-width: 600px){proteogenix-gene-interactive-form .form-button[data-type=next],proteogenix-gene-interactive-form .form-button[data-type=get-quote]{margin-left:auto}}proteogenix-gene-interactive-form .form-button[data-type=add-row]{background-color:#f6f6f6;align-self:start;width:auto;padding:6px 12px;margin-top:-16px}@media (hover: hover){proteogenix-gene-interactive-form .form-button[data-type=add-row]:hover{background-color:#e8e8e8}}proteogenix-gene-interactive-form .form-button[data-type=add-row]:active{background-color:#dadada}proteogenix-gene-interactive-form .form-icon-button{border:0;padding:12px;margin:0}proteogenix-gene-interactive-form .form-icon-button svg{width:16px;height:16px;fill:#63708a}proteogenix-gene-interactive-form .form-table{display:grid;gap:32px}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table{display:table;border-collapse:collapse;table-layout:fixed;border-top-left-radius:6px;border-top-right-radius:6px;overflow:hidden}}proteogenix-gene-interactive-form .form-table-row{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}proteogenix-gene-interactive-form .form-table-row>*{grid-column:1/3}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table-row{display:table-row;gap:0}proteogenix-gene-interactive-form .form-table-row>*{display:table-cell;vertical-align:top;border:1px solid #d5d6dc}proteogenix-gene-interactive-form .form-table-row--header{background-color:#f6f6f6;color:#324e8e;font-weight:600;font-size:14px;line-height:1.5}proteogenix-gene-interactive-form .form-table-row--header .form-field{padding:12px!important;vertical-align:middle}}@media (min-width: 992px) and (min-width: 1280px){proteogenix-gene-interactive-form .form-table-row--header{font-size:16px}}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table .form-field{background:transparent!important;padding:0}}proteogenix-gene-interactive-form .form-table .form-field--index{position:relative;background-color:#f6f6f6!important;grid-row:1/1;grid-column:1/2;padding:12px;display:flex;justify-content:center}proteogenix-gene-interactive-form .form-table .form-field--index:after{content:"";position:absolute;left:100%;width:24px;height:100%;background-color:#f6f6f6}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table .form-field--index{display:table-cell;text-align:center;width:1%;padding:8px 12px;color:#63708a;font-size:14px;font-weight:600;line-height:1.8}proteogenix-gene-interactive-form .form-table .form-field--index:after{display:none}}proteogenix-gene-interactive-form .form-table .form-field--delete{grid-row:1/1;grid-column:2/3;background-color:#f6f6f6;justify-content:center;align-items:flex-end}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table .form-field--delete{width:1%;padding:1px 0}}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table .form-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table .form-input{padding:12px;width:100%;border:0}proteogenix-gene-interactive-form .form-table .form-input:focus-visible{border:0;box-shadow:none}}proteogenix-gene-interactive-form .form-table .form-error-message{display:block}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table .form-error-message{padding:6px 12px}}proteogenix-gene-interactive-form .form-table .form-icon-button{background:transparent;display:flex;align-items:center;justify-content:flex-end}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table[data-step=geneInformation] .form-field:nth-child(2){width:40%}proteogenix-gene-interactive-form .form-table[data-step=geneInformation] .form-field:nth-child(3){width:60%}proteogenix-gene-interactive-form .form-table[data-step=geneCloning] .form-field--delete,proteogenix-gene-interactive-form .form-table[data-step=geneOptimization] .form-field--delete,proteogenix-gene-interactive-form .form-table[data-step=genePlasmidPrep] .form-field--delete{display:none}proteogenix-gene-interactive-form .form-table[data-step=geneCloning] input[id$="[name]"],proteogenix-gene-interactive-form .form-table[data-step=geneCloning] input[id$="[sequence]"],proteogenix-gene-interactive-form .form-table[data-step=geneCloning] .form-field:has(input[id$="[name]"]),proteogenix-gene-interactive-form .form-table[data-step=geneCloning] .form-field:has(input[id$="[sequence]"]),proteogenix-gene-interactive-form .form-table[data-step=geneOptimization] input[id$="[name]"],proteogenix-gene-interactive-form .form-table[data-step=geneOptimization] input[id$="[sequence]"],proteogenix-gene-interactive-form .form-table[data-step=geneOptimization] .form-field:has(input[id$="[name]"]),proteogenix-gene-interactive-form .form-table[data-step=geneOptimization] .form-field:has(input[id$="[sequence]"]),proteogenix-gene-interactive-form .form-table[data-step=genePlasmidPrep] input[id$="[name]"],proteogenix-gene-interactive-form .form-table[data-step=genePlasmidPrep] input[id$="[sequence]"],proteogenix-gene-interactive-form .form-table[data-step=genePlasmidPrep] .form-field:has(input[id$="[name]"]),proteogenix-gene-interactive-form .form-table[data-step=genePlasmidPrep] .form-field:has(input[id$="[sequence]"]){font-weight:600;background:#f6f6f6!important}}@media (max-width: 991.99px){proteogenix-gene-interactive-form .form-table[data-step=overview] .form-input{background:transparent;border:0;padding:0}proteogenix-gene-interactive-form .form-table[data-step=overview] .form-table-row{padding:16px;border:1px solid #d5d6dc}proteogenix-gene-interactive-form .form-table[data-step=overview] .form-table-row:nth-child(odd){background-color:#f6f6f6}}@media (min-width: 992px){proteogenix-gene-interactive-form .form-table[data-step=overview] .form-table-row--header{background-color:#324e8e;color:#fff}proteogenix-gene-interactive-form .form-table[data-step=overview] .form-field{border-left:0;border-right:0}}proteogenix-gene-interactive-form .form-steps-bar{display:none;gap:8px;justify-content:space-around;padding:24px 8px}@media (min-width: 768px){proteogenix-gene-interactive-form .form-steps-bar{display:flex}}proteogenix-gene-interactive-form .form-steps-bar__step{position:relative;display:flex;gap:8px;flex-direction:column;align-items:center;flex:1}proteogenix-gene-interactive-form .form-steps-bar__step:not(:last-child):after{content:"";position:absolute;border-bottom:2px dotted #919dab;width:calc(100% - 80px);top:20px;left:calc(50% + 40px);z-index:3}proteogenix-gene-interactive-form .form-steps-bar__step[data-state=completed]:after{border-bottom:1px solid #324E8E}proteogenix-gene-interactive-form .form-steps-bar__step[data-state=completed] .form-steps-bar__step-number{background-color:#a063b9;color:#fff}proteogenix-gene-interactive-form .form-steps-bar__step[data-state=completed] .form-steps-bar__step-label{color:#324e8e}proteogenix-gene-interactive-form .form-steps-bar__step[data-state=current] .form-steps-bar__step-number{background-color:#324e8e;color:#fff}proteogenix-gene-interactive-form .form-steps-bar__step[data-state=current] .form-steps-bar__step-label{color:#324e8e}proteogenix-gene-interactive-form .form-steps-bar__step-number{display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:#fff;color:#324e8e;font-size:14px;font-weight:600;width:40px;height:40px;box-shadow:0 0 16px #0000001a}proteogenix-gene-interactive-form .form-steps-bar__step-number svg{width:16px;height:16px}proteogenix-gene-interactive-form .form-steps-bar__step-label{font-size:13px;line-height:1.4;text-align:center;color:#63708a}@media (min-width: 992px){proteogenix-gene-interactive-form .form-comments-notes{max-width:450px;grid-column:1/2}}proteogenix-gene-interactive-form .form-price{align-self:flex-end;background-color:#f6f6f6;border-radius:6px}@media (min-width: 992px){proteogenix-gene-interactive-form .form-price{width:350px;grid-column:2/3;justify-self:end}}proteogenix-gene-interactive-form .form-price p{margin:0}proteogenix-gene-interactive-form .form-price__estimate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 8px 8px 24px;background-color:#324e8e;color:#fff;border-radius:6px;font-size:15px}proteogenix-gene-interactive-form .form-price__estimate-total{background-color:#fff;border-radius:6px;color:#324e8e;padding:4px 16px;font-size:18px;font-weight:600}proteogenix-gene-interactive-form .form-price__duration{display:flex;flex-direction:column;gap:4px;padding:16px 24px;font-size:12px;color:#63708a}proteogenix-gene-interactive-form .form-price__duration-heading{font-size:14px;text-transform:uppercase;color:#324e8e}proteogenix-gene-interactive-form .form-price__duration-heading span{color:#a063b9}proteogenix-gene-interactive-form .form-general-notification{border-radius:6px;padding:16px;font-size:14px;line-height:1.5}proteogenix-gene-interactive-form .form-general-notification.form-error{background-color:#dc28281a;border:1px solid hsl(0,72%,51%);color:#dc2828}proteogenix-gene-interactive-form .form-general-notification.form-message{background-color:#0080001a;border:1px solid hsl(120,100%,25%);color:green}
