@import"./base-extensions.css";:root{--calc-font-display: clamp(2.5rem, 5vw + 1rem, 4rem);--calc-font-heading-1: clamp(2rem, 4vw + .75rem, 3rem);--calc-font-heading-2: clamp(1.75rem, 3vw + .5rem, 2.25rem);--calc-font-heading-3: clamp(1.5rem, 2.5vw + .25rem, 1.875rem);--calc-font-body-large: clamp(1.25rem, 2vw + .5rem, 1.5rem);--calc-font-body: max(1.6rem, 2vw + .5rem);--calc-font-body-small: clamp(1.4rem, 1.8vw + .25rem, 1.5rem);--calc-font-caption: clamp(1.2rem, 1.5vw + .25rem, 1.375rem);--calc-line-display: 1.1;--calc-line-heading: 1.2;--calc-line-body: 1.6;--calc-line-body-relaxed: 1.7;--calc-line-caption: 1.4;--calc-letter-display: -.02em;--calc-letter-heading: .05em;--calc-letter-body: .01em;--calc-letter-caption: .025em;--calc-letter-technical: .075em;--calc-weight-light: 300;--calc-weight-regular: 400;--calc-weight-medium: 500;--calc-weight-semibold: 600;--calc-weight-bold: 700;--calc-color-display: var(--ext-color-adheseal-black);--calc-color-primary: var(--ext-color-text-heading);--calc-color-secondary: var(--ext-color-text-body);--calc-color-muted: var(--ext-color-text-subtle);--calc-color-accent: var(--ext-color-adheseal-red);--calc-color-technical: var(--ext-color-industrial-blue);--calc-text-spacing-xs: var(--ext-space-xs);--calc-text-spacing-sm: var(--ext-space-sm);--calc-text-spacing-md: var(--ext-space-md);--calc-text-spacing-lg: var(--ext-space-lg);--calc-text-spacing-xl: var(--ext-space-xl)}.calculator-trigger{margin:var(--ext-space-lg) 0;text-align:center}.trigger-content{padding:var(--ext-space-xl);background:var(--ext-color-surface-subtle);border-radius:var(--border-radius);transition:var(--ext-transition-base);cursor:pointer}.trigger-content:hover{transform:translateY(-2px);box-shadow:var(--ext-shadow-certainty)}.trigger-content h4{font-family:var(--font-family-heading);font-size:var(--calc-font-heading-2);font-weight:var(--calc-weight-semibold);color:var(--calc-color-primary);margin:0 0 var(--calc-text-spacing-sm) 0;text-transform:uppercase;letter-spacing:var(--calc-letter-heading);line-height:var(--calc-line-heading);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}.trigger-content p{color:var(--calc-color-secondary);margin:0 0 var(--calc-text-spacing-lg) 0;line-height:var(--calc-line-body-relaxed);font-weight:var(--calc-weight-regular);letter-spacing:var(--calc-letter-body);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}.trigger-content .button{font-family:var(--font-family-heading);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--ext-space-md) var(--ext-space-xl);border-radius:var(--border-radius);transition:var(--ext-transition-base);box-shadow:var(--ext-shadow-precision)}.trigger-content .button:hover{transform:translateY(-1px);box-shadow:var(--ext-shadow-certainty)}.calculator-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--ext-z-index-modal);display:flex;align-items:center;justify-content:center;animation:modalFadeIn var(--ext-duration-normal) var(--ext-ease-certainty)}.calculator-modal[style*="display: none"]{animation:modalFadeOut var(--ext-duration-fast) var(--ext-ease-precision)}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#221f1fcc;cursor:pointer}.modal-content{position:relative;width:90%;max-width:600px;max-height:90vh;background:var(--ext-color-white);border-radius:var(--border-radius);box-shadow:var(--ext-shadow-expertise);overflow:hidden;animation:modalSlideIn var(--ext-duration-normal) var(--ext-ease-certainty);border:1px solid var(--ext-color-border-default);z-index:2}.modal-body{padding:var(--ext-space-xxl);padding-top:calc(var(--ext-space-xxl) + 50px);overflow-y:auto;max-height:calc(90vh - var(--ext-space-xxl))}.modal-header{text-align:center;margin-bottom:var(--ext-space-xxl);padding-bottom:var(--ext-space-lg);border-bottom:1px solid var(--ext-color-border-default)}.modal-header h2{font-family:var(--font-family-heading);font-size:var(--calc-font-heading-1);font-weight:var(--calc-weight-bold);color:var(--calc-color-display);margin:0;text-transform:uppercase;letter-spacing:var(--calc-letter-heading);line-height:var(--calc-line-heading);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-close{position:absolute;top:var(--ext-space-lg);right:var(--ext-space-lg);width:40px;height:40px;background:transparent;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--ext-transition-base);z-index:3}.modal-close:hover{background:var(--ext-color-adheseal-red);transform:scale(1.1)}.modal-close svg{width:20px;height:20px;stroke:var(--ext-color-text-body);transition:var(--ext-transition-base)}.modal-close:hover svg{stroke:var(--ext-color-white)}.calculator-form{display:flex;flex-direction:column;gap:var(--ext-space-xxl)}.form-section{background:var(--ext-color-surface-subtle);border-radius:var(--border-radius);padding:var(--ext-space-xl);border:1px solid var(--ext-color-border-default)}.section-title{font-family:var(--font-family-heading);font-size:var(--calc-font-heading-3);font-weight:var(--calc-weight-semibold);color:var(--calc-color-primary);margin:0 0 var(--calc-text-spacing-lg) 0;letter-spacing:var(--calc-letter-heading);line-height:var(--calc-line-heading);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ext-space-lg)}.form-group{display:flex;flex-direction:column}.form-label{font-family:var(--font-family-heading);font-size:var(--calc-font-body-small);font-weight:var(--calc-weight-medium);color:var(--calc-color-primary);margin-bottom:var(--calc-text-spacing-sm);text-transform:none;letter-spacing:var(--calc-letter-body);line-height:var(--calc-line-body);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}.form-input{padding:var(--ext-space-md);border:2px solid var(--ext-color-border-default);border-radius:var(--border-radius);font-family:var(--font-family-body);font-size:var(--font-size-base);background:var(--ext-color-white);transition:var(--ext-transition-base);min-height:48px}.form-input:focus{outline:none;border-color:var(--ext-color-adheseal-red);box-shadow:0 0 0 3px #ea1f271a}.form-input::placeholder{color:var(--ext-color-neutral-400)}.radio-group{display:flex;flex-direction:column;gap:var(--ext-space-md)}.radio-option{display:flex;align-items:center;gap:var(--ext-space-md);cursor:pointer;padding:var(--ext-space-lg);border-radius:var(--border-radius);border:2px solid var(--ext-color-border-default);background:var(--ext-color-white);transition:var(--ext-transition-base);min-height:56px}.radio-option:hover{border-color:var(--ext-color-adheseal-red);background:#ea1f2705}.radio-option input[type=radio]{width:20px;height:20px;accent-color:var(--ext-color-adheseal-red)}.radio-label{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--ext-color-text-body);cursor:pointer;flex:1}.radio-option--custom .radio-label{display:flex;align-items:center;gap:var(--ext-space-md)}.form-input--small{width:120px;margin-left:auto}.toggle-group{display:flex;align-items:center;justify-content:space-between;gap:var(--ext-space-lg);padding:var(--ext-space-lg);background:var(--ext-color-white);border-radius:var(--border-radius);border:2px solid var(--ext-color-border-default)}.toggle-label{font-family:var(--font-family-heading);font-size:var(--calc-font-body-small);font-weight:var(--calc-weight-medium);color:var(--calc-color-primary);letter-spacing:var(--calc-letter-body);line-height:var(--calc-line-body);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}.switch{position:relative;width:60px;height:30px;background:var(--ext-color-neutral-300);border-radius:30px;transition:var(--ext-transition-base);cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background:var(--ext-color-success)}.switch input:checked+.slider:before{transform:translate(30px);background:var(--ext-color-white)}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ext-color-neutral-300);border-radius:30px;transition:var(--ext-transition-base)}.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:var(--ext-color-white);border-radius:50%;transition:var(--ext-transition-base);box-shadow:var(--ext-shadow-precision)}.calculate-btn{background:var(--ext-color-adheseal-red);color:var(--ext-color-white);border:none;padding:var(--ext-space-lg) var(--ext-space-xxl);border-radius:var(--border-radius);font-family:var(--font-family-heading);font-size:var(--ext-font-size-fluid-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--ext-transition-base);align-self:center;min-width:250px;box-shadow:var(--ext-shadow-certainty);position:relative;overflow:hidden}.calculate-btn:hover{background:var(--ext-color-adheseal-red-dark, #d11a1f);transform:translateY(-2px);box-shadow:var(--ext-shadow-authority)}.calculate-btn:active{transform:translateY(0)}.calculate-btn.loading{pointer-events:none;color:transparent}.calculate-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--ext-color-white);animation:spin 1s ease-in-out infinite}.results-container{margin-top:var(--ext-space-xxl);padding:var(--ext-space-xl);background:var(--ext-color-success-bg, rgba(0, 177, 64, .05));border:2px solid var(--ext-color-success);border-radius:var(--border-radius);animation:resultsSlideIn var(--ext-duration-normal) var(--ext-ease-certainty)}.results-header{text-align:center;margin-bottom:var(--ext-space-lg)}.results-header h3{font-family:var(--font-family-heading);font-size:var(--calc-font-heading-3);font-weight:var(--calc-weight-semibold);color:var(--ext-color-success);margin:0;letter-spacing:var(--calc-letter-heading);line-height:var(--calc-line-heading);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}.results-content{display:flex;flex-direction:column;gap:var(--ext-space-md);align-items:center}.result-text{color:var(--ext-color-text-body);text-align:center;font-weight:600;margin:0;line-height:var(--line-height-relaxed)}.result-text--emphasis{color:var(--ext-color-adheseal-red);font-weight:600}.share-actions{margin-top:var(--ext-space-xxl);padding:var(--ext-space-xl);background:var(--ext-color-surface-subtle);border-radius:var(--border-radius);border:1px solid var(--ext-color-border-default)}.share-title{font-family:var(--font-family-heading);font-size:var(--calc-font-heading-3);font-weight:var(--calc-weight-semibold);color:var(--calc-color-primary);margin:0 0 var(--calc-text-spacing-lg) 0;text-transform:uppercase;letter-spacing:var(--calc-letter-heading);line-height:var(--calc-line-heading);text-align:center;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}.share-buttons{display:flex;gap:var(--ext-space-md);justify-content:center;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:var(--ext-space-sm);padding:var(--ext-space-md) var(--ext-space-lg);border:2px solid var(--ext-color-border-default);border-radius:var(--border-radius);background:var(--ext-color-white);color:var(--ext-color-text-body);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--ext-transition-base);min-height:48px;flex:1;justify-content:center;max-width:200px}.share-btn:hover{border-color:var(--ext-color-adheseal-red);background:#ea1f2705;transform:translateY(-1px);box-shadow:var(--ext-shadow-precision)}.share-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.share-btn span{white-space:nowrap}.share-btn--sms{color:#10b981;border-color:#10b981}.share-btn--sms:hover{background:#10b9810d}.share-btn--email{color:#3b82f6;border-color:#3b82f6}.share-btn--email:hover{background:#3b82f60d}.share-btn--save{color:#f59e0b;border-color:#f59e0b}.share-btn--save:hover{background:#f59e0b0d}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes resultsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh;border-radius:var(--border-radius)}.modal-body{padding:var(--ext-space-lg);padding-top:calc(var(--ext-space-lg) + 50px)}.modal-header{margin-bottom:var(--ext-space-lg)}.modal-header h2{font-size:var(--ext-font-size-fluid-3)}.form-section{padding:var(--ext-space-lg)}.form-grid{grid-template-columns:1fr;gap:var(--ext-space-md)}.radio-group{gap:var(--ext-space-sm)}.radio-option{padding:var(--ext-space-md);min-height:48px}.toggle-group{flex-direction:column;align-items:stretch;gap:var(--ext-space-md);text-align:center}.calculate-btn{width:100%;min-width:auto;font-size:var(--font-size-base)}.share-buttons{flex-direction:column;gap:var(--ext-space-sm)}.share-btn{max-width:none;width:100%}}@media (max-width: 480px){.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-body{padding:var(--ext-space-md);padding-top:calc(var(--ext-space-md) + 50px)}.form-section{padding:var(--ext-space-md)}.trigger-content{padding:var(--ext-space-lg)}.trigger-content h4{font-size:var(--ext-font-size-fluid-3)}}@media (min-width: 769px){.form-grid{grid-template-columns:repeat(3,1fr)}.radio-option{flex-direction:row;justify-content:space-between;align-items:center}.radio-option--custom .radio-label{justify-content:space-between}}@media (min-width: 1200px){.modal-content{max-width:700px}.modal-body{padding:var(--ext-space-xxxl)}}@media (prefers-reduced-motion: reduce){.calculator-modal,.modal-content,.results-container,.calculate-btn,.trigger-content{animation:none;transition:none}}@media (prefers-contrast: high){.modal-content{border:2px solid var(--ext-color-text-heading)}.form-input,.radio-option,.toggle-group{border-width:2px}}.modal-close:focus-visible,.form-input:focus,.radio-option:focus-within,.calculate-btn:focus-visible,.share-btn:focus-visible{outline:2px solid var(--ext-color-adheseal-red);outline-offset:2px}.share-feedback{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:var(--border-radius);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:500;box-shadow:var(--ext-shadow-expertise);z-index:9999;transform:translate(100%);transition:transform .3s ease-out;max-width:300px}.share-feedback--success{background:#10b9811a;border:1px solid var(--ext-color-success);color:var(--ext-color-success)}.share-feedback--error{background:#dc26261a;border:1px solid #dc2626;color:#dc2626}@media print{.calculator-modal{position:static;display:block}.modal-backdrop,.modal-close,.share-actions{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-calculator-sealant.css.map */