:root{--fp-secondary-bg:#fff;--fp-shadow-color:#0000001a}.file-preview-demo{background-color:#f5f7f9;border-radius:12px;max-width:1200px;margin:2em auto;padding:14px}.file-preview-demo__card{background-color:#fff;border:1px solid #e8eaee;border-radius:8px;margin-bottom:15px;padding:15px 20px 20px;box-shadow:0 1px 2px #575b610d}.file-preview-demo__card:last-child{margin-bottom:0}.file-preview-demo__card-inner--loading{opacity:.3}.file-preview-demo__card-header{border-bottom:1px solid #f0f1f2;margin:-15px -20px 20px;padding:14px 20px 13px}.file-preview-demo__card-title{font-size:16px;line-height:1.25;margin:0!important;font-weight:600!important}.file-preview-demo__card-header-description{color:#737579;margin-top:4px;font-size:12px;line-height:1.4}@media screen and (min-width:768px){.file-preview-demo__settings-grid{grid-template-columns:repeat(2,1fr);gap:20px 18px;display:grid}.file-preview-demo__settings-grid>div{flex-direction:column;display:flex}}.file-preview-demo__settings-grid label{margin-top:20px;margin-bottom:5px;font-size:14px;font-weight:500;display:block}@media screen and (min-width:768px){.file-preview-demo__settings-grid label{margin-top:0}}.file-preview-demo__settings-grid select{background-color:#fff;border:1px solid #dde2e8;border-radius:5px;flex:1;width:100%;padding:8px 8px 9px;font-size:14px;line-height:1.4;display:block;box-shadow:inset 0 1px 3px #00000008}.file-preview-demo__settings-grid select:focus{border-color:#1972c4bf;outline:none;box-shadow:0 0 0 2px #1972c454}.file-preview-demo__preview-image{text-align:center;width:100%;padding-bottom:20px}.file-preview-demo__preview-image img{max-width:100%;height:auto}.file-preview-demo__file-info{font-size:14px}.file-preview-demo__file-info p{margin:5px 0}.file-preview-demo__analysis{margin-top:20px;font-size:14px}.file-preview-demo__analysis p{margin:5px 0}.file-preview-demo__spinner{width:20px;height:20px;margin-bottom:-32px;margin-right:5px;display:inline-block}.file-preview-demo__file-thumb{border-radius:2px;margin-left:1px;margin-right:2px;display:inline-block;position:relative;top:-1px}@media screen and (min-width:768px){.file-preview-demo__form-inner{display:flex}}.file-preview-demo__input-label{font-size:14px;font-weight:500;display:block}.file-preview-demo__error{color:#d0021b;margin-top:5px;font-size:12px}.file-preview-demo__input:not([type=range]){background-color:#fff;border:1px solid #dde2e8;border-radius:5px;flex:1;width:100%;padding:8px 12px 9px;font-size:14px;line-height:1.4;display:block;box-shadow:inset 0 1px 3px #00000008}.file-preview-demo__input:not([type=range]):focus{border-color:#1972c4bf;outline:none;box-shadow:0 0 0 2px #1972c454}.file-preview-demo__input[type=range]{padding:10px 0 5px}.file-preview-demo__input--dollars{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16px' width='85px'><text x='2' y='13' fill='gray' font-size='12' font-family='arial'>$</text></svg>");background-position:5px 44%;background-repeat:no-repeat;padding-left:20px}.file-preview-demo__submit{white-space:nowrap;width:100%;margin-top:10px}@media screen and (max-width:767px){.file-preview-demo__submit{padding-top:10px;padding-bottom:10px}}@media screen and (min-width:768px){.file-preview-demo__submit{width:auto;margin-top:0;margin-left:8px}}.file-preview-demo__chart-wrapper{text-align:center;max-width:100%;height:auto;overflow:scroll}.file-preview-demo__image-wrapper{border:1px solid #0000001a;border-radius:5px;margin:15px 0}.file-preview-demo__image-wrapper img{border-radius:4px;display:block}.file-preview-demo__table{border-collapse:collapse;width:100%;margin-top:20px}.file-preview-demo__table td{white-space:nowrap}.file-preview-demo__label-details{color:#737579;margin-top:-3px;margin-bottom:5px;font-size:12px;line-height:1.4}.file-preview-demo__url,.file-preview-demo__size{opacity:.9;font-size:9px}.file-preview-demo__cost--unavailable{color:#ef4444;font-weight:600;text-decoration:line-through}.file-preview-demo__cost--available{font-weight:600}.file-preview-demo__reductionpercentage--positive{color:#22c55e}.file-preview-demo__reductionpercentage--positive:before{content:"▼";padding:0 .2em}.file-preview-demo__reductionpercentage--negative{color:#ef4444}.file-preview-demo__reductionpercentage--negative:before{content:"▲";padding:0 .2em}