.quick-multi-header-user { display: grid; grid-template-columns: 40px auto; align-items: center; gap: 10px; margin: -0.5rem -1rem 0px; padding: 0.5rem 0px; border-radius: 1rem 1rem 0px 0px; background: rgb(0, 0, 0); border-bottom: 4px solid var(--tertiary); }
.quick-multi-header-bet-blurb { padding: 0.2rem 0px; line-height: 20px; min-height: 20px; font-size: 12px; display: flex; gap: 3px; align-items: center; background: var(--secondary); font-weight: normal; text-transform: capitalize; }
.quick-multi-header-bet-blurb i { font-size: 6px; }
.quick-multi-header-bet-event { font-weight: 900; font-size: 1.1rem; line-height: 1.5rem; text-transform: uppercase; background: var(--secondary-light); }
.quick-multi-header-avatar { margin-left: 10px; width: 30px; height: 30px; background-size: cover; background-position: 50% center; border-radius: 50%; outline: rgb(255, 255, 255) solid 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px; transition: 0.3s; }
.quick-multi-header-avatar:hover { transform: scale(2); }
.quick-multi-header-username { font-size: 1.2rem; line-height: 1.4rem; font-weight: 900; color: rgb(255, 255, 255); text-transform: uppercase; }
.quick-multi-header-blurb { display: block; font-weight: 600; font-size: 13px; line-height: 14px; color: var(--secondary-light); text-transform: capitalize; }
.quick-multi-header { display: flex; align-items: center; gap: 10px; margin: -0.5rem -1rem 0px; padding: 0.4rem 0px 0.4rem 8px; border-radius: 1rem 1rem 0px 0px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase; }
.quick-multi-subheader { font-size: 0.9rem; line-height: 0.9rem; max-width: calc(100% - 6rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize; color: var(--secondary-light); font-weight: 600; }
.quick-multi-loading-spinner { pointer-events: none; opacity: 0.5; }
.quick-multi-loading-spinner::after { content: ""; inset: 0px; position: absolute; z-index: 2; background:  50% 5rem no-repeat; }
.quick-multi-shuffle { position: absolute; top: 6px; right: 12px; font-size: 12px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); width: 20px; height: 20px; border-radius: 50%; display: flex; place-items: center; justify-content: center; transform: scale(1.2); }
.quick-multi-race-change-sel { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; height: 20px; width: 20px; background: rgb(239, 239, 239); border-radius: 50%; cursor: pointer; }
.quick-multi-switch-bet-type-container { display: flex; position: absolute; top: 10px; right: 10px; border-radius: 1rem; padding: 5px; background: rgb(0, 0, 0); }
.quick-multi-switch-bet-type { padding: 3px 0.5rem; color: rgb(255, 255, 255); cursor: pointer; font-size: 0.9rem; line-height: 13px; min-width: 1.8rem; text-align: center; border-radius: 1rem; }
.quick-multi-switch-bet-type-selected { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.quick-multi-race-change-pos { font-size: 1.6rem; }
.quick-multi-event .ttg-0, .quick-multi-event .ttg-10 { outline: none ; background: none ; }
.quick-multi-event .ttg-0 { color: rgb(204, 0, 0) ; }
.quick-multi-event .ttg-10 { color: rgb(0, 0, 0) ; }
.quick-multi-event { display: flex; flex-direction: column; }
.quick-multi-event-outcome { position: relative; display: grid; grid-template-columns: 2rem auto 4rem; column-gap: 0.5rem; margin: 0px -1rem; padding: 0px 0.5rem; min-height: 36px; align-items: center; border-bottom: 1px solid rgb(224, 224, 224); }
.quick-multi-event-outcome-logo { margin: auto; width: 1.6rem; height: 1.6rem; object-fit: cover; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; border-radius: 50%; outline: rgba(136, 136, 136, 0.25) solid 2px; }
.quick-multi-event-outcome-icon { outline: none; color: rgb(168, 168, 168); font-size: 1.2rem; margin-left: 7px; }
.quick-multi-event-outcome-icon::before { font-size: 1.5rem; margin-left: -3px; font-weight: bold ; }
.quick-multi-event-outcome-icon-small::before { color: var(--icon); font-weight: bold ; }
.quick-multi-event-outcome-nologo { grid-template-columns: auto 4rem; padding-left: 1rem; }
.quick-multi-event-outcome-silks { width: 2.5rem; height: 2.5rem; background-size: auto 100%; }
.quick-multi-event-outcome-silks.silk-grey { width: 1.5rem; height: 1.5rem; margin-left: 3px; border-radius: 50%; }
.quick-multi-event-outcome-silks-sport { width: 1.8rem; height: 1.8rem; margin-left: 5px; background-position: 50% center; background-size: cover; border-radius: 50%; outline: rgba(136, 136, 136, 0.25) solid 2px; }
.quick-multi-event-outcome .button.betlink { width: auto; padding: 0px; }
.quick-multi-event-outcome:last-child { border: 0px; }
.quick-multi-event-outcome-name { position: relative; display: flex; flex-direction: column; }
.quick-multi-outcome-place { font-size: 11px; line-height: 11px; background: rgb(102, 102, 102); color: rgb(255, 255, 255); padding: 2px 5px; border-radius: 10px; }
.quick-multi-event-event { display: flex; flex-direction: column; line-height: 1rem; }
.quick-multi-event-ttg { display: inline-block; text-align: center; font-size: 10px; line-height: 12px; font-weight: 600; border-radius: 10px; }
.quick-multi-footer { display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0px 0.2rem; }
.quick-multi-event-promo { padding-left: 10px; grid-template-columns: auto; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1.1rem; color: rgb(255, 73, 0); }
@media (min-width: 1025px) {
  .quick-multi-races { display: grid; grid-template-columns: 1fr 1fr; }
}
.content-scroller { flex-direction: row; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); display: flex; will-change: transform; transform: translateX(0%); }
.content-scroller .panel { border-radius: 1rem; }
.content-scroller-container { position: relative; width: calc(100% - 0.3rem); padding: 0px 0.15rem; flex-shrink: 0; overflow: hidden auto; transition: 1s; overscroll-behavior: none; }
.content-scroller-buttons { display: flex; justify-content: center; gap: 0.5rem; margin: -7px auto 10px; }
.content-scroller-button { width: 12px; height: 12px; border-radius: 50%; background: rgb(0, 0, 0); opacity: 0.4; transition: 0.3s; }
.content-scroller-button.content-scroller-button-selected { opacity: 1; }
.premade-multi-container { display: none; }
.premade-multi-refresh { background: rgb(51, 51, 51); color: var(--secondary); border-radius: 50%; font-size: 12px; padding: 4px; }
.premade-multi-refresh:hover { cursor: pointer; background: rgb(136, 136, 136); }
.loader-placeholder { color: rgb(239, 239, 239); animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholder-shimmer; animation-timing-function: linear; background: linear-gradient(to right, rgb(233, 234, 237) 0%, rgb(233, 234, 237) 40%, rgb(206, 206, 206) 50%, rgb(206, 206, 206) 80%, rgb(233, 234, 237) 100%) 0% 0% / 800px 100px; }
.content-scroller[data-scroller="favorites-sports-multis"] .panel { margin-bottom: 0px; }
.odds-markets .content-scroller .panel { box-shadow: none; border: 1px solid rgb(239, 239, 239); }
.drag-tutorial { display: none; }
@media (max-width: 400px) {
  .drag-tutorial { display: none ; }
}
.account-container { display: flex; flex-direction: column; gap: 1rem; }
.account-home { position: relative; display: flex; flex-direction: column; gap: 0.3rem; }
.account-home .tab-switch { border: 1px solid rgb(224, 224, 224); background: rgb(255, 255, 255) ; }
.account-home h5 { margin-top: 0px; margin-left: 5px; }
.account-panel { padding: 0px ; }
.account-panel p { text-align: center; text-align-last: center; font-size: 0.9rem; line-height: 1.2rem; margin: 0px; padding: 0px 1rem; }
.account-panel select, .account-panel input { font-family: Saira; }
.account-panel th { padding: 0px 0px 0px 20px; vertical-align: middle; text-align: left; font-size: 0.9rem; line-height: 14px; }
.account-panel h3 { color: rgb(255, 255, 255); font-weight: 900; text-transform: uppercase; font-size: 1.1rem; line-height: 1.2rem; margin: 0px 0px -0.5rem; padding: 0.6rem 1rem; background: rgb(51, 51, 51); border-radius: 1rem 1rem 0px 0px; }
.account-panel h3::after { position: absolute; top: 8px; right: 10px; font-weight: normal; font-size: 1.5rem; content: ""; color: var(--tertiary); font-family: "Font Awesome 6 Pro" ; }
.account-panel-hidden { margin-bottom: 1rem ; }
.account-panel-hidden h3 { border-radius: 1rem; }
.account-panel-hidden h3::after { content: ""; }
.account-panel h3 i { color: rgb(255, 255, 255); border-radius: 50%; height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; }
.account-panel h4 { max-width: 300px; margin: 10px auto; padding: 0.3rem 0px; text-align: center; font-weight: bold; background: var(--secondary-light); border-radius: 1rem; }
.account-panel-hidden .account-panel-sub { display: none; }
.account-info { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; text-align: center; font-size: 0.9rem; line-height: 1rem; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 1rem; }
.account-info-blank { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgb(255, 255, 255); }
.account-info-highlight { max-width: 300px; background: rgba(219, 255, 219, 0.5); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: rgba(0, 177, 0, 0.25) solid 2px; }
.account-info-error { max-width: 300px; background: rgba(255, 219, 219, 0.376); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: rgba(204, 0, 0, 0.125) solid 2px; }
.account-info img { width: 100%; max-width: 10rem; }
.account-checkbox { display: grid; grid-template-columns: 4rem auto; }
.account-checkbox input { width: 2rem; height: 2rem; }
.account-checkbox div:first-child { display: flex; place-content: center; flex-wrap: wrap; }
.account-checkbox div:last-child { padding: 1rem 0px; line-height: 1.2rem; font-size: 0.9rem; font-weight: 600; }
.account-info-data { width: calc(100% - 2rem); border-collapse: collapse; }
.account-info-data th { background: rgb(255, 250, 237); border: 1px solid rgb(224, 224, 224) ; }
.account-info-data td { background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224) ; }
.account-label-cell { display: flex; flex-wrap: wrap; align-content: center; }
.account-label-cell label { z-index: 1; margin-right: -23px; width: 1.5rem; height: 2.2rem; line-height: 2.2rem; display: inline-block; border-radius: 1rem 0px 0px 1rem; text-align: center; font-weight: 600; font-size: 1.3rem; background: green; color: rgb(255, 255, 255); }
.account-label-cell input { padding-left: 2rem; }
.account-panel-sub .account-info { margin: 1rem auto; }
.account-total { font-weight: bold; color: green; }
.settings-container { display: grid; grid-template-columns: 1fr; justify-content: space-between; }
.settings-container .settings-item { padding: 0.5rem 1rem; box-sizing: border-box; display: flex; flex-flow: column wrap; align-items: center; text-align: center; background: rgb(254, 254, 254); border-bottom: 1px solid rgb(216, 216, 216); }
.settings-container .settings-item:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.setting-title { font-weight: bold; font-size: 18px; }
.setting-explain { font-size: 0.9rem; line-height: 1rem; color: rgb(102, 102, 102); }
.setting-switch { position: relative; display: inline-block; width: 4rem; height: 2rem; }
.setting-switch input { opacity: 0; width: 0px; height: 0px; }
.setting-inputs { display: flex; gap: 0.5rem; margin: 0.5rem; align-items: center; }
.setting-input { width: 4rem; padding: 0px; text-align: center; font-size: 1.1rem; border-radius: 2rem; border: 2px solid rgb(239, 239, 239); font-family: Saira; outline: none; }
.setting-inputs .button { padding-top: 0.1rem; padding-bottom: 0.1rem; }
.setting-inputs .button.setting-remove { padding: 0.2rem 0.4rem; color: rgb(255, 255, 255); background: rgb(255, 59, 0); outline: rgba(255, 59, 0, 0.125) solid 4px; }
.setting-slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(204, 204, 204); transition: 0.2s; border-radius: 1rem; }
.setting-error { border-color: red; }
.setting-slider::before { position: absolute; content: ""; height: 23px; width: 23px; left: 4px; bottom: 3px; background-color: white; transition: 0.2s; border-radius: 1rem; box-shadow: rgb(86, 86, 86) 0px 0px 10px -3px; }
input:checked + .setting-slider { background: rgb(14, 228, 110); }
input:checked + .setting-slider::before { transform: translateX(26px); }
.button.submit.saved { position: relative; background: rgb(14, 228, 110); }
.button.submit.saved::after { position: absolute; right: -30px; top: 3px; color: green; content: ""; font-size: 20px; font-family: "Font Awesome 6 Pro"; font-weight: bold; }
.setting-slider.saved::after { position: absolute; right: -30px; top: 4px; color: green; content: ""; font-size: 20px; font-family: "Font Awesome 6 Pro"; font-weight: bold; }
.setting-saved { display: none; position: fixed; box-sizing: border-box; bottom: 4rem; left: 10px; padding: 0.5rem 1rem 9px; width: calc(-20px + 100vw); z-index: 5; background: green; color: rgb(255, 255, 255); line-height: 2rem; font-weight: bold; outline: green solid 2px; border-radius: 1rem 1rem 0px 0px; }
@media (min-width: 1025px) {
  .setting-saved { width: 12rem; bottom: 0px; left: 18rem; }
}
@media (max-width: 480px) {
  .settings-item { width: 100% ; }
}
.trans-list { display: flex; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; }
.trans-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.trans-container h3 { display: flex; align-items: center; justify-content: flex-start; gap: 5px; }
.trans-container h3 i { margin-bottom: -1px; transform: scale(1.2); color: var(--secondary); }
.trans-tid { margin-left: auto; background: rgb(102, 102, 102); border-radius: 1rem; padding: 0px 1rem; font-size: 0.9rem; font-weight: 600; }
.trans-container.single.return-of:not(.cancellation) .trans-bet:not(.trans-multi-odds) { background: rgba(0, 153, 0, 0.125); }
.trans-container.single.no-return:not(.cancellation) .trans-bet:not(.trans-multi-odds) { background: rgba(255, 60, 60, 0.125); }
.trans-container.approved .trans-bet:not(.trans-multi-odds) { background: rgba(0, 153, 0, 0.125); }
.trans-container.declined .trans-bet:not(.trans-multi-odds) { background: rgba(255, 60, 60, 0.125); }
.trans-container.single.return-of:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-odds { background: green; }
.trans-container.single.no-return:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-odds { background: rgb(140, 1, 4); }
.trans-container.single.return-of:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-pos { color: rgb(0, 103, 0); }
.trans-container.single.no-return:not(.cancellation) .trans-bet:not(.trans-multi-odds) .trans-pos { color: rgb(140, 1, 4); }
.trans-container h3::after { content: none; }
.trans-more { margin-bottom: 0.5rem; }
.trans-header { padding: 0.2rem 1.3rem; font-weight: bold; background: var(--secondary); }
.trans-stake { display: flex; flex-direction: column; margin: 0.5rem 1rem 0px; padding: 0px 0.5rem; }
.trans-stake span { float: right; font-weight: 600; }
.trans-container .benefit-icon { padding: 0px 0.7rem; margin-top: 2px; margin-bottom: 2px; margin-right: -0.5rem; line-height: 1.5rem; text-transform: uppercase; font-weight: 900; color: rgb(255, 255, 255); border-radius: 1rem; }
.return-of .trans-stake-return { color: green; font-weight: bold; }
.trans-box { margin: 0px 1rem 1rem; }
.trans-sgm { display: flex; flex-direction: column; margin: 0px 1rem -0.5rem; padding: 0.5rem 1rem 0.4rem; line-height: 1rem; border-radius: 1rem 1rem 0px 0px; font-weight: 600; background: rgb(51, 51, 51); color: rgb(255, 255, 255); border-bottom: 4px solid var(--secondary); }
.trans-sgm + .trans-box .trans-bet:first-child { border-radius: 0px; }
.trans-sgm span:last-child { font-size: 0.8rem; font-weight: normal; }
.trans-bet { position: relative; padding: 0.5rem 5rem 0.5rem 1rem; border-bottom: 1px solid rgb(254, 254, 254); background: rgb(239, 239, 239); }
.trans-bet-share { display: flex; justify-content: center; gap: 1rem; margin: -0.5rem 0px 1rem; }
.trans-bet.exotic { border-radius: 0px 0px 1rem 1rem ; }
.trans-bet:first-child { border-radius: 1rem 1rem 0px 0px; }
.trans-bet:nth-last-child(2) { border-radius: 0px 0px 1rem 1rem; margin-bottom: 0px; }
.trans-bet:only-child { border-radius: 1rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.return-of .trans-bet.alive, .no-return .trans-bet.alive, .accepted .trans-bet.alive, .partially-accepted .trans-bet.alive, .return-of .trans-bet.approved, .no-return .trans-bet.approved { background: rgba(0, 153, 0, 0.125); padding-left: 35px; }
.return-of .trans-bet.cancellation { padding-left: 35px; }
.no-return.exotic:not(.cancellation) .trans-bet { background: rgba(255, 60, 60, 0.125); }
.return-of.exotic:not(.cancellation) .trans-bet { background: rgba(0, 153, 0, 0.125); }
.return-of.single .trans-bet, .no-return.single .trans-bet, .return-of.exotic .trans-bet, .no-return.exotic .trans-bet { padding-left: 35px; }
.return-of.single:not(.cancellation) .trans-bet::before, .return-of.exotic:not(.cancellation) .trans-bet::before { position: absolute; left: 8px; top: calc(50% - 14px); font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 18px; content: ""; color: rgb(0, 103, 0); }
.no-return.single:not(.cancellation) .trans-bet::before, .no-return.exotic:not(.cancellation) .trans-bet::before { position: absolute; left: 8px; top: calc(50% - 14px); font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 18px; content: ""; color: rgb(140, 1, 4); }
.exotic:not(.cancellation) .trans-bet::before { top: calc(50% - 9px) ; }
.return-of .trans-bet.alive .trans-odds, .no-return .trans-bet.alive .trans-odds { background: green; }
.return-of .trans-bet.dead .trans-odds, .no-return .trans-bet.dead .trans-odds { background: rgb(140, 1, 4); }
.return-of .trans-bet.alive::before, .no-return .trans-bet.alive::before, .accepted .trans-bet.alive::before, .partially-accepted .trans-bet.alive::before, .return-of .trans-bet.approved::before, .no-return .trans-bet.approved::before { position: absolute; left: 8px; top: calc(50% - 14px); font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 18px; content: ""; color: rgb(0, 103, 0); }
.no-return .trans-bet.dead, .return-of .trans-bet.dead, .no-return .trans-bet.declined { background: rgba(255, 60, 60, 0.125); padding-left: 35px; }
.trans-bet.cancelled { background: rgba(196, 196, 196, 0.5); color: rgb(102, 102, 102); }
.trans-bet.cancelled .trans-odds { background: rgb(102, 102, 102) ; }
.cancellation .trans-odds { background: rgb(102, 102, 102) ; }
.trans-bet.alive .trans-odds { background: green; }
.cancellation .trans-bet { background: rgba(196, 196, 196, 0.5); color: rgb(102, 102, 102); padding-left: 1rem ; }
.cancellation .trans-multi-odds { display: none; }
.cancellation .trans-pos { display: none; }
.cancelled .trans-pos { display: none; }
.rejected .trans-pos { display: none; }
.rejected .trans-bet { background: rgb(196, 196, 196); opacity: 0.5; }
.rejected .trans-multi-odds { background: none; }
.no-return .trans-bet.dead::before, .return-of .trans-bet.dead::before, .no-return .trans-bet.declined::before, .return-of .trans-bet.declined::before { position: absolute; left: 8px; top: calc(50% - 14px); font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 18px; content: ""; color: rgb(140, 1, 4); }
.return-of:not(.cancellation) .trans-odds { background: green; }
.trans-event { display: flex; flex-direction: column; line-height: 1rem; font-size: 0.9rem; color: rgb(102, 102, 102); }
.trans-event span:nth-child(1) { font-weight: 600; }
.trans-event span:last-child { font-size: 11px; color: rgb(136, 136, 136); }
.trans-outcome { line-height: 1.2rem; font-weight: bold; }
.trans-date { font-size: 10px; color: rgb(102, 102, 102); font-weight: 600; }
.trans-date .ttg-10 { background: none ; outline: none ; color: rgb(0, 0, 0) ; }
.trans-date .ttg-0 { background: none ; outline: none ; color: rgb(204, 0, 0) ; }
.trans-outcome + .trans-date { margin-top: -5px; }
.trans-odds { position: absolute; right: 10px; top: calc(50% - 10px); min-width: 3rem; padding: 0px 1rem; box-sizing: border-box; font-size: 12px; text-align: center; border-radius: 1rem; background: rgb(51, 51, 51); color: rgb(255, 255, 255); }
.trans-odds-boosted { background: rgb(255, 92, 0); color: rgb(255, 255, 255); }
.trans-odds-boosted::before { position: absolute; left: -25px; top: 0px; font-size: 1.2rem; font-weight: bold; font-family: "Font Awesome 6 Pro"; content: ""; color: rgb(255, 92, 0); }
.trans-pos { position: absolute; left: 0px; bottom: 16px; font-size: 10px; font-weight: 600; width: 35px; text-align: center; }
.trans-bet.dead .trans-pos { color: rgb(140, 1, 4); }
.trans-bet.alive .trans-pos { color: rgb(0, 103, 0); }
.trans-multi-odds { margin: 0.5rem 0px -0.5rem; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.trans-multi-odds .multi-odds { background: rgb(0, 0, 0); }
.trans-multi-odds-boosted .trans-odds { background: rgb(255, 92, 0); color: rgb(255, 255, 255); }
.trans-multi-odds-boosted .trans-odds::before { position: absolute; left: -25px; top: 0px; font-size: 1.2rem; font-weight: bold; font-family: "Font Awesome 6 Pro"; content: ""; color: rgb(255, 92, 0); }
.trans-exotic-leg { display: grid; grid-template-columns: 35px auto; align-items: center; }
.trans-exotic-leg-number { font-weight: 600; text-align: center; }
.trans-exotic-leg-selection { display: flex; align-items: center; gap: 5px; line-height: 1rem; word-break: break-all; }
.trans-exotic-leg-quaddie { grid-template-columns: 50px auto; }
.trans-exotic-leg-quaddie .trans-exotic-leg-number { text-align: left; }
.trans-boosted { margin: -0.5rem 1rem 1rem; padding: 0px 1rem; text-align: center; font-weight: bold; background: rgb(255, 118, 0); color: rgb(255, 255, 255); border-radius: 1rem; }
.trans-pages { position: fixed; bottom: 4.5rem; z-index: 5; border-radius: 1rem; outline: rgb(255, 255, 255) solid 2px; padding-bottom: 0px ; }
.trans-pages .tab-toggler { min-width: 35px ; }
.trans-pages .tab-toggler:only-child { display: none; }
.same-race-multi .trans-bet::before { top: 8px ; }
.same-race-multi .trans-bet .trans-pos { top: 26px; }
.share-bar { display: flex; justify-content: center; gap: 1rem; width: calc(100% - 1rem); margin: 1.5rem 0.5rem 0.5rem; }
.share-bar .button { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; flex-direction: row; gap: 5px; max-width: 10rem; }
.bet-share-parent { width: 100%; margin: -1rem -1rem -0.5rem; padding: 1rem 1rem 0px; background:  0% 0% / 100% repeat-x rgb(21, 30, 35); }
.bet-share-container { position: relative; display: flex; flex-direction: column; padding: 0.4rem 0px; max-width: 400px; margin: 0px auto; background: rgb(255, 255, 255); border-radius: 1.5rem; border: 10px solid var(--quinary); }
.bet-share-title { display: flex; justify-content: space-between; align-items: end; font-family: Anton; font-weight: 400; font-style: italic; font-size: 2rem; color: var(--quinary); margin: 0px auto; padding-left: 1rem; text-align: left; max-width: 400px; text-transform: uppercase; letter-spacing: -0.5px; }