.mut-product-picker-cta{display:grid;justify-items:center}.mut-product-picker-cta .h2{font-family:var(--typeSharpBlack);--fontSizeTitle: 42px;font-size:clamp(calc(var(--fontSizeTitle, 2.6rem) * .8),5vw,var(--fontSizeTitle, 2.6rem));line-height:1;margin:0;text-transform:uppercase}.mut-product-picker-cta .h3{color:rgb(var(--mutant-color-yellow));--fontSizeSubtitle: 24px;font-size:clamp(calc(var(--fontSizeSubtitle, 24px) * .8),3vw,var(--fontSizeSubtitle, 24px));margin:0;max-width:75vw;text-transform:uppercase}.mut-column-flavour-cta{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;justify-content:center;max-width:791px;margin:0 auto}.mut-flavour{position:relative;height:400px;min-height:400px;max-width:400px;margin:0 auto;align-content:center;display:grid;grid-template-columns:1fr;grid-template-rows:auto;justify-content:center;justify-items:center;overflow:hidden}.mut-flavour>*{grid-area:1 / 1}.mut-splash-img-background{width:100%;height:100%;object-fit:contain;object-position:center center}.mut-flavour-content{position:absolute;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:2rem 1rem 6rem;box-sizing:border-box}.mut-flavor-title{--fontSizeSubtitle: 40px;font-size:clamp(calc(var(--fontSizeSubtitle, 32px) * 1.025),5vw,var(--fontSizeSubtitle, 40px));text-align:center;font-family:var(--typeSharpBold);z-index:1;margin-bottom:.25rem;text-transform:uppercase}.mut-flavor-text-group{display:flex;flex-direction:column;align-items:center;margin-bottom:.2rem}.mut-flavor-subtitle{font-size:clamp(14px,1.5vw,18px);text-align:center;font-family:var(--typeSharpBook);z-index:1;margin:0;text-transform:lowercase;opacity:.9;font-weight:300}.add-flavor-to-cart{--shadow-primary: hsl(180, 90%, 50%);--shadow-secondary: hsl(60, 90%, 60%);--border: 2px;--shimmy-distance: 3;--clip-one: polygon(0 2%, 100% 2%, 100% 98%, 0 98%);--clip-two: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);--clip-three: polygon(0 44%, 100% 44%, 100% 54%, 0 54%);--clip-four: polygon(0 0, 100% 0, 100% 0, 0 0);--clip-five: polygon(0 0, 100% 0, 100% 0, 0 0);--clip-six: polygon(0 40%, 100% 40%, 100% 85%, 0 85%);--clip-seven: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);z-index:1;color:rgb(var(--mutant-color-black));background:rgb(var(--mutant-color-white));border:1px solid rgb(var(--mutant-color-black));padding:14px 4rem;font-size:clamp(28px,2.5vw,32px);cursor:pointer;position:relative;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:0;transition:background-color .3s ease,color .3s ease,font-weight .3s ease}.add-flavor-to-cart:not(:disabled):hover{background:rgb(var(--mutant-color-yellow));color:rgb(var(--mutant-color-white));font-weight:700}.add-flavor-to-cart:focus{outline:2px solid rgb(var(--mutant-color-yellow));outline-offset:2px}.add-flavor-to-cart:disabled{color:#666;background-color:#f4f4f4;border-color:#f4f4f4;cursor:not-allowed}.add-flavor-to-cart:disabled:hover{color:#666;background-color:#f4f4f4;border-color:#f4f4f4}.add-flavor-to-cart.loading{opacity:.7;cursor:wait}.cybr-btn__glitch{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-secondary);animation:glitch 2s infinite;display:none;color:rgb(var(--mutant-color-white));font-size:clamp(28px,2.5vw,32px);text-transform:uppercase;letter-spacing:1px;font-weight:900;line-height:inherit;padding:14px 4rem;align-items:center;justify-content:center;border-radius:0}.add-flavor-to-cart:not(:disabled):hover .cybr-btn__glitch{display:flex}@keyframes glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * -1px))}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * 1px))}9%{clip-path:var(--clip-two);transform:translate(0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance) * 1px))}13%{clip-path:var(--clip-three);transform:translate(0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance) * 1px))}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * 1px))}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * -1px))}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * -1px))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * 1px))}50%{clip-path:var(--clip-six);transform:translate(0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance) * 1px))}60%{clip-path:var(--clip-seven);transform:translate(0)}31%,61%,to{clip-path:var(--clip-four)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mut-product-picker-cta .metafield-rich_text_field{max-width:650px;text-transform:none;font-family:var(--typeSharpBook)}.mut-product-picker-cta .metafield-rich_text_field>h2{font-family:var(--typeSharpBlack);--fontSizeTitle: var(--fontSizeTitle);text-transform:uppercase;margin:0}.mut-product-picker-cta .metafield-rich_text_field h3{font-size:var(--fontSizeSubtitle);font-family:var(--typeSharpBold);color:var(--colorTextSubtitle);text-transform:uppercase;margin:0}.mut-product-picker-cta .metafield-rich_text_field p{text-align:center;line-height:1.2}@media only screen and (min-width: 600px){.mut-column-flavour-cta{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.mut-product-picker-cta .h3{max-width:80vw}.mut-product-picker-cta p{max-width:72vw}}@media only screen and (min-width: 900px){.mut-column-flavour-cta{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media only screen and (min-width: 769px){.mut-splash-img-background{width:100%;height:100%;padding:0}.mut-column-flavour-cta{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;justify-content:center;width:100%}.mut-product-picker-cta p{max-width:60vw}.mut-product-picker-cta .h2{font-size:56px;margin:0}.mut-product-picker-cta .h3{font-size:30px;margin:0}}@media (prefers-reduced-motion: reduce){.add-flavor-to-cart{transition:none}.mut-splash-img-background{animation:none}.cybr-btn__glitch{animation:none!important;transform:none!important}.add-flavor-to-cart:hover .cybr-btn__glitch{display:none!important}}@media (prefers-contrast: high){.add-flavor-to-cart{border-width:2px}.add-flavor-to-cart:focus{outline-width:3px}}@media only screen and (min-width: 1024px){.mut-column-flavour-cta{grid-template-columns:repeat(var(--flavor-grid-number, 3),minmax(0,1fr));gap:var(--flavor-grid-gap, 2rem);justify-content:space-between;width:100%;max-width:var(--flavor-max-width-container, 100%)}.mut-flavour{height:500px;min-height:500px;max-width:var(--flavor-grid-max-width, 100%);justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/271/assets/mut-product-picker-cta.css.map */