@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-98ae76a0],[data-v-98ae76a0]::backdrop,[data-v-98ae76a0]:after,[data-v-98ae76a0]:before{--tw-leading:initial;--tw-font-weight:initial}}}.match-item[data-v-98ae76a0]{align-items:center;max-width:100%;display:flex}.match-item .contestant[data-v-98ae76a0]{flex:1}.match-item .versus[data-v-98ae76a0]{margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);background-color:var(--color-secondary,#3087c9);text-align:center;--tw-leading:calc(var(--spacing,.25rem)*6);font-size:8px;line-height:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);border-radius:3.40282e+38px;flex-grow:0;flex-shrink:0}@media(min-width:48rem){.match-item .versus[data-v-98ae76a0]{margin-inline:calc(var(--spacing,.25rem)*3);margin-block:0}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}