.view-grid.vehicle{--gap: 1.5rem;margin:0 auto;display:grid;width:66.5rem;max-width:100%;grid-template-columns:640px minmax(auto,400px);grid-auto-rows:auto;gap:var(--gap);text-align:left}.view-grid.vehicle h1{font-size:1.25em;font-weight:600}.view-grid.vehicle h2{font-size:1em;font-weight:600}.view-grid.vehicle i.fa-check{color:var(--green)}.view-grid.vehicle i.fa-times{color:var(--red)}.view-grid.vehicle table{width:100%}.view-grid.vehicle table tr{border-bottom:1px solid #8b8b8b}.view-grid.vehicle table th{font-weight:500}.view-grid.vehicle div.table>div{padding:.25rem 0;display:flex}.view-grid.vehicle div.table>div span:first-of-type{color:var(--gray)}.view-grid.vehicle div.table>div>span:last-of-type{font-weight:600;text-align:right;margin:0 0 0 auto;color:var(--gray-dark)}.view-grid.vehicle>div:not(#vehicle-images){box-shadow:0 0 1px #00000020,0 1px 3px #0003;border:0 solid rgba(0,0,0,.125);border-radius:5px;padding:var(--gap)}.view-grid.vehicle>div#vehicle-images{grid-column:1;grid-row:1;width:100%;max-width:640px;margin:0 auto}.view-grid.vehicle>div#vehicle-images .vehicle-images{margin:-5px}.view-grid.vehicle>div#vehicle-images .vehicle-images .swiper.swiper-main{margin:5px}.view-grid.vehicle>div#vehicle-images .vehicle-images .swiper.swiper-thumbs .swiper-slide{margin:.9%}@media screen and (max-width: 433px){.view-grid.vehicle>div#vehicle-images .vehicle-images .swiper.swiper-thumbs .swiper-slide{margin:2.5%}}.view-grid.vehicle>div#vehicle-auction{grid-column:2;grid-row:1;display:flex;flex-flow:column}.view-grid.vehicle>div#vehicle-auction>:nth-child(n){width:100%;margin-bottom:1rem}.view-grid.vehicle>div#vehicle-auction>:nth-child(1){margin-bottom:0}.view-grid.vehicle>div#vehicle-auction>:nth-child(2){margin-bottom:auto}.view-grid.vehicle>div#vehicle-auction>:nth-child(3){text-align:justify;margin-top:1em}.view-grid.vehicle>div#vehicle-auction>:nth-child(3) button{display:inline;border:0;margin:0;padding:0;background-color:transparent;cursor:pointer;color:red}.view-grid.vehicle>div#vehicle-auction .vehicle-bid{display:grid;grid-template-columns:auto 60% auto;gap:.5em}.view-grid.vehicle>div#vehicle-auction .vehicle-bid button#bid-amount-down{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);text-align:center;cursor:pointer;background-color:#fff;border-color:#d3d3d3;color:#000;grid-column:1;grid-row:1}.view-grid.vehicle>div#vehicle-auction .vehicle-bid button#bid-amount-down:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .vehicle-bid input{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;line-height:1;grid-column:2;grid-row:1;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.view-grid.vehicle>div#vehicle-auction .vehicle-bid input:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .vehicle-bid button#bid-amount-up{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);text-align:center;cursor:pointer;background-color:#fff;border-color:#d3d3d3;color:#000;grid-column:3;grid-row:1}.view-grid.vehicle>div#vehicle-auction .vehicle-bid button#bid-amount-up:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .vehicle-bid button#make-bid-offer{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:var(--orange);border-color:var(--orange);color:#fff;grid-column:1/4;grid-row:2}.view-grid.vehicle>div#vehicle-auction .vehicle-bid button#make-bid-offer:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .vehicle-bid span[role=alert]{grid-column:1/4;grid-row:3;color:red}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice{--gap: .5em;--columns: 2;--grid-columns-columns: var(--columns, 1);--grid-columns-column-gap: var(--column-gap, var(--gap, 0));--grid-columns-row-gap: var(--row-gap, var(--gap, 0));display:grid;grid-template-columns:repeat(var(--grid-columns-columns),calc((100% - var(--grid-columns-column-gap) * (var(--grid-columns-columns) - 1)) / var(--grid-columns-columns)));grid-auto-rows:auto;grid-auto-flow:dense;column-gap:var(--grid-columns-column-gap);row-gap:var(--grid-columns-row-gap);align-items:start;margin-top:var(--gap);grid-column:1/4;grid-row:3}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice button#accept-counteroffer{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:var(--success);border-color:var(--success);color:#fff;grid-column:1;grid-row:1}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice button#accept-counteroffer:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice button#accept-counteroffer i.fa-check{color:#fff}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice button#reject-counteroffer{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:#fff;border-color:var(--danger);color:var(--danger);grid-column:2;grid-row:1}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice button#reject-counteroffer:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .vehicle-bid>.choice button#reject-counteroffer i.fa-times{color:var(--danger)}.view-grid.vehicle>div#vehicle-auction .vehicle-buy{display:grid;grid-template-columns:100%}.view-grid.vehicle>div#vehicle-auction .vehicle-buy button{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:var(--orange);border-color:var(--orange);color:#fff}.view-grid.vehicle>div#vehicle-auction .vehicle-buy button:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction>:nth-last-child(1){margin-bottom:0}.view-grid.vehicle>div#vehicle-auction .confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d0;z-index:90}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div{box-shadow:0 0 1px #00000020,0 1px 3px #0003;border:0 solid rgba(0,0,0,.125);border-radius:5px;position:fixed;top:50%;left:50%;padding:1em;transform:translate(-50%,-50%);background-color:#fff;z-index:100;display:grid;gap:1em}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice{--columns: 2;--grid-columns-columns: var(--columns, 1);--grid-columns-column-gap: var(--column-gap, var(--gap, 0));--grid-columns-row-gap: var(--row-gap, var(--gap, 0));display:grid;grid-template-columns:repeat(var(--grid-columns-columns),calc((100% - var(--grid-columns-column-gap) * (var(--grid-columns-columns) - 1)) / var(--grid-columns-columns)));grid-auto-rows:auto;grid-auto-flow:dense;column-gap:var(--grid-columns-column-gap);row-gap:var(--grid-columns-row-gap);align-items:start}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice button:first-of-type{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:var(--success);border-color:var(--success);color:#fff}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice button:first-of-type:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice button:first-of-type i.fa-check{color:#fff}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice button:last-of-type{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:#fff;border-color:var(--danger);color:var(--danger)}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice button:last-of-type:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle>div#vehicle-auction .confirm-modal>div>.choice button:last-of-type i.fa-times{color:var(--danger)}.view-grid.vehicle>div#vehicle-description{grid-column:1;grid-row:2}.view-grid.vehicle>div#vehicle-description div.table{margin:0}.view-grid.vehicle>div#vehicle-description div.table>div:not(:last-child){border-bottom:1px solid #bebebe}.view-grid.vehicle>div#vehicle-condition{grid-column:2;grid-row:2}.view-grid.vehicle .not-authorized{--columns: 2;--gap: 1em;--grid-columns-columns: var(--columns, 1);--grid-columns-column-gap: var(--column-gap, var(--gap, 0));--grid-columns-row-gap: var(--row-gap, var(--gap, 0));display:grid;grid-template-columns:repeat(var(--grid-columns-columns),calc((100% - var(--grid-columns-column-gap) * (var(--grid-columns-columns) - 1)) / var(--grid-columns-columns)));grid-auto-rows:auto;grid-auto-flow:dense;column-gap:var(--grid-columns-column-gap);row-gap:var(--grid-columns-row-gap);align-items:start}.view-grid.vehicle .not-authorized div{grid-column:1/3}.view-grid.vehicle .not-authorized a{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer}.view-grid.vehicle .not-authorized a:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle .not-authorized a:nth-of-type(2){display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:var(--orange);border-color:var(--orange);color:#fff}.view-grid.vehicle .not-authorized a:nth-of-type(2):hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle .toggle-observer form{width:100%;margin-bottom:.5em}.view-grid.vehicle .toggle-observer button,.view-grid.vehicle .toggle-observer button:hover,.view-grid.vehicle .toggle-observer button:focus{width:100%;display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);text-align:center;cursor:pointer;background-color:#fff;border-color:#d3d3d3;color:#000;color:var(--orange);border-color:var(--orange)}.view-grid.vehicle .toggle-observer button:hover,.view-grid.vehicle .toggle-observer button:hover:hover,.view-grid.vehicle .toggle-observer button:focus:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}.view-grid.vehicle .toggle-observer.observed button,.view-grid.vehicle .toggle-observer.observed button:hover,.view-grid.vehicle .toggle-observer.observed button:focus{display:inline-block;margin:0;outline:0;border:1px solid lightgray;border-radius:3px;padding:.75em 1em;font-family:inherit;font-size:inherit;background-color:var(--light);color:#000;text-align:center;cursor:pointer;background-color:var(--orange);border-color:var(--orange);color:#fff}.view-grid.vehicle .toggle-observer.observed button:hover,.view-grid.vehicle .toggle-observer.observed button:hover:hover,.view-grid.vehicle .toggle-observer.observed button:focus:hover{box-shadow:0 0 1px #00000020,0 1px 3px #0003}@media screen and (width < 1280px){.view-grid.vehicle{grid-template-columns:minmax(auto,640px) 400px}.view-grid.vehicle>div#vehicle-images{grid-column:1/3;grid-row:1}.view-grid.vehicle>div#vehicle-auction{grid-column:2;grid-row:2/4}.view-grid.vehicle>div#vehicle-description{grid-column:1;grid-row:2}.view-grid.vehicle>div#vehicle-condition{grid-column:1;grid-row:3}}@media screen and (max-width: 915px){.view-grid.vehicle{grid-template-columns:auto;grid-template-rows:auto auto auto auto}.view-grid.vehicle>div#vehicle-images{grid-column:1}.view-grid.vehicle>div#vehicle-auction{grid-column:1;grid-row:2}.view-grid.vehicle>div#vehicle-description{grid-column:1;grid-row:3}.view-grid.vehicle>div#vehicle-condition{grid-column:1;grid-row:4}}