.hero-toggle-26{position:relative;display:flex;align-items:center;justify-content:center;width:100%;color:#fff;background-color:var(--background-color);z-index:1}@media (min-width: 768px){.hero-toggle-26{min-height:var(--desktop-height);margin:var(--section-margin-top) 0 var(--section-margin-bottom);padding:var(--section-padding-top-desktop) 0 var(--section-padding-bottom-desktop)}}@media (max-width: 767px){.hero-toggle-26{min-height:var(--mobile-height);padding:var(--section-padding-top-mobile) 0 var(--section-padding-bottom-mobile)}}.hero-toggle-26:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);pointer-events:none;z-index:1}.hero-toggle-26.no-overlay:before{display:none}.hero-toggle-26 .hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}@media (min-width: 768px){.hero-toggle-26 .mobile-video{display:none}}@media (max-width: 767px){.hero-toggle-26 .desktop-video{display:none}}.hero-toggle-26 .inner-content{position:relative;z-index:2;max-width:1400px;width:100%;padding:0 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.hero-toggle-26 .heading-text{font-size:var(--heading-size-desktop);font-weight:var(--heading-weight);color:var(--heading-color);line-height:1.1;margin:0}.hero-toggle-26 .subheading-text{font-size:var(--subheading-size-desktop);font-weight:var(--subheading-weight);color:var(--subheading-color);margin:0}@media (min-width: 768px){.hero-toggle-26 .heading-text{white-space:nowrap}}@media (max-width: 767px){.hero-toggle-26 .heading-text{font-size:var(--heading-size-mobile)!important;max-width:26rem;white-space:normal}.hero-toggle-26 .subheading-text{font-size:var(--subheading-size-mobile)!important}}.hero-toggle-26 .paint-radio{position:absolute;opacity:0;width:0;height:0;margin:0}.hero-toggle-26 .toggle-switch{display:grid;grid-template-columns:repeat(2,1fr);position:relative;border-radius:8px;width:30rem;max-width:100%;overflow:visible;background:#ffffff26;border:1px solid rgba(0,0,0,.25);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-toggle-26 .toggle-switch:hover{background:#fff3;border:1px solid rgba(0,0,0,.3)}.hero-toggle-26.outline-toggle .toggle-switch{background:#ffffff14;border:2.75px solid rgba(255,255,255,.35)}@media (max-width: 767px){.hero-toggle-26 .toggle-switch{width:26rem}}.hero-toggle-26 .toggle-option{padding:.75rem 1.5rem;font-weight:500;cursor:pointer;text-align:center;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:1;position:relative;overflow:visible;transition:color .3s cubic-bezier(.4,0,.2,1),transform .1s ease}.hero-toggle-26 .toggle-option[data-value=peelable]{color:var(--toggle-1-inactive)}.hero-toggle-26 .toggle-option[data-value=permanent]{color:var(--toggle-2-inactive)}.hero-toggle-26 .toggle-option.active{color:var(--toggle-active-text-color)}.hero-toggle-26 .toggle-option:active{transform:scale(.98)}@media (max-width: 767px){.hero-toggle-26 .toggle-option{font-size:16px}}.hero-toggle-26 .toggle-indicator{position:absolute;top:4px;right:50%;bottom:4px;left:4px;border-radius:8px;z-index:0;will-change:transform;border:2px solid rgba(0,0,0,.25);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .3s ease}.hero-toggle-26 .icon-grid{width:100%;margin-top:.75rem;position:relative;overflow:visible}.hero-toggle-26 .icon-list{display:grid;grid-template-columns:repeat(var(--desktop-icon-columns, 5),minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);justify-items:center;list-style:none;margin:0;padding:0;transition:opacity .25s ease}.hero-toggle-26 .icon-list.hidden{opacity:0;pointer-events:none;position:absolute;left:-9999px}@media (min-width: 768px) and (max-width: 1199px){.hero-toggle-26 .icon-list{gap:clamp(1.25rem,2.5vw,2rem)}}@media (max-width: 767px){.hero-toggle-26 .icon-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}}.hero-toggle-26 .icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;height:100%;width:100%}.hero-toggle-26 .icon-item a{text-decoration:none;color:inherit;width:100%;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.hero-toggle-26 .icon-item a:hover{transform:translateY(-2px)}.hero-toggle-26 .image-wrapper{position:relative;width:clamp(12rem,calc(100vw / var(--desktop-icon-columns, 5) * 1.2),18rem);aspect-ratio:1/1;max-width:100%}.hero-toggle-26 .image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at center,var(--icon-halo-color) 0%,var(--icon-halo-color) 40%,transparent 75%);opacity:var(--icon-halo-opacity);z-index:0;transition:opacity .3s ease}.hero-toggle-26 .icon-item a:hover .image-wrapper:before{opacity:calc(var(--icon-halo-opacity) * 1.5)}@media (min-width: 768px) and (max-width: 1199px){.hero-toggle-26 .image-wrapper{width:clamp(10rem,calc(100vw / var(--desktop-icon-columns, 5) * 1.1),14rem)}}@media (max-width: 767px){.hero-toggle-26 .image-wrapper{width:7rem}}.hero-toggle-26 .icon-item img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.hero-toggle-26 .icon-label{font-weight:500;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.25;letter-spacing:.02em;color:var(--icon-text-color);word-break:break-word;width:100%}@media (max-width: 767px){.hero-toggle-26 .icon-label{font-size:.875rem}}.hero-toggle-26 .image-wrapper .badge.icon-badge{position:absolute;top:clamp(.5rem,.6vw,.75rem);left:clamp(.5rem,.6vw,.75rem);z-index:2;width:auto;max-width:fit-content;pointer-events:none;box-shadow:0 2px 4px #0003;font-size:clamp(.75rem,.9vw,.9rem);height:clamp(1.5rem,1.8vw,1.75rem);padding:0 clamp(.7rem,.9vw,.875rem);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:600;line-height:1}@media (min-width: 768px) and (max-width: 1199px){.hero-toggle-26 .image-wrapper .badge.icon-badge{top:clamp(.45rem,.55vw,.6rem);left:clamp(.45rem,.55vw,.6rem);font-size:clamp(.7rem,.85vw,.85rem);height:clamp(1.4rem,1.7vw,1.65rem);padding:0 clamp(.65rem,.85vw,.8rem)}}@media (max-width: 767px){.hero-toggle-26 .image-wrapper .badge.icon-badge{top:.3rem;left:.3rem;font-size:.6125rem;height:1.4rem;padding:0 .7rem}}.hero-toggle-26 .hero-bullets{list-style:none;display:flex;gap:3rem;flex-wrap:wrap;justify-content:center;margin:2rem 0 0;padding:0}@media (max-width: 767px){.hero-toggle-26 .hero-bullets{gap:1.5rem 3rem}}@media (min-width: 768px){.hero-toggle-26 .icon-item.hide-desktop{display:none!important}}@media (max-width: 767px){.hero-toggle-26 .icon-item.hide-mobile{display:none!important}}.hero-toggle-26,.hero-toggle-26 .icon-grid{content-visibility:auto;contain-intrinsic-size:800px}.hero-toggle-26 .inner-content,.hero-toggle-26 .icon-grid{contain:layout paint}@media (prefers-reduced-motion: reduce){.hero-toggle-26 *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/286/assets/hero-toggle-26.css.map */