@font-face{font-family:Avenir;src:url(/assets/AvenirNextLTPro-Regular-DHkNRFaS.otf)}@font-face{font-family:AvenirHeavy;src:url(/assets/AvenirNextLTPro-Heavy-DgUtN2-Y.otf)}@font-face{font-family:AvenirBold;src:url(/assets/AvenirNextLTPro-Bold-BJfuxE_z.otf)}:root{--tommyRed: #cf202f;--darkGrey: #a0a0a3;--lightGrey2: #f2f2f2;--mediumGrey: #dddddd;--lightGrey: #ededed;--comparisionBorderGrey: #d5d8de;font-family:Avenir;max-width:none}.content{padding:3em}h1{font-family:AvenirHeavy;text-align:left;line-height:1.1;padding-bottom:1em;text-overflow:clip}.button-and-total{display:flex;justify-content:space-between;margin-top:1em;gap:1em}.button-and-total button{height:4em}.button-container{gap:1em;display:flex}button{background-color:var(--tommyRed);padding:1em 1.5em;color:#fff;border-radius:6px;border:0}button svg{position:relative;top:.16em}button:disabled{background-color:var(--lightGrey)!important;color:gray!important}button.pdf{color:#000;background-color:var(--mediumGrey)}button.outline{background-color:transparent;color:var(--tommyRed);border:1px solid var(--tommyRed)}#instructions{display:flex;gap:1em}#instructions .step{width:33%;display:flex}#instructions .step .number{height:1em;padding:.9em 1.2em 1.1em;margin-right:1em;background-color:var(--tommyRed);color:#fff;border-radius:64em;font-size:1.2em}#instructions .step p{text-align:left;margin-top:0}.product-field{display:flex;margin:1em 0;gap:1em;align-items:flex-end}.product-field .trash svg{color:var(--tommyRed);font-size:1.5rem;cursor:pointer;position:relative;top:-.2em}.field{display:flex;flex-direction:column;align-items:start;width:fit-content;justify-content:flex-end}.field label{margin-bottom:.5em;font-family:AvenirBold;font-size:.9rem;white-space:nowrap}.field label>span:not(.tooltip){color:var(--tommyRed)}.field .tooltip{display:inline-block;font-family:Avenir;position:relative;text-align:left!important}.field .tooltip svg{display:block;margin-left:5px;color:gray;width:1.2rem;height:1.2rem;margin-bottom:-.3rem}.field .tooltip .tooltip-content{display:none;position:absolute;right:0;top:1.5rem;background-color:#fff;padding:.7rem 1rem;border-radius:6px;box-shadow:0 2px 5px #0000002b;white-space:nowrap;font-style:italic;line-height:1.6;z-index:1}.field .tooltip .tooltip-content span{display:block;font-style:normal}.field .tooltip:hover .tooltip-content{display:block}.field input,.field select{background-color:transparent;border:none;width:100%;font-size:1.01em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.field input:focus,.field select:focus{outline:none}.field input[name=amountUsed]:placeholder-shown,.field select[name=amountUsed]:placeholder-shown{font-style:italic}.field .border{background-color:var(--lightGrey2);padding:.5em;border-radius:4px;border:1px solid var(--mediumGrey);display:flex}.field .border.container-size{width:calc(100% - 1em)}.total-cost{margin-right:2.5em;display:flex;flex-direction:row-reverse}.total-cost label{width:100%;text-align:left}.total-cost .field{align-items:center}.drawer-button{background-color:var(--tommyRed);color:#fff;padding:1em 5em;border-bottom-left-radius:0;border-bottom-right-radius:0;transform:rotate(270deg);position:fixed;text-align:right;top:10em;right:calc(-7.7em - 1px)}.drawer-button svg{margin-right:1em}.drawer-button.open{right:324px;width:258px}form{display:flex;align-items:center;flex-direction:column}#root{padding:0!important;max-width:1400px!important;text-align:end!important}body{margin:0!important}.drawer-details,.modal-details{background-color:#f7f7f7;height:100%;box-shadow:-3px -4px 16px #0000002b}.drawer-details .product-detail-container,.modal-details .product-detail-container{overflow-y:scroll;overflow:scroll;overflow-x:hidden;scrollbar-color:transparent transparent}.drawer-details .product-detail-container .product-detail:nth-child(2n),.modal-details .product-detail-container .product-detail:nth-child(2n){background-color:var(--lightGrey)}.drawer-details .product-detail-container .product-detail,.modal-details .product-detail-container .product-detail{padding:1em}.drawer-details p,.modal-details p{text-align:left}.drawer-details p span,.modal-details p span{float:right}.drawer-details .total,.drawer-details .cost-comparison-savings,.modal-details .total,.modal-details .cost-comparison-savings{bottom:4em;font-size:1.25em}.drawer-details .total span,.drawer-details .cost-comparison-savings span,.modal-details .total span,.modal-details .cost-comparison-savings span{font-family:AvenirBold}.modal-details{display:none;width:90%;border:none;position:fixed;top:-.5%}.modal-details button{background-color:transparent;border:none;padding:0}.modal-details button svg{font-size:3em;color:#000}.modal-details .product-detail-container{height:55%;max-height:55%}dialog{z-index:2}dialog::backdrop{background-color:#0000004d}.drawer-details{position:fixed;right:0;top:-1%;z-index:10;width:400px;padding:1em;overflow-y:scroll}.drawer-details .product-detail-container{height:65%;max-height:65%}h2{text-align:center;font-family:AvenirBold;padding:1em;border:1px solid var(--mediumGrey);border-radius:4px;background-color:#fff}.modal-button{display:none}.cost-comparison{background-color:var(--lightGrey2);padding:1em 1.5em;display:flex}.cost-comparison div{display:flex;width:100%;justify-content:space-between}.cost-comparison .header{color:var(--tommyRed);font-family:AvenirBold;margin:0;align-content:center}.cost-comparison .header span{color:#000}.cost-comparison .close{padding:.5em}.cost-comparison .close svg{font-size:1.5em}.cost-comparison .field-details{flex-direction:column;gap:1.5em}.cost-comparison .field-details .inputs{flex-direction:row;gap:1em}.cost-comparison .field-details .inputs .comparison-field{flex-direction:column}.cost-comparison .field-details .inputs .comparison-field label{text-align:start;color:var(--tommyRed);font-family:AvenirBold;margin:.5em 0}.cost-comparison .field-details .inputs .comparison-field input,.cost-comparison .field-details .inputs .comparison-field select{padding:.75em;border-radius:6px;border:1px solid var(--comparisionBorderGrey)}.cost-comparison .field-details .inputs .comparison-field input:disabled,.cost-comparison .field-details .inputs .comparison-field select:disabled{background-color:#fff}.cost-comparison .field-details .inputs .comparison-field input.money-field,.cost-comparison .field-details .inputs .comparison-field select.money-field{padding-left:1.5em}.cost-comparison .field-details .inputs .comparison-field .dollar-sign{position:relative;top:.7em;left:.5em;width:0;height:0;margin:0;font-size:14px}@media screen and (max-width: 900px){form{padding-right:.5em}.product-field{display:grid;justify-items:center;grid-template-columns:repeat(2,1fr);align-items:center;width:100%;justify-content:center}.product-field .field{width:100%}.product-field .field .border{width:97%;padding:.5em 0 .5em .5em}.product-field .trash{grid-column:1/-1}.field label{font-size:.8rem}.content{padding:0 1.5rem}.total-cost{margin-right:0}}@media screen and (max-width: 757px) and (min-width: 630px){.cost-comparison .field-details .inputs .comparison-field .dollar-sign{top:1.4em}}@media screen and (max-width: 630px){#instructions{flex-direction:column}#instructions .step{width:100%}.button-and-total{flex-direction:column;align-items:center}.button-and-total button{width:100%}.total-cost label{text-align:center}.cost-comparison .field-details .inputs{flex-direction:column}}@media screen and (max-width: 480px){.drawer-details,.drawer-button{display:none}.modal-button,.modal-details{display:inline}.button-container{flex-direction:column;width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}