@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{--rc-green: #3dba3d;--rc-green-dk: #2d9a2d;--rc-navy: #1b2b4b;--rc-dark: #111111;--rc-grey-bg: #f4f4f4}.rc-page{font-family:Barlow,Arial,sans-serif;color:#222}.rc-hero{background:var(--rc-navy);padding:48px 32px 40px;text-align:center}.rc-hero__title{font-family:Barlow Condensed,Arial,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;text-transform:uppercase;color:#fff!important;margin:0 0 10px;letter-spacing:.02em}.rc-hero__accent{color:var(--rc-green)}.rc-hero__sub{color:#ffffffd9;font-size:1rem;margin:0}.rc-section{padding:32px 24px;max-width:1200px;margin:0 auto}.rc-step-label{font-family:Barlow Condensed,Arial,sans-serif;font-size:1.3rem;font-weight:900;text-transform:uppercase;color:var(--rc-dark);letter-spacing:.04em;margin-bottom:18px}.rc-step-accent{color:var(--rc-green)}.rc-table-note{color:#666;font-size:.88rem;margin:-10px 0 16px}.rc-areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.rc-areas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.rc-areas-grid{grid-template-columns:1fr}}.rc-area-card{background:var(--rc-dark);border-radius:6px;padding:20px}.rc-area-title{font-family:Barlow Condensed,Arial,sans-serif;font-size:1.1rem;font-weight:800;color:var(--rc-green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.rc-area-inputs{display:flex;gap:8px;margin-bottom:12px}.rc-input-group{flex:1}.rc-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:4px}.rc-input{width:100%;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important;color:#fff!important;padding:7px 8px!important;font-size:.95rem!important;font-family:Barlow,Arial,sans-serif!important;box-sizing:border-box}.rc-input:focus{outline:none!important;border-color:var(--rc-green)!important}.rc-area-sqft-row{font-size:11px;color:#ffffff80;margin-bottom:8px}.rc-area-sqft{color:#ffffffe6}.rc-dir-row{display:flex;gap:6px;margin-bottom:8px}.rc-dir-btn{flex:1;background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:3px!important;color:#ffffffb3!important;font-size:11px!important;font-weight:700!important;font-family:Barlow,Arial,sans-serif!important;padding:8px 6px!important;cursor:pointer!important;text-transform:uppercase;letter-spacing:.03em;transition:all .15s;line-height:1.3!important}.rc-dir-btn.active{background:var(--rc-green)!important;border-color:var(--rc-green)!important;color:#fff!important}.rc-area-opt{font-size:11px;color:#ffffffb3;line-height:1.4}.rc-table-wrap{overflow-x:auto}.rc-table{width:100%;border-collapse:collapse;font-size:.88rem}.rc-table thead tr{background:var(--rc-navy);color:#fff}.rc-table th{padding:10px 12px;text-align:left;font-family:Barlow Condensed,Arial,sans-serif;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.rc-table tbody tr{border-bottom:1px solid #e8e8e8}.rc-table tbody tr:nth-child(2n){background:var(--rc-grey-bg)}.rc-table td{padding:10px 12px;vertical-align:middle}.rc-td-product{display:flex;align-items:center;gap:10px}.rc-thumb{width:48px;height:48px;flex-shrink:0}.rc-thumb img{width:48px;height:48px;object-fit:cover;border-radius:3px}.rc-product-name{display:block;font-weight:600;color:var(--rc-navy)!important;font-size:.82rem;line-height:1.3;text-decoration:none!important}.rc-product-name:hover{color:var(--rc-green)!important}.rc-thick-badge{background:var(--rc-navy);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px;white-space:nowrap}.rc-variant-select{font-size:.82rem!important;padding:5px 6px!important;border:1px solid #ddd!important;border-radius:3px!important;max-width:140px}.rc-td-price{font-weight:700!important;color:var(--rc-navy)!important}.rc-price-display{font-weight:700;color:var(--rc-navy)}.rc-rolls-output{font-size:.82rem;color:#444;line-height:1.5}.rc-rolls-output div{margin-bottom:2px}.rc-total-display{font-family:Barlow Condensed,Arial,sans-serif;font-size:1.1rem;font-weight:800;color:#aaa;white-space:nowrap}.rc-total-display.has-value{color:var(--rc-navy)}.rc-atc-btn{background:var(--rc-green)!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:8px 14px!important;font-size:.82rem!important;font-weight:700!important;font-family:Barlow,Arial,sans-serif!important;cursor:pointer!important;white-space:nowrap;transition:background .15s!important}.rc-atc-btn:hover:not(:disabled){background:var(--rc-green-dk)!important}.rc-atc-btn:disabled{background:#ccc!important;cursor:not-allowed!important;opacity:.6!important}.rc-atc-btn.loading{opacity:.7!important}.rc-atc-btn.added{background:var(--rc-navy)!important}.rc-usage-section{background:var(--rc-grey-bg);border-radius:6px;padding:28px 24px}.rc-usage-wrap{overflow-x:auto}.rc-usage-table{width:100%;border-collapse:collapse;font-size:.88rem}.rc-usage-table thead tr{background:var(--rc-dark);color:#fff}.rc-usage-table th{padding:10px 14px;text-align:center;font-family:Barlow Condensed,Arial,sans-serif;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.rc-usage-app{text-align:left!important;min-width:180px}.rc-usage-table tbody tr{border-bottom:1px solid #ddd}.rc-usage-table tbody tr:nth-child(2n){background:#eaeaea}.rc-usage-table td{padding:9px 14px;text-align:center;color:var(--rc-green);font-size:1rem;font-weight:700}.rc-usage-table td:first-child{text-align:left;color:#222;font-weight:500}.rc-best{color:#f5a623;font-size:.75rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.rc-short{color:#2c5b99;font-size:.7rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.rc-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;align-items:center;justify-content:center}.rc-popup-overlay.is-visible{display:flex!important}.rc-popup{background:#fff;border-radius:8px;padding:36px 32px;max-width:440px;width:90%;position:relative;text-align:center;box-shadow:0 20px 60px #0000004d}.rc-popup-close{position:absolute;top:12px;right:14px;background:none!important;border:none!important;font-size:1.1rem;color:#999!important;cursor:pointer!important;padding:4px!important}.rc-popup-icon{font-size:2.5rem;margin-bottom:10px}.rc-popup-title{font-family:Barlow Condensed,Arial,sans-serif;font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--rc-navy);margin:0 0 12px}.rc-popup-msg{color:#333;font-size:.95rem;margin-bottom:8px}.rc-popup-sub{color:#666;font-size:.85rem;margin-bottom:20px}.rc-popup-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rc-popup-btn-primary{background:var(--rc-green)!important;color:#fff!important;padding:10px 20px!important;border-radius:4px!important;font-weight:700!important;text-decoration:none!important;font-size:.9rem!important}.rc-popup-btn-secondary{background:var(--rc-grey-bg)!important;color:#333!important;border:1px solid #ddd!important;padding:10px 20px!important;border-radius:4px!important;font-weight:700!important;cursor:pointer!important;font-size:.9rem!important;font-family:Barlow,Arial,sans-serif!important}.rc-opt-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin-top:8px;margin-bottom:2px}.rc-opt-value{font-size:11px;color:#ffffffb3;line-height:1.4;margin-bottom:4px;padding-left:16px;position:relative}.rc-opt-value:before{content:"";position:absolute;left:0;width:14px}.rc-dir-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin-top:10px;margin-bottom:6px}.rc-area-card[data-selected=length] .rc-area-opt1:before{content:"\2713  ";color:var(--rc-green);font-weight:800;font-size:12px}.rc-area-card[data-selected=width] .rc-area-opt2:before{content:"\2713  ";color:var(--rc-green);font-weight:800;font-size:12px}.rc-hero__guidelines{color:#ffffffbf;font-size:.82rem;font-weight:600;margin:8px 0 0;letter-spacing:.03em}.rc-lowest-tag{display:none;color:#f5a623!important;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.rc-mobile-banner,.rc-mobile-instructions{display:none}.rc-step-label--desktop{display:block}.rc-section-header__count,.rc-add-area-btn{display:none}@media(max-width:768px){.rc-area-card[data-area="2"],.rc-area-card[data-area="3"],.rc-area-card[data-area="4"]{display:none}.rc-area-card[data-area="2"].rc-mobile-visible,.rc-area-card[data-area="3"].rc-mobile-visible,.rc-area-card[data-area="4"].rc-mobile-visible{display:block}.rc-areas-grid{grid-template-columns:1fr!important}.rc-add-area-btn{display:block;width:100%;margin-top:12px;background:transparent;border:2px dashed var(--rc-green);border-radius:6px;color:var(--rc-green);font-family:Barlow Condensed,Arial,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:12px;cursor:pointer;text-align:center}.rc-add-area-btn.rc-hidden{display:none}.rc-mobile-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--rc-navy);border-left:4px solid var(--rc-green);padding:12px 16px}.rc-mobile-banner p{font-family:Barlow,sans-serif;font-size:.9rem;color:#fff;margin:0}.rc-mobile-banner p span{color:var(--rc-green);font-weight:700}.rc-mobile-banner__close{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;flex-shrink:0;padding:0 4px}.rc-mobile-banner.rc-hidden,.rc-step-label--desktop{display:none}.rc-mobile-instructions{display:block;margin-bottom:8px}.rc-mobile-instruction{font-family:Barlow,sans-serif;font-size:.8rem;font-weight:600;color:var(--rc-dark);margin-bottom:5px}.rc-mobile-instruction span{color:var(--rc-green);margin-right:4px}.rc-mobile-instruction strong{color:var(--rc-green);font-weight:700}.rc-section-header__count{display:block;font-size:.72rem;color:#888;border-top:1px solid #ddd;padding-top:7px;margin-top:4px}.rc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(min-width:769px){.rc-mobile-banner,.rc-add-area-btn{display:none!important}}@media(max-width:768px){.rc-th-variant,.rc-table td:nth-child(3){min-width:120px}.rc-th-thick,.rc-table td:nth-child(2){min-width:55px;max-width:55px}}@media(max-width:768px){.rc-thick-badge{font-size:9px;padding:2px 4px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kodiak-rolled-rubber-calculator.css.map */