@font-face{font-family:XBRActionObviously;src:url(/xbuild-brand/fonts/Obviously-NarrowBlack.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:XBRActionSwitzer;src:url(/xbuild-brand/fonts/Switzer-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:XBRActionSwitzer;src:url(/xbuild-brand/fonts/Switzer-Semibold.woff2)format("woff2");font-weight:600;font-display:swap}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) :is(a,button).xbr-action{vertical-align:middle;color:#080808;max-width:100%;height:auto;min-height:0;box-shadow:none;cursor:pointer;white-space:normal;background:0 0;border:0;border-radius:12px;padding:0;text-decoration:none;transition:none;display:inline-block;position:relative;overflow:hidden;transform:none}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) :is(a,button).xbr-action:is(:hover,:focus-visible){color:#080808;box-shadow:none;background:0 0;border:0;transform:none}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) :is(a,button).xbr-action:focus-visible{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 6px #080808,0 0 0 8px #fff}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action :is(.button_main_element,.button_hover_element){border-radius:inherit;color:#080808;text-align:center;transform-origin:50%;background:#e8b430;border:1px solid #e8b430;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:20px 24px;line-height:1;transition:none;display:flex;position:relative}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action .button_hover_element{color:#fff;background:#080808;border-color:#080808;position:absolute;inset:120% 0 auto;transform:scale(.8)rotate(6deg)}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action-light .button_main_element{color:#fff;background:#080808;border-color:#080808}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action-light .button_hover_element{color:#080808;background:#e8b430;border-color:#e8b430}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action-charcoal .button_main_element{color:#fff;background:#080808;border-color:#080808}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action-charcoal .button_hover_element{color:#080808;background:#e8b430;border-color:#e8b430}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action .button_main_text{--site--viewport-min:20;--site--viewport-max:108;font-family:XBRActionObviously,Arial,sans-serif;font-weight:900;font-size:clamp(1.125 * 1rem, ( ( 1.125 - ( (1.5 - 1.125)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.5 - 1.125)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.5 * 1rem);letter-spacing:.02em;text-transform:uppercase;line-height:1;display:flow-root}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action .button_main_text:before,:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action .button_main_text:after{content:"";margin-bottom:calc(.38em - .5lh);display:table}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action .button_main_text>svg{display:none}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action:disabled{opacity:.5;pointer-events:none}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link{font-family:XBRActionSwitzer,Arial,sans-serif;font-weight:600;text-decoration:none;position:relative}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:auto 0 -5px;transform:scaleX(1)}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link:is(:hover,:focus-visible):after{transform:scaleX(0)}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link span[aria-hidden]{transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:inline-block}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link:is(:hover,:focus-visible) span[aria-hidden]{transform:translate(3px,-3px)}@media (prefers-reduced-motion:reduce){:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-action .button_hover_element{display:none}:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link:after,:is(.xbr-product,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-enterprise,.xbr-insurance) .xbr-text-link span[aria-hidden]{transition:none!important;transform:none!important}}
