.spray-grid{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;border-radius:.75rem;overflow:hidden}.spray-image-stack{position:relative;aspect-ratio:1 / 1;overflow:hidden}.spray-stack-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.06);transition:opacity .6s ease,transform .7s ease}.spray-stack-img.is-default{opacity:1;transform:scale(1)}.spray-stack-img img{width:100%;height:100%;object-fit:cover;display:block}.spray-content{text-align:center;background-color:rgba(var(--foreground-color));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;width:100%}.spray-eyebrow{font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;text-align:center;width:100%}.spray-words{display:flex;flex-direction:column;gap:.25rem;align-items:center;width:100%}.spray-word{position:relative;display:block;width:100%;padding:.6rem 0;cursor:default;text-align:center}.spray-word-text{position:relative;z-index:1;display:block;width:100%;text-align:center;font-size:var(--text-h2);font-weight:700;line-height:1.15;color:#9a9a9a;transition:color .45s ease}.spray-word:focus-visible{outline:none}.spray-grid.no-image .spray-image-stack{display:none}@media(min-width:990px){.spray-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.spray-grid.image-first{direction:rtl}.spray-grid.image-first>*{direction:ltr}.spray-content{text-align:left;align-items:flex-start;aspect-ratio:auto}.spray-eyebrow{text-align:left}.spray-words{align-items:flex-start}.spray-word,.spray-word-text{text-align:left}.spray-image-stack{aspect-ratio:auto}.spray-grid.no-image{grid-template-columns:1fr}.spray-grid.no-image .spray-content{text-align:center;align-items:center}.spray-grid.no-image .spray-words{align-items:center}.spray-grid.no-image .spray-word,.spray-grid.no-image .spray-word-text,.spray-grid.no-image .spray-eyebrow{text-align:center}}.spray-grid:has(.spray-word[data-word="1"]:hover) .spray-stack-img,.spray-grid:has(.spray-word[data-word="1"]:focus-visible) .spray-stack-img{opacity:0}.spray-grid:has(.spray-word[data-word="1"]:hover) .spray-stack-img[data-word="1"],.spray-grid:has(.spray-word[data-word="1"]:focus-visible) .spray-stack-img[data-word="1"]{opacity:1;transform:scale(1)}.spray-grid:has(.spray-word[data-word="2"]:hover) .spray-stack-img,.spray-grid:has(.spray-word[data-word="2"]:focus-visible) .spray-stack-img{opacity:0}.spray-grid:has(.spray-word[data-word="2"]:hover) .spray-stack-img[data-word="2"],.spray-grid:has(.spray-word[data-word="2"]:focus-visible) .spray-stack-img[data-word="2"]{opacity:1;transform:scale(1)}.spray-grid:has(.spray-word[data-word="3"]:hover) .spray-stack-img,.spray-grid:has(.spray-word[data-word="3"]:focus-visible) .spray-stack-img{opacity:0}.spray-grid:has(.spray-word[data-word="3"]:hover) .spray-stack-img[data-word="3"],.spray-grid:has(.spray-word[data-word="3"]:focus-visible) .spray-stack-img[data-word="3"]{opacity:1;transform:scale(1)}.spray-grid:has(.spray-word[data-word="4"]:hover) .spray-stack-img,.spray-grid:has(.spray-word[data-word="4"]:focus-visible) .spray-stack-img{opacity:0}.spray-grid:has(.spray-word[data-word="4"]:hover) .spray-stack-img[data-word="4"],.spray-grid:has(.spray-word[data-word="4"]:focus-visible) .spray-stack-img[data-word="4"]{opacity:1;transform:scale(1)}.spray-grid:has(.spray-word[data-word="5"]:hover) .spray-stack-img,.spray-grid:has(.spray-word[data-word="5"]:focus-visible) .spray-stack-img{opacity:0}.spray-grid:has(.spray-word[data-word="5"]:hover) .spray-stack-img[data-word="5"],.spray-grid:has(.spray-word[data-word="5"]:focus-visible) .spray-stack-img[data-word="5"]{opacity:1;transform:scale(1)}.spray-grid:has(.spray-word[data-word="6"]:hover) .spray-stack-img,.spray-grid:has(.spray-word[data-word="6"]:focus-visible) .spray-stack-img{opacity:0}.spray-grid:has(.spray-word[data-word="6"]:hover) .spray-stack-img[data-word="6"],.spray-grid:has(.spray-word[data-word="6"]:focus-visible) .spray-stack-img[data-word="6"]{opacity:1;transform:scale(1)}@media(max-width:989.98px){.spray-grid{align-items:start}.spray-grid .spray-image-stack{display:block;width:100%;aspect-ratio:auto;height:auto;min-height:0}.spray-grid .spray-image-stack:before{content:"";display:block;padding-top:100%}.spray-grid .spray-image-stack .spray-stack-img.is-default img{opacity:1;transform:none}.spray-grid.no-image .spray-image-stack{display:none}}.spray-word{cursor:pointer}.spray-word-inner{position:relative;display:inline-block;max-width:100%}.spray-word-inner .spray-word-text{display:inline-block;width:auto}.spray-word-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;font-size:var(--text-h2);font-weight:700;line-height:1.15;color:var(--spray-fill, #670001);text-align:inherit;pointer-events:none;z-index:2}.spray-word-svg{position:absolute;width:0;height:0;overflow:hidden}.spray-word clipPath{transform:scaleX(0);transition:transform 1s linear}.spray-word.is-active clipPath,.spray-word:hover clipPath{transform:scale(.00235,.10254)}.spray-image-stack.has-active .spray-stack-img{opacity:0;transform:scale(1.06)}.spray-image-stack.has-active .spray-stack-img.is-active{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.spray-word clipPath{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/spray-it-on-for.css.map */