.how-seam{display:grid;padding-block:min(var(--how-seam-space-top, 3rem),7vw) min(var(--how-seam-space-bottom, 3rem),7vw)}.how-seam__line{position:relative;display:block;inline-size:var(--how-seam-width, 100%);block-size:1px;margin-inline:auto;background-image:var(--how-rule-metal);overflow:hidden}.how-seam__line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent,var(--how-metal) 16%,var(--how-metal) 84%,transparent);opacity:0;transition:opacity var(--how-slow) var(--how-ease)}.how-seam__line:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:16%;background-image:linear-gradient(90deg,transparent,var(--how-metal),transparent);opacity:0;translate:-100% 0}@media(hover:hover){.how-seam:hover .how-seam__line:before{opacity:.5}.how-seam:hover .how-seam__line:after{animation:how-seam-sheen 1.6s var(--how-ease) both}}@keyframes how-seam-sheen{0%{opacity:0;translate:-100% 0}15%{opacity:1}85%{opacity:1}to{opacity:0;translate:625% 0}}@media(prefers-reduced-motion:reduce){.how-seam__line:before,.how-seam__line:after{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-rule.css.map */
