.hiw-barrier{--dm-emerald-rgb: 56 85 66;--dm-clay-rgb: 168 85 53;--dm-heading: var(--color-foreground-heading, #1f3025);max-width:none;margin:4px 0 0;padding:20px;border-radius:var(--roots-radius-rounded, 16px);box-sizing:border-box}.hiw-barrier--glass{background:rgb(var(--color-background-rgb) / var(--glass-opacity, .1));border:var(--glass-border-width, 1px) solid rgb(var(--color-foreground-rgb) / var(--glass-border-opacity, 20%));backdrop-filter:blur(var(--glass-blur, 20px));-webkit-backdrop-filter:blur(var(--glass-blur, 20px))}.hiw-barrier--elevated{background:rgb(var(--color-foreground-rgb) / .05);border:1px solid rgb(var(--color-foreground-rgb) / .14)}.hiw-barrier__toggle{display:flex;justify-content:center;margin-bottom:20px}.hiw-barrier__toggle-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:rgb(var(--dm-emerald-rgb) / .1);border-radius:9999px;padding:4px}.hiw-barrier__toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--color-primary-button-background, #385542);border-radius:9999px;transition:transform .18s cubic-bezier(.4,0,.2,1);z-index:1}.hiw-barrier[data-mode=fiber] .hiw-barrier__toggle-slider{transform:translate(100%)}.hiw-barrier__toggle-btn{position:relative;z-index:2;text-align:center;padding:10px 22px;font-size:.875rem;font-weight:500;border:none;background:transparent;cursor:pointer;transition:color .18s ease;color:var(--roots-muted, #3f5e4a);white-space:nowrap}.hiw-barrier__toggle-btn.active{color:var(--color-primary-button-text, #f1f0e6)}.hiw-barrier__visual{position:relative;height:240px;border-radius:12px;border:1px solid rgb(var(--color-foreground-rgb) / .12);overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgb(var(--dm-emerald-rgb) / .06),rgb(var(--dm-emerald-rgb) / .12))}.hiw-barrier__label{position:absolute;top:12px;left:0;right:0;text-align:center;font-size:10px;text-transform:uppercase;font-weight:500;letter-spacing:.06em;color:#1f30258c}.hiw-barrier__wall{width:288px;max-width:88%;display:flex;flex-direction:column;align-items:center}.hiw-barrier__bricks{display:flex;align-items:flex-end;justify-content:center;gap:14px;height:96px;transition:gap .35s cubic-bezier(.4,0,.2,1)}.hiw-barrier[data-mode=fiber] .hiw-barrier__bricks{gap:3px}.hiw-barrier__brick{width:34px;height:84px;border-radius:6px 6px 3px 3px;background:rgb(var(--dm-emerald-rgb) / .5);transition:background .35s ease,transform .35s cubic-bezier(.4,0,.2,1)}.hiw-barrier[data-mode=fiber] .hiw-barrier__brick{background:rgb(var(--dm-emerald-rgb) / .9)}.hiw-barrier[data-mode=low] .hiw-barrier__brick:nth-child(2){transform:translateY(6px)}.hiw-barrier[data-mode=low] .hiw-barrier__brick:nth-child(4){transform:translateY(4px)}.hiw-barrier[data-mode=low] .hiw-barrier__brick:nth-child(5){transform:translateY(8px)}.hiw-barrier__seal{margin-top:12px;height:5px;border-radius:9999px;width:34%;background:rgb(var(--dm-clay-rgb) / .6);transition:width .45s cubic-bezier(.4,0,.2,1),background .35s ease,box-shadow .35s ease}.hiw-barrier[data-mode=fiber] .hiw-barrier__seal{width:82%;background:var(--color-primary, #385542);box-shadow:0 0 12px rgb(var(--dm-emerald-rgb) / .55)}.hiw-barrier__status{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:11px;font-weight:500;letter-spacing:.04em;color:rgb(var(--dm-clay-rgb) / .9);transition:color .3s ease}.hiw-barrier[data-mode=fiber] .hiw-barrier__status{color:var(--color-primary, #385542)}.hiw-barrier__stats{display:flex;justify-content:center;gap:32px;text-align:center}.hiw-barrier__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hiw-barrier__stat-value{font-size:1.6875rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--color-foreground);transition:opacity .2s ease,transform .3s ease}.hiw-barrier[data-mode=fiber] .hiw-barrier__stat-value{animation:hiw-barrier-reveal .3s ease .3s both}@keyframes hiw-barrier-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hiw-barrier__stat-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1.3;color:rgb(var(--color-foreground-rgb) / .75)}@media(prefers-reduced-motion:reduce){.hiw-barrier__bricks,.hiw-barrier__brick,.hiw-barrier__seal,.hiw-barrier__status,.hiw-barrier__stat-value{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gut-barrier-widget.css.map */