.betslip-search[_ngcontent-ng-c3455367240] { border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding: 0.5rem; }
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] { position: relative; }
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-input[_ngcontent-ng-c3455367240] { height: 2.625rem; width: 100%; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); padding: 0.5rem 5px 0.5rem 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --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(0px + 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); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.2s; }
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-input[_ngcontent-ng-c3455367240]::placeholder { color: hsl(var(--tertiary-950) / .3); }
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-input[_ngcontent-ng-c3455367240]:focus { --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); }
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-btn[_ngcontent-ng-c3455367240] { position: absolute; right: 5px; top: 5px; bottom: 5px; display: flex; height: 2rem; align-items: center; justify-content: center; column-gap: 0.375rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
@media (min-width: 1024px) {
  .betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-btn[_ngcontent-ng-c3455367240]:hover { background-color: hsl(var(--primary) / .8); }
}
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-btn[disabled][_ngcontent-ng-c3455367240] { cursor: not-allowed; background-color: hsl(var(--tertiary-200) / .5); color: hsl(var(--tertiary-900) / .3); }
@media (min-width: 1024px) {
  .betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-btn[disabled][_ngcontent-ng-c3455367240]:hover { background-color: hsl(var(--tertiary-200) / .5); }
}
.betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-btn[disabled][_ngcontent-ng-c3455367240]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); }
@media (min-width: 1024px) {
  .betslip-search[_ngcontent-ng-c3455367240] .betslip-search-field[_ngcontent-ng-c3455367240] .search-btn[disabled][_ngcontent-ng-c3455367240]:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); }
}