.t21-quote{display:flex;flex-direction:column;align-items:center;gap:24px;padding:var(--t21-quote-pt) 20px var(--t21-quote-pb)}.t21-quote__intro{display:flex;flex-direction:column;align-items:center;gap:10px;color:#000;text-align:center}.t21-quote__heading{margin:0;font-family:var(--font-body--family);font-size:clamp(24px,2.23vw,var(--t21-quote-heading));font-weight:500;line-height:1.5;text-transform:none}.t21-quote__text{margin:0;font-size:14px;line-height:1.5}.t21-quote__box{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;width:100%;padding:24px;border-radius:30px;background:linear-gradient(114deg,var(--t21-quote-from) 57%,var(--t21-quote-to) 172%)}.t21-quote__item--third{grid-column:span 2}.t21-quote__item--half{grid-column:span 3}.t21-quote__item--two-thirds{grid-column:span 4}.t21-quote__item--full{grid-column:1 / -1}.t21-quote__image{position:relative;min-height:260px;overflow:hidden;border-radius:16px}.t21-quote__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.t21-quote__placeholder{background:#2a2a2a;fill:#444}.t21-quote__card{display:flex;flex-direction:column;gap:24px;min-width:0;padding:16px;border:1px solid #000;border-radius:16px;background:#ffffff12;color:#fff}.t21-quote__copy{display:flex;flex-direction:column;gap:10px}.t21-quote__title{margin:0;color:#fff;font-family:var(--font-body--family);font-size:clamp(20px,1.67vw,24px);font-weight:600;line-height:1.5;text-transform:none}.t21-quote__desc{margin:0;color:#d2d2d2;font-size:14px;line-height:1.5;text-transform:capitalize}.t21-quote__form{display:flex;flex:1;flex-direction:column;gap:10px}.t21-quote__fields{display:grid;gap:10px}.t21-quote__fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}.t21-quote__fields--2 .t21-quote__field--wide{grid-column:1 / -1}.t21-quote__field{display:flex;flex-direction:column;gap:5px;min-width:0}.t21-quote__field label{color:#d2d2d2;font-size:12px;line-height:1.5;text-transform:capitalize}.t21-quote__field :is(input,select,textarea){width:100%;min-height:0;margin:0;padding:10px 14px;border:1px solid #2f2f2f;border-radius:56px;background:#ffffff05;box-shadow:none;color:#fff;font:inherit;font-size:12px;line-height:1.5;outline:none;transition:border-color .2s ease;-webkit-appearance:none;appearance:none}.t21-quote__field textarea{min-height:94px;border-radius:14px;resize:vertical}.t21-quote__field :is(input,textarea)::placeholder{color:#636363;text-transform:capitalize}.t21-quote__field :is(input,select,textarea):focus-visible{border-color:#d4af37}.t21-quote__select{position:relative;display:block}.t21-quote__select select{padding-right:36px;cursor:pointer}.t21-quote__select select:has(option[value=""]:checked){color:#636363;text-transform:capitalize}.t21-quote__field select{font-weight:400}.t21-quote__select option{background:#171717;color:#fff}.t21-quote__chevron{position:absolute;top:50%;right:14px;color:#d2d2d2;pointer-events:none;transform:translateY(-50%)}.t21-quote__btn{width:100%;margin-top:auto;padding:10px 24px;border:0;border-radius:40px;background:#fff;color:#000;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;transition:background-color .25s ease}.t21-quote__btn:hover{background:#f7e7a1}.t21-quote__btn:disabled{opacity:.6;cursor:progress}.t21-quote__form--ref{min-height:0}.t21-quote__drop{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:16px;border:1px dashed #373737;border-radius:12px;background:#171717;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.t21-quote__drop:hover,.t21-quote__drop.is-over,.t21-quote__drop:focus-within{border-color:#d4af37;background:#1d1d1d}.t21-quote__drop-empty{display:flex;flex-direction:column;align-items:center;gap:5px}.t21-quote__drop-empty[hidden],.t21-quote__drop-preview[hidden]{display:none}.t21-quote__drop-title{color:#fff;font-size:12px}.t21-quote__drop-hint{color:#636363;font-size:10px;text-transform:capitalize}.t21-quote__drop-preview{display:flex;flex-direction:column;align-items:center;gap:8px;color:#d2d2d2;font-size:12px;overflow-wrap:anywhere}.t21-quote__drop-preview img{max-width:100%;max-height:220px;border-radius:8px;object-fit:contain}.t21-quote__msg{margin:0;color:#d2d2d2;font-size:13px}.t21-quote__msg:empty{display:none}.t21-quote__msg--ok{color:#f7e7a1}.t21-quote__msg--error,.t21-quote__msg--error ul{color:#ff8a80}.t21-quote__warn{margin:0;padding:8px 10px;border:1px dashed #d4af37;border-radius:8px;color:#f7e7a1;font-size:12px}@media screen and (max-width:989px){.t21-quote__box{grid-template-columns:repeat(2,minmax(0,1fr))}.t21-quote__item--third,.t21-quote__item--half{grid-column:span 1}.t21-quote__item--two-thirds,.t21-quote__item--full,.t21-quote__item:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:749px){.t21-quote{padding:calc(var(--t21-quote-pt) * .6) 0 calc(var(--t21-quote-pb) * .6)}.t21-quote__intro{padding-inline:16px}.t21-quote__heading{font-size:var(--t21-quote-heading-m)}.t21-quote__box{grid-template-columns:minmax(0,1fr);padding:24px 16px;border-radius:24px}.t21-quote__item--third,.t21-quote__item--half,.t21-quote__item--two-thirds,.t21-quote__item--full{grid-column:1 / -1}.t21-quote__image{min-height:0;aspect-ratio:358 / 350}.t21-quote__fields--2{grid-template-columns:minmax(0,1fr)}.t21-quote__desc{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/t21-quote.css.map */