/** Shopify CDN: Minification failed Line 16:1 Expected identifier but found whitespace Line 17:136 Expected ":" Line 17:161 Expected ":" Line 17:178 Unexpected "-" Line 17:193 Expected ":" Line 17:215 Expected ":" Line 17:236 Unexpected "-10" Line 17:248 Expected ":" Line 17:268 Unexpected "-2" Line 17:279 Expected ":" ... and 196 more hidden warnings **/ . sr - ONLY { POSITION : absolute; width: 1px; height: 1px; padding: 0; margin: - 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white - SPACE : nowrap; border - width: 0 }.mx - auto { margin - LEFT : auto; margin - RIGHT : auto }.mt -10 { margin - top: 2.5rem }.mt -2 { margin - top: 0.5rem }.mt -4 { margin - top: 1rem }.mt -6 { margin - top: 1.5rem }.mt -8 { margin - top: 2rem }.flex { display: flex }.liv - grid { display: grid }.h -12 { height: 3rem }.h -6 { height: 1.5rem }.w -6 { width: 1.5rem }.w - FULL { width: 100 % }.min - w -0 { MIN - width: 0px }.max - w - 7xl { MAX - width: 80rem }.appearance - NONE { - webkit - appearance: NONE; - moz - appearance: NONE; appearance: NONE }.items - center { align - items: center }.justify - center { justify - content: center }.gap -8 { gap: 2rem }.space - X -6 > :not([ hidden ]) ~ :not([ hidden ]) { - - tw - SPACE - X - REVERSE : 0; margin - RIGHT : calc( 1.5rem * var(- - tw - SPACE - X - REVERSE) ); margin - LEFT : calc( 1.5rem * calc(1 - var(- - tw - SPACE - X - REVERSE)) ) }.space - Y -4 > :not([ hidden ]) ~ :not([ hidden ]) { - - tw - SPACE - Y - REVERSE : 0; margin - top: calc( 1rem * calc(1 - var(- - tw - SPACE - Y - REVERSE)) ); margin - bottom: calc( 1rem * var(- - tw - SPACE - Y - REVERSE) ) }.space - Y -8 > :not([ hidden ]) ~ :not([ hidden ]) { - - tw - SPACE - Y - REVERSE : 0; margin - top: calc( 2rem * calc(1 - var(- - tw - SPACE - Y - REVERSE)) ); margin - bottom: calc( 2rem * var(- - tw - SPACE - Y - REVERSE) ) }.rounded - md { border - radius: 0.375rem }.border -0 { border - width: 0px }.border - t { border - top - width: 1px }.border - gray -900 \ / 10 { border - color: rgb(17 24 39 / 0.1) }.bg - indigo -600 { - - tw - bg - opacity: 1; background - color: rgb( 79 70 229 / var(- - tw - bg - opacity) ) }.bg - white { - - tw - bg - opacity: 1; background - color: rgb( 255 255 255 / var(- - tw - bg - opacity) ) }.px -3 { padding - LEFT : 0.75rem; padding - RIGHT : 0.75rem }.px -6 { padding - LEFT : 1.5rem; padding - RIGHT : 1.5rem }.py -1 { padding - top: 0.25rem; padding - bottom: 0.25rem }.py -1 \ .5 { padding - top: 0.375rem; padding - bottom: 0.375rem }.py -10 { padding - top: 2.5rem; padding - bottom: 2.5rem }.py -2 { padding - top: 0.5rem; padding - bottom: 0.5rem }.pb -8 { padding - bottom: 2rem }.pl -10 { padding - LEFT : 2.5rem }.pt -16 { padding - top: 4rem }.pt -8 { padding - top: 2rem }.text - base { font - size: 1rem; line - height: 1.5rem }.text - sm { font - size: 0.875rem; line - height: 1.25rem }.text - xs { font - size: 0.75rem; line - height: 1rem }.font - semibold { font - weight: 600 }.leading -5 { line - height: 1.25rem }.leading -6 { line - height: 1.5rem }.text - gray -400 { - - tw - TEXT - opacity: 1; color: rgb( 156 163 175 / var(- - tw - TEXT - opacity) ) }.text - gray -500 { - - tw - TEXT - opacity: 1; color: rgb( 107 114 128 / var(- - tw - TEXT - opacity) ) }.text - gray -600 { - - tw - TEXT - opacity: 1; color: rgb( 75 85 99 / var(- - tw - TEXT - opacity) ) }.text - gray -900 { - - tw - TEXT - opacity: 1; color: rgb( 17 24 39 / var(- - tw - TEXT - opacity) ) }.text - white { - - tw - TEXT - opacity: 1; color: rgb( 255 255 255 / var(- - tw - TEXT - opacity) ) }.shadow - sm { - - tw - shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - - tw - shadow - colored: 0 1px 2px 0 var(- - tw - shadow - color); box - shadow: var( - - tw - ring - OFFSET - shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }.ring -1 { - - tw - ring - OFFSET - shadow: var(- - tw - ring - inset) 0 0 0 var(- - tw - ring - OFFSET - width) var(- - tw - ring - OFFSET - color); - - tw - ring - shadow: var(- - tw - ring - inset) 0 0 0 calc( 1px + var(- - tw - ring - OFFSET - width) ) var(- - tw - ring - color); box - shadow: var(- - tw - ring - OFFSET - shadow), var(- - tw - ring - shadow), var( - - tw - shadow, 0 0 #0000) }.ring - inset { - - tw - ring - inset: inset }.ring - gray -300 { - - tw - ring - opacity: 1; - - tw - ring - color: rgb( 209 213 219 / var(- - tw - ring - opacity) ) }.placeholder \ :text - gray -400 : - moz - placeholder { - - tw - TEXT - opacity: 1; color: rgb( 156 163 175 / var(- - tw - TEXT - opacity) ) }.placeholder \ :text - gray -400 : placeholder { - - tw - TEXT - opacity: 1; color: rgb( 156 163 175 / var(- - tw - TEXT - opacity) ) }.hover \ :bg - indigo -500 :hover { - - tw - bg - opacity: 1; background - color: rgb( 99 102 241 / var(- - tw - bg - opacity) ) }.hover \ :text - gray -500 :hover { - - tw - TEXT - opacity: 1; color: rgb( 107 114 128 / var(- - tw - TEXT - opacity) ) }.focus \ :ring -2 :focus { - - tw - ring - OFFSET - shadow: var(- - tw - ring - inset) 0 0 0 var(- - tw - ring - OFFSET - width) var(- - tw - ring - OFFSET - color); - - tw - ring - shadow: var(- - tw - ring - inset) 0 0 0 calc( 2px + var(- - tw - ring - OFFSET - width) ) var(- - tw - ring - color); box - shadow: var(- - tw - ring - OFFSET - shadow), var(- - tw - ring - shadow), var( - - tw - shadow, 0 0 #0000) }.focus \ :ring - inset: focus { - - tw - ring - inset: inset }.focus \ :ring - indigo -600 :focus { - - tw - ring - opacity: 1; - - tw - ring - color: rgb( 79 70 229 / var(- - tw - ring - opacity) ) }.focus - visible \ :outline :focus - visible { outline - style: solid }.focus - visible \ :outline -2 :focus - visible { outline - width: 2px }.focus - visible \ :outline - OFFSET -2 :focus - visible { outline - OFFSET : 2px }.focus - visible \ :outline - indigo -600 :focus - visible { outline - color: #4f46e5 } @media NOT ALL AND(MIN - width: 1280px) {.max - xl \ :pl -0 { padding - LEFT : 0px } } @media NOT ALL AND(MIN - width: 1024px) {.max - lg \ :grid - cols -2 { grid - template - COLUMNS : REPEAT(2, minmax(0, 1fr)) } } @media NOT ALL AND(MIN - width: 768px) {.max - md \ :grid - cols -1 { grid - template - COLUMNS : REPEAT(1, minmax(0, 1fr)) }.max - md \ :justify - center { justify - content: center } } @media(MIN - width: 640px) {.sm \ :ml -4 { margin - LEFT : 1rem }.sm \ :mt -0 { margin - top: 0px }.sm \ :flex { display: flex }.sm \ :w -56 { width: 14rem }.sm \ :max - w - md { MAX - width: 28rem }.sm \ :flex - shrink -0 { flex - shrink: 0 }.sm \ :pt -24 { padding - top: 6rem }.sm \ :text - sm { font - size: 0.875rem; line - height: 1.25rem }.sm \ :leading -6 { line - height: 1.5rem } } @media(MIN - width: 768px) {.md \ :order -1 { ORDER : 1 }.md \ :order -2 { ORDER : 2 }.md \ :mt -0 { margin - top: 0px }.md \ :flex { display: flex }.md \ :grid { display: grid }.md \ :items - center { align - items: center }.md \ :justify - BETWEEN { justify - content: SPACE - BETWEEN }.md \ :gap -8 { gap: 2rem } } @media(MIN - width: 1024px) {.lg \ :mt -0 { margin - top: 0px }.lg \ :flex { display: flex }.lg \ :items - center { align - items: center }.lg \ :justify - BETWEEN { justify - content: SPACE - BETWEEN }.lg \ :px -8 { padding - LEFT : 2rem; padding - RIGHT : 2rem }.lg \ :pt -32 { padding - top: 8rem } } @media(MIN - width: 1280px) {.xl \ :col - span -1 { grid - COLUMN : span 1 / span 1 }.xl \ :mt -0 { margin - top: 0px }.xl \ :gap -8 { gap: 2rem } }