.font-label[data-v-76e5c6c1] {
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     line-height: 1.85
 }

 .font-16[data-v-76e5c6c1] {
     font-size: 16px
 }

 .font-14[data-v-76e5c6c1] {
     font-size: 12px
 }

 @media screen and (min-width:640px) {
     .font-14[data-v-76e5c6c1] {
         font-size: 14px
     }
 }

 .font-13[data-v-76e5c6c1] {
     font-size: 13px;
     line-height: 16px
 }

 .font-12[data-v-76e5c6c1] {
     font-size: 12px
 }

 .font-11[data-v-76e5c6c1] {
     font-size: 11px
 }

 .ellipsis[data-v-76e5c6c1] {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap
 }



 .btn[data-v-17494811]:focus {
     outline: none
 }

 .btn[data-v-17494811]:disabled {
     opacity: .5;
     cursor: not-allowed
 }

 .btn-primary[data-v-17494811]:hover {
     color: #fff;
     background-color: #444;
     border: 1px solid #fff;
     transition: all .3s ease-in
 }

 .btn-primary.outline[data-v-17494811]:hover:not(:disabled) {
     color: #050505;
     background-color: "gray";
     border: 1px solid
 }

 .btn-secondary[data-v-17494811]:hover {
     color: #fff;
     background-color: #444;
     border: 1px solid #fff;
     transition: all .3s ease-in
 }

 .btn-secondary.outline[data-v-17494811]:hover:not(:disabled) {
     color: #050505;
     background-color: #21a0ff;
     border: 1px solid #21a0ff
 }

 .btn-emerald[data-v-17494811]:hover {
     color: #fff;
     background-color: #444;
     border: 1px solid #fff;
     transition: all .3s ease-in
 }

 .btn-emerald.outline[data-v-17494811]:hover:not(:disabled) {
     color: #050505;
     background-color: #535c5f;
     border: 1px solid #535c5f
 }

 .btn-turquoise[data-v-17494811]:hover {
     color: #fff;
     background-color: #444;
     border: 1px solid #fff;
     transition: all .3s ease-in
 }

 .btn-turquoise.outline[data-v-17494811]:hover:not(:disabled) {
     color: #050505;
     background-color: #e9d17f;
     border: 1px solid #e9d17f
 }

 .btn-red[data-v-17494811]:hover {
     border: 1px solid #fff;
     transition: all .3s ease-in
 }

 .btn-red[data-v-17494811]:hover {
     color: #fff;
     background-color: #444
 }

 .btn-red.outline[data-v-17494811]:hover:not(:disabled) {
     color: #050505;
     background-color: #cd0606;
     border: 1px solid #cd0606
 }

 .btn-darkGold[data-v-17494811]:hover {
     color: #fff;
     background-color: #444;
     border: 1px solid #fff;
     transition: all .3s ease-in
 }

 .btn-darkGold.outline[data-v-17494811]:hover:not(:disabled) {
     color: #050505;
     background-color: #e4bf75;
     border: 1px solid #e4bf75
 }

 .btn-buffGold[data-v-17494811]:hover {
     background-color: #d5ab64
 }

 .btn-default[data-v-17494811]:hover {
     background-color: #f1f1f1
 }


 html {
     -webkit-text-size-adjust: 100%
 }

 button {
     margin: 0
 }

 button {
     overflow: visible
 }

 button {
     text-transform: none
 }

 button {
     -webkit-appearance: button
 }

 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0
 }

 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring,
 button:-moz-focusring {
     outline: 1px dotted ButtonText
 }

 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }

 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }

 h3,
 h5,
 p {
     margin: 0
 }

 button {
     background-image: none
 }

 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color
 }

 html {
     line-height: 1.5
 }

 *,
 :after,
 :before {
     box-sizing: border-box;
     border: 0 solid rgba(47, 47, 47, .3)
 }

 img {
     border-style: solid
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
     color: #a0aec0
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     color: #a0aec0
 }

 input::placeholder,
 textarea::placeholder {
     color: #a0aec0
 }

 [role=button],
 button {
     cursor: pointer
 }

 a {
     color: inherit
 }

 button {
     line-height: inherit;
     color: inherit
 }

 iframe,
 img,
 svg {
     display: block;
     vertical-align: middle
 }

 img {
     max-width: 100%;
     height: auto
 }

 .container {
     width: 100%
 }

 @media (min-width:100%) {
     .container {
         max-width: 100%
     }
 }

 @media (min-width:1280px) {
     .container {
         max-width: 1280px
     }
 }

 @media (min-width:1490px) {
     .container {
         max-width: 1490px
     }
 }

 .bg-primary-300 {
     --bg-opacity: 1;
     background-color: rgba(228, 191, 117, var(--bg-opacity))
 }

 .bg-primary-450 {
     --bg-opacity: 1;
     background-color: rgba(211, 173, 109, var(--bg-opacity))
 }

 .bg-black-100 {
     --bg-opacity: 1;
     background-color: rgba(47, 47, 47, var(--bg-opacity))
 }

 .bg-black-primary {
     --bg-opacity: 1;
     background-color: rgba(5, 5, 5, var(--bg-opacity))
 }

 .bg-gray-primary {
     --bg-opacity: 1;
     background-color: rgba(68, 68, 68, var(--bg-opacity))
 }

 .bg-white-100 {
     --bg-opacity: 1;
     background-color: rgba(255, 255, 255, var(--bg-opacity))
 }

 .bg-white-200 {
     --bg-opacity: 1;
     background-color: rgba(241, 241, 241, var(--bg-opacity))
 }

 .bg-error {
     --bg-opacity: 1;
     background-color: rgba(245, 101, 101, var(--bg-opacity))
 }

 .bg-popup {
     background-color: rgba(0, 0, 0, .6)
 }

 .hover\:bg-primary-300:hover {
     --bg-opacity: 1;
     background-color: #e4bf75;
     background-color: rgba(228, 191, 117, var(--bg-opacity))
 }

 .hover\:bg-primary-400:hover {
     --bg-opacity: 1;
     background-color: #ddbc7c;
     background-color: rgba(221, 188, 124, var(--bg-opacity))
 }

 .hover\:bg-black-300:hover {
     --bg-opacity: 1;
     background-color: #373737;
     background-color: rgba(55, 55, 55, var(--bg-opacity))
 }

 .hover\:bg-black-700:hover {
     --bg-opacity: 1;
     background-color: #0e1623;
     background-color: rgba(14, 22, 35, var(--bg-opacity))
 }

 .hover\:bg-gray-100:hover {
     --bg-opacity: 1;
     background-color: #a2a2a2;
     background-color: rgba(162, 162, 162, var(--bg-opacity))
 }

 .hover\:bg-gray-dark:hover {
     --bg-opacity: 1;
     background-color: #050505;
     background-color: rgba(5, 5, 5, var(--bg-opacity))
 }

 .hover\:bg-gray-hover:hover {
     --bg-opacity: 1;
     background-color: #333;
     background-color: rgba(51, 51, 51, var(--bg-opacity))
 }

 .hover\:bg-white-150:hover {
     --bg-opacity: 1;
     background-color: #fbfbfb;
     background-color: rgba(251, 251, 251, var(--bg-opacity))
 }

 .hover\:bg-white-200:hover {
     --bg-opacity: 1;
     background-color: #f1f1f1;
     background-color: rgba(241, 241, 241, var(--bg-opacity))
 }

 .hover\:bg-white-300:hover {
     --bg-opacity: 1;
     background-color: #dfdfdf;
     background-color: rgba(223, 223, 223, var(--bg-opacity))
 }

 .hover\:bg-white-350:hover {
     --bg-opacity: 1;
     background-color: #f5f5f6;
     background-color: rgba(245, 245, 246, var(--bg-opacity))
 }

 .hover\:bg-ice:hover {
     --bg-opacity: 1;
     background-color: #eff9ff;
     background-color: rgba(239, 249, 255, var(--bg-opacity))
 }

 .border-black-100 {
     --border-opacity: 1;
     border-color: rgba(47, 47, 47, var(--border-opacity))
 }

 .border-gray-primary {
     --border-opacity: 1;
     border-color: rgba(68, 68, 68, var(--border-opacity))
 }

 .border-white-200 {
     --border-opacity: 1;
     border-color: rgba(241, 241, 241, var(--border-opacity))
 }

 .border-error {
     --border-opacity: 1;
     border-color: rgba(245, 101, 101, var(--border-opacity))
 }

 .hover\:border-gray-300:hover {
     border-color: rgba(47, 47, 47, .3)
 }

 .hover\:border-ice:hover {
     --border-opacity: 1;
     border-color: #eff9ff;
     border-color: rgba(239, 249, 255, var(--border-opacity))
 }

 .rounded-md {
     border-radius: 6px
 }

 .rounded-full {
     border-radius: 9999px
 }

 .rounded-t {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px
 }

 .last\:rounded-b-lg:last-child {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px
 }

 .border {
     border-width: 1px
 }

 .border-b-0 {
     border-bottom-width: 0
 }

 .border-r-2 {
     border-right-width: 2px
 }

 .border-r {
     border-right-width: 1px
 }

 .border-l {
     border-left-width: 1px
 }

 .last\:border-r-2:last-child {
     border-right-width: 2px
 }

 .first\:border-l-2:first-child {
     border-left-width: 2px
 }

 .cursor-pointer {
     cursor: pointer
 }

 .block {
     display: block
 }

 .flex {
     display: flex
 }

 .grid {
     display: grid
 }

 .hidden {
     display: none
 }

 .flex-row {
     flex-direction: row
 }

 .flex-col {
     flex-direction: column
 }

 .items-start {
     align-items: flex-start
 }

 .items-center {
     align-items: center
 }

 .justify-center {
     justify-content: center
 }

 .justify-between {
     justify-content: space-between
 }

 .flex-1 {
     flex: 1 1 0%
 }

 .flex-shrink-0 {
     flex-shrink: 0
 }

 .font-sans {
     font-family: "Open Sans", sans-serif
 }

 .font-medium {
     font-weight: 500
 }

 .font-bold {
     font-weight: 700
 }

 .h-5 {
     height: 1.25rem
 }

 .h-6 {
     height: 1.5rem
 }

 .h-8 {
     height: 2rem
 }

 .h-auto {
     height: auto
 }

 .h-screen {
     height: 100vh
 }

 .text-c-13 {
     font-size: 13px
 }

 .text-c-14 {
     font-size: 14px
 }

 .leading-4 {
     line-height: 1rem
 }

 .leading-6 {
     line-height: 1.5rem
 }

 .leading-tight {
     line-height: 1.25
 }

 .leading-relaxed {
     line-height: 1.625
 }

 .m-0 {
     margin: 0
 }

 .mx-auto {
     margin-left: auto;
     margin-right: auto
 }

 .mt-0 {
     margin-top: 0
 }

 .mr-1 {
     margin-right: .25rem
 }

 .mb-1 {
     margin-bottom: .25rem
 }

 .mr-2 {
     margin-right: .5rem
 }

 .mb-2 {
     margin-bottom: .5rem
 }

 .ml-2 {
     margin-left: .5rem
 }

 .mr-3 {
     margin-right: .75rem
 }

 .mb-3 {
     margin-bottom: .75rem
 }

 .mr-4 {
     margin-right: 1rem
 }

 .mb-12 {
     margin-bottom: 3rem
 }

 .object-cover {
     -o-object-fit: cover;
     object-fit: cover
 }

 .focus\:outline-none:focus {
     outline: 0
 }

 .overflow-hidden {
     overflow: hidden
 }

 .overflow-x-hidden {
     overflow-x: hidden
 }

 .p-0 {
     padding: 0
 }

 .py-2 {
     padding-top: .5rem;
     padding-bottom: .5rem
 }

 .px-2 {
     padding-left: .5rem;
     padding-right: .5rem
 }

 .px-3 {
     padding-left: .75rem;
     padding-right: .75rem
 }

 .py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem
 }

 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }

 .pr-2 {
     padding-right: .5rem
 }

 .pb-2 {
     padding-bottom: .5rem
 }

 .pl-2 {
     padding-left: .5rem
 }

 .pr-3 {
     padding-right: .75rem
 }

 .pl-3 {
     padding-left: .75rem
 }

 .pb-4 {
     padding-bottom: 1rem
 }

 .pt-6 {
     padding-top: 1.5rem
 }

 .fixed {
     position: fixed
 }

 .relative {
     position: relative
 }

 .top-0 {
     top: 0
 }

 .bottom-0 {
     bottom: 0
 }

 .left-0 {
     left: 0
 }

 .shadow-xs {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
 }

 .shadow-sm {
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
 }

 .shadow-md {
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
 }

 .text-left {
     text-align: left
 }

 .text-black-100 {
     --text-opacity: 1;
     color: rgba(47, 47, 47, var(--text-opacity))
 }

 .text-gray-400 {
     --text-opacity: 1;
     color: rgba(119, 119, 119, var(--text-opacity))
 }

 .text-white-100 {
     --text-opacity: 1;
     color: rgba(255, 255, 255, var(--text-opacity))
 }

 .hover\:text-blue-200:hover {
     --text-opacity: 1;
     color: #4cabf3;
     color: rgba(76, 171, 243, var(--text-opacity))
 }

 .hover\:text-gray-600:hover {
     --text-opacity: 1;
     color: #73939c;
     color: rgba(115, 147, 156, var(--text-opacity))
 }

 .hover\:text-white-100:hover {
     --text-opacity: 1;
     color: #fff;
     color: rgba(255, 255, 255, var(--text-opacity))
 }

 .uppercase {
     text-transform: uppercase
 }

 .capitalize {
     text-transform: capitalize
 }

 .underline {
     text-decoration: underline
 }

 .hover\:underline:hover {
     text-decoration: underline
 }

 .hover\:no-underline:hover {
     text-decoration: none
 }

 .w-5 {
     width: 1.25rem
 }

 .w-6 {
     width: 1.5rem
 }

 .w-12 {
     width: 3rem
 }

 .w-c-65 {
     width: 65px
 }

 .w-c-200 {
     width: 200px
 }

 .w-1\/3 {
     width: 33.333333%
 }

 .w-full {
     width: 100%
 }

 .z-10 {
     z-index: 10
 }

 .z-100 {
     z-index: 100
 }

 .gap-2 {
     grid-gap: .5rem;
     gap: .5rem
 }

 .gap-4 {
     grid-gap: 1rem;
     gap: 1rem
 }

 .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }

 @-webkit-keyframes spin {
     to {
         transform: rotate(1turn)
     }
 }

 @keyframes spin {
     to {
         transform: rotate(1turn)
     }
 }

 @-webkit-keyframes ping {

     75%,
     to {
         transform: scale(2);
         opacity: 0
     }
 }

 @keyframes ping {

     75%,
     to {
         transform: scale(2);
         opacity: 0
     }
 }

 @-webkit-keyframes pulse {
     50% {
         opacity: .5
     }
 }

 @keyframes pulse {
     50% {
         opacity: .5
     }
 }

 @-webkit-keyframes bounce {

     0%,
     to {
         transform: translateY(-25%);
         -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
         animation-timing-function: cubic-bezier(.8, 0, 1, 1)
     }

     50% {
         transform: none;
         -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
         animation-timing-function: cubic-bezier(0, 0, .2, 1)
     }
 }

 @keyframes bounce {

     0%,
     to {
         transform: translateY(-25%);
         -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
         animation-timing-function: cubic-bezier(.8, 0, 1, 1)
     }

     50% {
         transform: none;
         -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
         animation-timing-function: cubic-bezier(0, 0, .2, 1)
     }
 }

 @media (max-width:575.98px) {
     .xs\:space-y-0>:not(template)~:not(template) {
         --space-y-reverse: 0;
         margin-top: calc(0px*(1 - var(--space-y-reverse)));
         margin-bottom: calc(0px*var(--space-y-reverse))
     }

     .xs\:space-y-1>:not(template)~:not(template) {
         --space-y-reverse: 0;
         margin-top: calc(0.25rem*(1 - var(--space-y-reverse)));
         margin-bottom: calc(0.25rem*var(--space-y-reverse))
     }

     .xs\:rounded-none {
         border-radius: 0
     }

     .xs\:flex-col {
         flex-direction: column
     }

     .xs\:items-start {
         align-items: flex-start
     }

     .xs\:font-bold {
         font-weight: 700
     }

     .xs\:h-5 {
         height: 1.25rem
     }

     .xs\:mr-0 {
         margin-right: 0
     }

     .xs\:mr-1 {
         margin-right: .25rem
     }

     .xs\:overflow-x-scroll {
         overflow-x: scroll
     }

     .xs\:px-2 {
         padding-left: .5rem;
         padding-right: .5rem
     }

     .xs\:pl-0 {
         padding-left: 0
     }

     .xs\:pt-2 {
         padding-top: .5rem
     }

     .xs\:pb-2 {
         padding-bottom: .5rem
     }

     .xs\:w-5 {
         width: 1.25rem
     }
 }

 @media (min-width:576px) and (max-width:767.98px) {
     .sm\:block {
         display: block
     }

     .sm\:hidden {
         display: none
     }

     .sm\:flex-row {
         flex-direction: row
     }

     .sm\:items-center {
         align-items: center
     }

     .sm\:justify-between {
         justify-content: space-between
     }

     .sm\:m-0 {
         margin: 0
     }

     .sm\:mt-0 {
         margin-top: 0
     }

     .sm\:shadow-sm {
         box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
     }
 }

 @media (min-width:768px) and (max-width:991.98px) {
     .md\:block {
         display: block
     }

     .md\:inline {
         display: inline
     }

     .md\:flex {
         display: flex
     }

     .md\:hidden {
         display: none
     }

     .md\:flex-row {
         flex-direction: row
     }

     .md\:items-center {
         align-items: center
     }

     .md\:justify-between {
         justify-content: space-between
     }

     .md\:m-0 {
         margin: 0
     }

     .md\:px-0 {
         padding-left: 0;
         padding-right: 0
     }

     .md\:px-1 {
         padding-left: .25rem;
         padding-right: .25rem
     }

     .md\:py-2 {
         padding-top: .5rem;
         padding-bottom: .5rem
     }

     .md\:px-3 {
         padding-left: .75rem;
         padding-right: .75rem
     }

     .md\:w-1\/3 {
         width: 33.333333%
     }

     .md\:grid-cols-1 {
         grid-template-columns: repeat(1, minmax(0, 1fr))
     }
 }

 @media (min-width:992px) and (max-width:1199.98px) {
     .lg\:block {
         display: block
     }

     .lg\:inline {
         display: inline
     }

     .lg\:flex {
         display: flex
     }

     .lg\:hidden {
         display: none
     }

     .lg\:flex-row {
         flex-direction: row
     }

     .lg\:items-center {
         align-items: center
     }

     .lg\:justify-between {
         justify-content: space-between
     }

     .lg\:m-0 {
         margin: 0
     }

     .lg\:mt-0 {
         margin-top: 0
     }

     .lg\:mb-10 {
         margin-bottom: 2.5rem
     }

     .lg\:px-0 {
         padding-left: 0;
         padding-right: 0
     }

     .lg\:px-1 {
         padding-left: .25rem;
         padding-right: .25rem
     }

     .lg\:py-2 {
         padding-top: .5rem;
         padding-bottom: .5rem
     }

     .lg\:px-3 {
         padding-left: .75rem;
         padding-right: .75rem
     }

     .lg\:w-1\/3 {
         width: 33.333333%
     }

     .lg\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
 }

 @media (min-width:1200px) {
     .xl\:block {
         display: block
     }

     .xl\:inline {
         display: inline
     }

     .xl\:flex {
         display: flex
     }

     .xl\:hidden {
         display: none
     }

     .xl\:flex-row {
         flex-direction: row
     }

     .xl\:items-center {
         align-items: center
     }

     .xl\:justify-between {
         justify-content: space-between
     }

     .xl\:m-0 {
         margin: 0
     }

     .xl\:mt-0 {
         margin-top: 0
     }

     .xl\:mb-10 {
         margin-bottom: 2.5rem
     }

     .xl\:px-0 {
         padding-left: 0;
         padding-right: 0
     }

     .xl\:px-1 {
         padding-left: .25rem;
         padding-right: .25rem
     }

     .xl\:py-2 {
         padding-top: .5rem;
         padding-bottom: .5rem
     }

     .xl\:px-3 {
         padding-left: .75rem;
         padding-right: .75rem
     }

     .xl\:w-1\/3 {
         width: 33.333333%
     }

     .xl\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
 }



 body,
 html {
     font-family: "Open Sans", sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #000
 }

 *,
 body,
 html {
     padding: 0;
     margin: 0
 }

 * {
     box-sizing: border-box
 }

 .btn,
 button {
     font-family: "Open Sans", sans-serif !important
 }

 a {
     background-color: transparent;
     cursor: pointer
 }

 a,
 a:hover {
     text-decoration: none
 }

 a,
 h3,
 h5,
 label,
 p,
 span {
     white-space: normal
 }

 input::-webkit-inner-spin-button,
 input::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0
 }

 ::-webkit-input-placeholder {
     font-size: 13px;
     color: #a2a2a2
 }

 ::-moz-placeholder {
     font-size: 13px;
     color: #a2a2a2
 }

 :-ms-input-placeholder {
     font-size: 13px;
     color: #a2a2a2
 }

 :-moz-placeholder {
     font-size: 13px;
     color: #a2a2a2
 }

 .error-validate:first-letter {
     text-transform: capitalize
 }

 .fill-white {
     fill: #fff
 }

 .fill-black {
     fill: #000
 }

 .icon-checked:after {
     content: "";
     position: absolute;
     margin-left: 3px;
     margin-top: 4px;
     width: 8px;
     height: 4px;
     border-bottom: 1px solid #fff;
     border-left: 1px solid #fff;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg)
 }

 .icon-checked-black:after {
     content: "";
     position: absolute;
     margin-left: 3px;
     margin-top: 4px;
     width: 8px;
     height: 4px;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg)
 }

 .pillow-tabs-container {
     flex-wrap: wrap;
     padding: 0;
     justify-content: flex-start
 }

 @media (max-width:768px) {
     .pillow-tabs-container {
         margin-top: 8px
     }
 }

 .pillow-tab {
     flex: 1;
     min-width: fit-content;
     max-width: none;
     border-radius: 12px;
     transition: all .2s cubic-bezier(.4, 0, .2, 1);
     text-align: center;
     overflow: hidden
 }

 .pillow-tab,
 .pillow-tab:focus {
     box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
     outline: none
 }

 .pillow-tab:focus-visible {
     outline: none
 }

 @media (max-width:768px) {
     .pillow-tab {
         padding: 5px 10px;
         font-size: 11px
     }
 }

 @media (max-width:480px) {
     .pillow-tab {
         font-size: 10px
     }
 }

 .pillow-tab:hover {
     background-color: #f8f8f8;
     color: #444;
     transform: translateY(-1px);
     box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
 }

 .pillow-tab--active,
 .pillow-tab--active:hover {
     background-color: #e4bf75;
     color: #1a1a1a;
     transform: translateY(-1px)
 }

 .pillow-tab--active:hover {
     box-shadow: 0 3px 10px rgba(233, 209, 127, .5);
     border-color: #e4bf75
 }

 .pillow-tab__text {
     color: inherit;
     text-shadow: none
 }

 @media (max-width:640px) {
     .pillow-tabs-container {
         justify-content: flex-start
     }

     .pillow-tab {
         flex: 1;
         min-width: 65px;
         max-width: none
     }
 }

 .header-nav-container,
 .time-nav-container {
     background: transparent;
     padding: 8px
 }

 .header-nav-container {
     width: 50%;
     margin: auto
 }

 @media (max-width:768px) {
     .header-nav-container {
         width: 100%
     }
 }

 .race-detail-pillows-container .pillow-tabs-container::-webkit-scrollbar {
     display: none
 }

 .header-nav-grid {
     display: grid;
     grid-template-columns: 49% 49%;
     grid-gap: 2%;
     gap: 2%;
     margin-top: 0;
     align-items: center
 }

 @media (max-width:768px) {
     .header-nav-grid {
         grid-gap: 2%;
         gap: 2%
     }
 }

 @media (max-width:768px) {
     .sports-nav-grid::-webkit-scrollbar {
         display: none
     }
 }

 .racing-time-nav-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
     grid-gap: .5%;
     gap: .5%;
     margin-top: 0;
     align-items: center
 }

 @media (max-width:768px) {
     .racing-time-nav-grid {
         grid-gap: 1%;
         gap: 1%;
         display: flex;
         overflow-x: auto;
         scroll-behavior: smooth;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         -ms-overflow-style: none
     }

     .racing-time-nav-grid::-webkit-scrollbar {
         display: none
     }
 }

 @media (max-width:480px) {
     .racing-time-nav-grid {
         grid-gap: 6px;
         gap: 6px
     }
 }

 .header-nav-pillow,
 .time-nav-pillow {
     display: flex;
     font-size: 12px;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     grid-gap: 8px;
     gap: 8px;
     cursor: pointer;
     text-decoration: none;
     position: relative;
     width: 100%;
     min-height: 36px;
     font-weight: 700;
     background-color: #fff;
     color: #000;
     border: 1px solid hsla(0, 0%, 100%, .8)
 }

 .header-nav-pillow:hover,
 .racing-nav-pillow:hover,
 .sports-nav-pillow:hover,
 .time-nav-pillow:hover {
     background-color: #f8f8f8;
     color: #444;
     transform: translateY(-1px);
     box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
 }

 .header-nav-pillow.pillow-tab--active {
     background-color: #e4bf75;
     color: #1a1a1a;
     border-color: #e4bf75;
     transform: translateY(-1px);
     box-shadow: 0 2px 8px rgba(233, 209, 127, .4)
 }

 .header-nav-pillow.pillow-tab--active .pillow-tab__icon {
     fill: #1a1a1a
 }

 .header-nav-pillow.pillow-tab--active .pillow-tab__text {
     color: #1a1a1a
 }

 .header-nav-pillow.nuxt-link-active:hover,
 .header-nav-pillow.pillow-tab--active:hover,
 .header-nav-pillow.router-link-active:hover,
 .racing-nav-pillow.nuxt-link-active:hover,
 .racing-nav-pillow.pillow-tab--active:hover,
 .racing-nav-pillow.router-link-active:hover,
 .sports-nav-pillow.nuxt-link-active:hover,
 .sports-nav-pillow.pillow-tab--active:hover,
 .sports-nav-pillow.router-link-active:hover,
 .time-nav-pillow.nuxt-link-active:hover,
 .time-nav-pillow.pillow-tab--active:hover,
 .time-nav-pillow.router-link-active:hover {
     background-color: #e4bf75;
     border-color: #e4bf75;
     box-shadow: 0 3px 10px rgba(233, 209, 127, .5)
 }

 .header-nav-pillow {
     padding: 5px 16px;
     min-width: 120px
 }

 @media (max-width:480px) {
     .header-nav-pillow {
         padding: 10px 12px;
         grid-gap: 6px;
         gap: 6px
     }
 }

 .header-nav-pillow .pillow-tab__icon {
     width: 30px;
     height: 30px;
     margin: 0;
     fill: currentColor;
     transition: fill .2s ease;
     flex-shrink: 0
 }

 @media (max-width:768px) {
     .header-nav-pillow .pillow-tab__icon {
         width: 20px;
         height: 20px
     }
 }

 .header-nav-pillow .pillow-tab__text {
     font-size: 14px;
     font-weight: 500;
     text-align: center;
     line-height: 1.2;
     white-space: nowrap
 }

 @media (max-width:768px) {
     .header-nav-pillow .pillow-tab__text {
         font-size: 13px
     }
 }

 @media (max-width:480px) {
     .header-nav-pillow .pillow-tab__text {
         font-size: 12px
     }
 }

 .time-nav-pillow {
     padding: 8px 6px;
     grid-gap: 4px;
     gap: 4px
 }

 @media (max-width:768px) {
     .time-nav-pillow {
         padding: 8px 10px;
         grid-gap: 6px;
         gap: 6px;
         flex-shrink: 0;
         min-width: fit-content
     }
 }

 @media (max-width:480px) {
     .time-nav-pillow {
         padding: 6px 8px;
         grid-gap: 4px;
         gap: 4px
     }
 }

 .time-nav-pillow .pillow-tab__text {
     font-weight: 500;
     text-align: center;
     line-height: 1.2;
     white-space: nowrap
 }

 @media (max-width:768px) {
     .time-nav-pillow .pillow-tab__text {
         font-size: 10px
     }
 }

 @media (max-width:480px) {
     .time-nav-pillow .pillow-tab__text {
         font-size: 9px
     }
 }

 .mx-icon-double-left:after,
 .mx-icon-double-left:before,
 .mx-icon-double-right:after,
 .mx-icon-double-right:before,
 .mx-icon-left:before,
 .mx-icon-right:before {
     content: "";
     position: relative;
     top: -1px;
     display: inline-block;
     width: 10px;
     height: 10px;
     vertical-align: middle;
     border-color: currentcolor;
     border-style: solid;
     border-width: 2px 0 0 2px;
     border-radius: 1px;
     box-sizing: border-box;
     transform-origin: center;
     transform: rotate(-45deg) scale(.7)
 }

 .mx-icon-double-left:after {
     left: -4px
 }

 .mx-icon-double-right:before {
     left: 4px
 }

 .mx-icon-double-right:after,
 .mx-icon-double-right:before,
 .mx-icon-right:before {
     transform: rotate(135deg) scale(.7)
 }

 .mx-btn:hover {
     border-color: #1284e7;
     color: #1284e7
 }

 .mx-scrollbar:hover .mx-scrollbar-track {
     opacity: 1
 }

 .mx-input-wrapper:hover .mx-icon-clear {
     display: block
 }

 .mx-input-wrapper:hover .mx-icon-clear+.mx-icon-calendar {
     display: none
 }

 .mx-input:focus,
 .mx-input:hover {
     border-color: #409aff
 }

 .mx-input:disabled {
     color: #ccc;
     background-color: #f3f3f3;
     border-color: #ccc;
     cursor: not-allowed
 }

 .mx-input:focus {
     outline: none
 }

 .mx-input::-ms-clear {
     display: none
 }

 .mx-icon-clear:hover {
     color: rgba(0, 0, 0, .8)
 }

 .mx-calendar-decade-separator:after {
     content: "~"
 }

 .mx-calendar-content .cell:hover {
     color: #73879c;
     background-color: #f3f9fe
 }

 .mx-calendar-week-mode .mx-date-row:hover {
     background-color: #f3f9fe
 }

 .mx-calendar-week-mode .mx-date-row .cell:hover {
     color: inherit;
     background-color: transparent
 }

 .mx-time-column .mx-time-list:after {
     content: "";
     display: block;
     height: 192px
 }

 .mx-time-column .mx-time-item:hover {
     color: #73879c;
     background-color: #f3f9fe
 }

 .mx-time-option:hover {
     color: #73879c;
     background-color: #f3f9fe
 }

 .racing-flag-container {
     width: 20px;
     height: 20px;
     overflow: hidden;
     -webkit-clip-path: circle(10px at center);
     clip-path: circle(10px at center);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0
 }

 .racing-flag-image {
     width: auto;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center
 }



 .form-input[data-v-59a55bb8]:focus {
     border-color: #21a0ff;
     outline: none
 }

 .form-input[data-v-59a55bb8]::-moz-placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .form-input[data-v-59a55bb8]:-ms-input-placeholder {
     opacity: 1
 }

 .form-input[data-v-59a55bb8]::placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .form-input[data-v-59a55bb8]:-ms-input-placeholder {
     color: #a2a2a2
 }

 .form-input[data-v-59a55bb8] ::-ms-input-placeholder {
     color: #a2a2a2
 }

 .form-input[data-v-59a55bb8]:disabled {
     cursor: not-allowed;
     background: #f5f5f5;
     transition: all .3s ease
 }

 .form-input-secondary[data-v-59a55bb8]:focus {
     border-color: #21a0ff;
     outline: none
 }

 .form-input-secondary[data-v-59a55bb8]::-moz-placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .form-input-secondary[data-v-59a55bb8]:-ms-input-placeholder {
     opacity: 1
 }

 .form-input-secondary[data-v-59a55bb8]::placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .form-input-secondary[data-v-59a55bb8]:-ms-input-placeholder {
     color: #a2a2a2
 }

 .form-input-secondary[data-v-59a55bb8] ::-ms-input-placeholder {
     color: #a2a2a2
 }

 .form-input-secondary[data-v-59a55bb8]:disabled {
     cursor: not-allowed;
     background: #f5f5f5;
     transition: all .3s ease
 }

 .form-input[data-v-6e410a34]:focus {
     border-color: #21a0ff;
     outline: none
 }

 .form-input[data-v-6e410a34]::-moz-placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .form-input[data-v-6e410a34]:-ms-input-placeholder {
     opacity: 1
 }

 .form-input[data-v-6e410a34]::placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .form-input[data-v-6e410a34]:-ms-input-placeholder {
     color: #a2a2a2
 }

 .form-input[data-v-6e410a34] ::-ms-input-placeholder {
     color: #a2a2a2
 }

 .form-input[data-v-6e410a34]:disabled {
     cursor: not-allowed;
     background: #f5f5f5;
     transition: all .3s ease
 }




 .select__selected[data-v-6209d414]:focus {
     border-color: #21a0ff;
     outline: none
 }

 .select__selected[data-v-6209d414]::-moz-placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .select__selected[data-v-6209d414]:-ms-input-placeholder {
     opacity: 1
 }

 .select__selected[data-v-6209d414]::placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .select__selected[data-v-6209d414]:-ms-input-placeholder {
     color: #a2a2a2
 }

 .select__selected[data-v-6209d414] ::-ms-input-placeholder {
     color: #a2a2a2
 }

 .select__selected[data-v-6209d414]:disabled {
     cursor: not-allowed;
     background: #f5f5f5;
     transition: all .3s ease
 }

 .select__options--item[data-v-6209d414]:hover {
     cursor: pointer;
     background-color: #f1f1f1;
     color: #a2a2a2
 }



 .pump-dropdown__item[data-v-b68072c4]:hover {
     background: #f1f1f1
 }


 .stake-primary[data-v-1b765bba]:focus {
     border-color: #21a0ff;
     outline: none
 }

 .stake-primary[data-v-1b765bba]::-moz-placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .stake-primary[data-v-1b765bba]:-ms-input-placeholder {
     opacity: 1
 }

 .stake-primary[data-v-1b765bba]::placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .stake-primary[data-v-1b765bba]:-ms-input-placeholder {
     color: #a2a2a2
 }

 .stake-primary[data-v-1b765bba] ::-ms-input-placeholder {
     color: #a2a2a2
 }

 .stake-primary[data-v-1b765bba]:disabled {
     cursor: not-allowed;
     background: #f5f5f5;
     transition: all .3s ease
 }

 .stake-primary[data-v-1b765bba]:focus {
     border: 1px solid #e9d17f
 }

 .stake-secondary[data-v-1b765bba]:focus {
     border-color: #21a0ff;
     outline: none
 }

 .stake-secondary[data-v-1b765bba]::-moz-placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .stake-secondary[data-v-1b765bba]:-ms-input-placeholder {
     opacity: 1
 }

 .stake-secondary[data-v-1b765bba]::placeholder {
     color: #a2a2a2;
     opacity: 1
 }

 .stake-secondary[data-v-1b765bba]:-ms-input-placeholder {
     color: #a2a2a2
 }

 .stake-secondary[data-v-1b765bba] ::-ms-input-placeholder {
     color: #a2a2a2
 }

 .stake-secondary[data-v-1b765bba]:disabled {
     cursor: not-allowed;
     background: #f5f5f5;
     transition: all .3s ease
 }

 .stake-secondary[data-v-1b765bba]:focus {
     border: 1px solid #e9d17f
 }

 .stake-material[data-v-1b765bba]:focus {
     outline: none;
     border-bottom: 2px solid #e9d17f
 }



 .chechbox .checkmark[data-v-18130590]:after {
     content: "";
     position: absolute;
     display: none;
     left: 6px;
     top: 2px;
     width: 7px;
     height: 12px;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg)
 }

 .chechbox input:checked~.checkmark[data-v-18130590] {
     background-color: #e4bf75;
     transition: all .3s ease
 }

 .chechbox input:checked~.checkmark[data-v-18130590]:after {
     display: block
 }

 .circular-checkmark[data-v-18130590]:hover {
     box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
 }

 .circular-checkmark.checked[data-v-18130590]:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, .2)
 }

 .pill-checkmark[data-v-18130590]:hover {
     box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
 }

 .pill-checkmark.checked[data-v-18130590]:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, .2)
 }

 .quaddie-pill[data-v-18130590]:hover {
     background-color: rgba(251, 191, 36, .1);
     box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
 }

 .quaddie-pill.checked[data-v-18130590]:hover {
     background-color: #e4bf75;
     box-shadow: 0 4px 12px rgba(0, 0, 0, .2)
 }


 .refresh-rotate[data-v-6d3db341]:active {
     transform: rotate(0deg);
     transition: 0s
 }

 .open-rotage[data-v-6d3db341]:active {
     transform: rotate(0deg);
     transition: 0s
 }


 /* Extracted from index.html */


 .btn[data-v-5a8cc55c] {
     font-size: 14px;
     font-weight: 500;
     line-height: 1.25;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 11px 34px;
     border-radius: 4px;
     transition: all .2s ease
 }

 .btn[data-v-5a8cc55c]:focus {
     outline: none
 }

 .btn[data-v-5a8cc55c]:disabled {
     opacity: .5;
     cursor: not-allowed
 }

 @media (max-width:568px) {
     .rps[data-v-5a8cc55c] {
         padding: 7px 9px
     }
 }


 .race-item[data-v-7bba3aec] {
     display: grid;
     grid: auto-flow min-content/max-content 1fr max-content;
     padding: 0 4px
 }

 .span-timer[data-v-7bba3aec] {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .combined-button-wrapper[data-v-d09a7d20] {
     border-radius: 4px;
     overflow: hidden;
     height: 40px;
     margin-left: 8px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
 }

 .bet-slip-section[data-v-d09a7d20],
 .my-bets-section[data-v-d09a7d20] {
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all .2s ease;
     min-width: 50px;
     padding: 4px 18px
 }

 .bet-slip-section .button-content[data-v-d09a7d20],
 .my-bets-section .button-content[data-v-d09a7d20] {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center
 }

 .bet-slip-section .button-label[data-v-d09a7d20],
 .my-bets-section .button-label[data-v-d09a7d20] {
     font-size: 10px;
     font-weight: 600;
     white-space: nowrap;
     line-height: 1
 }

 .bet-slip-section .count-number[data-v-d09a7d20],
 .my-bets-section .count-number[data-v-d09a7d20] {
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
     margin-top: 2px
 }

 .my-bets-section[data-v-d09a7d20] {
     background: rgba(68, 68, 68, var(--bg-opacity));
     color: #000;
     border-right: 1px solid rgba(0, 0, 0, .1)
 }

 .bet-slip-section[data-v-d09a7d20] {
     color: #000
 }

 .bet-slip-section[data-v-d09a7d20],
 .bet-slip-section[data-v-d09a7d20]:hover {
     background: #e4bf75
 }

 @media (max-width:767px) {
     .combined-button-wrapper[data-v-d09a7d20] {
         height: 32px;
         margin-left: 4px
     }

     .bet-slip-section[data-v-d09a7d20],
     .my-bets-section[data-v-d09a7d20] {
         min-width: 40px;
         padding: 2px 6px
     }

     .bet-slip-section .button-label[data-v-d09a7d20],
     .my-bets-section .button-label[data-v-d09a7d20] {
         font-size: 8px
     }

     .bet-slip-section .count-number[data-v-d09a7d20],
     .my-bets-section .count-number[data-v-d09a7d20] {
         font-size: 11px
     }
 }

 @media (min-width:768px) and (max-width:991px) {
     .combined-button-wrapper[data-v-d09a7d20] {
         height: 36px;
         margin-left: 6px
     }

     .bet-slip-section[data-v-d09a7d20],
     .my-bets-section[data-v-d09a7d20] {
         min-width: 45px;
         padding: 3px 8px
     }

     .bet-slip-section .button-label[data-v-d09a7d20],
     .my-bets-section .button-label[data-v-d09a7d20] {
         font-size: 9px
     }

     .bet-slip-section .count-number[data-v-d09a7d20],
     .my-bets-section .count-number[data-v-d09a7d20] {
         font-size: 12px
     }
 }

 .combined-button-wrapper[data-v-d09a7d20] {
     display: flex
 }




 .betslip-desktop[data-v-2ed64672],
 .betslip-mobile[data-v-2ed64672] {
     display: none !important
 }

 .header__logo[data-v-2ed64672] {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: pointer
 }

 .header__actions[data-v-2ed64672] {
     display: flex;
     align-items: center;
     justify-content: center;
     padding-right: 12px
 }

 .race-item[data-v-2ed64672]:hover {
     opacity: .8
 }




 .loader[data-v-8f69b694]:before {
     content: "";
     display: block;
     padding-top: 100%
 }

 @-webkit-keyframes rotate-data-v-8f69b694 {
     to {
         transform: rotate(1turn)
     }
 }

 @keyframes rotate-data-v-8f69b694 {
     to {
         transform: rotate(1turn)
     }
 }

 @-webkit-keyframes dash-data-v-8f69b694 {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0
     }

     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35px
     }

     to {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124px
     }
 }

 @keyframes dash-data-v-8f69b694 {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0
     }

     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35px
     }

     to {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124px
     }
 }


 .sidenav-container[data-v-ce47c6ea] {
     height: 100%;
     width: 100%
 }

 .sidenav__nav-list-link[data-v-ce47c6ea]:hover {
     background-color: #444
 }


 /* Extracted from index.html */
 .header-wrapper[data-v-392ea782] {
     position: fixed;
     left: 0;
     width: 100%;
     height: auto;
     z-index: 10;
     box-sizing: border-box
 }



 .chatContainer[data-v-350f00a4] .btn-darkGold:hover p {
     color: #fff !important;
     transition: all .2s ease
 }




 input[data-v-6df84ca2]::-moz-placeholder {
     color: grey;
     font-size: 21px
 }

 input[data-v-6df84ca2]:-ms-input-placeholder {
     color: grey;
     font-size: 21px
 }

 input[data-v-6df84ca2]::placeholder {
     color: grey;
     font-size: 21px
 }

 input[data-v-6df84ca2]:focus {
     outline: none
 }



 .hide-scrollbar[data-v-091412f0]::-webkit-scrollbar,
 .iq-content-scroll[data-v-091412f0]::-webkit-scrollbar {
     display: none
 }


 /* Extracted from index.html */
 .display-timer[data-v-5ad27b4b] {
     overflow: hidden;
     text-overflow: hidden;
     white-space: nowrap;
     border-radius: 20px;
     font-size: 10px;
     width: 50px;
     text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums
 }




 .boost-tile[data-v-555112bf]:hover {
     border-color: #e4bf75;
     box-shadow: 0 2px 6px rgba(0, 0, 0, .08)
 }



 .toggle-btn[data-v-91c4a59a]:hover {
     background: #decb87
 }






 .main[data-v-1ed9d02e] {
     padding-top: 68px
 }

 @media (min-width:768px) {
     .main[data-v-1ed9d02e] {
         padding-top: 66px
     }
 }

 @media (min-width:992px) {
     .main.notHome[data-v-1ed9d02e] {
         padding-top: 111px
     }
 }

 .main .main-container[data-v-1ed9d02e] {
     width: 100%;
     min-height: 100vh
 }

 @media screen and (min-width:1024px) {
     .main .main-container[data-v-1ed9d02e] {
         width: calc(100% - 175px)
     }
 }

 .main .wrapper__left[data-v-1ed9d02e] {
     min-width: 175px;
     overflow: hidden
 }


 /* Extracted from index.html */
 .sidebar-item-hover[data-v-69719aa6]:hover {
     background-color: #f5f5f6
 }


 /* Extracted from index.html */
 .sidebar-item-hover[data-v-a655fc4e]:hover {
     background-color: #f5f5f6
 }


 /* Extracted from index.html */
 .sidebar-item-hover[data-v-1855b45f]:hover {
     background-color: #f5f5f6
 }




 @media (max-width:639px) {
     [data-component=banner-home] {
         min-height: calc(15.58846vw + 12px)
     }
 }

 [data-component=banner-home] .banner-img-desktop {
     width: 100%;
     aspect-ratio: 1283/200;
     -o-object-fit: cover;
     object-fit: cover
 }

 [data-component=banner-home] .banner-img-mobile {
     width: 100%;
     height: auto
 }


 .menu-bottom[data-v-51cdafdc] {
     transition: transform .2s
 }

 .menu-bottom[data-v-51cdafdc] :deep(.svg-icon),
 .menu-bottom[data-v-51cdafdc] :deep([class*=svg-icon]),
 .menu-bottom[data-v-51cdafdc] :deep(svg-icon) {
     filter: brightness(0) invert(1) !important
 }

 .menu-bottom :deep(.svg-icon) *[data-v-51cdafdc],
 .menu-bottom :deep(.svg-icon) g[data-v-51cdafdc],
 .menu-bottom :deep(.svg-icon) path[data-v-51cdafdc],
 .menu-bottom :deep(.svg-icon) svg[data-v-51cdafdc],
 .menu-bottom :deep([class*=svg-icon]) *[data-v-51cdafdc],
 .menu-bottom :deep([class*=svg-icon]) g[data-v-51cdafdc],
 .menu-bottom :deep([class*=svg-icon]) path[data-v-51cdafdc],
 .menu-bottom :deep([class*=svg-icon]) svg[data-v-51cdafdc],
 .menu-bottom :deep(svg-icon) *[data-v-51cdafdc],
 .menu-bottom :deep(svg-icon) g[data-v-51cdafdc],
 .menu-bottom :deep(svg-icon) path[data-v-51cdafdc],
 .menu-bottom :deep(svg-icon) svg[data-v-51cdafdc] {
     fill: #fff !important;
     stroke: #fff !important
 }

 .menu-bottom[data-v-51cdafdc] :deep(svg) {
     filter: brightness(0) invert(1) !important
 }

 .menu-bottom :deep(svg) *[data-v-51cdafdc],
 .menu-bottom :deep(svg) g[data-v-51cdafdc],
 .menu-bottom :deep(svg) path[data-v-51cdafdc] {
     fill: #fff !important;
     stroke: #fff !important
 }



 .footer[data-v-20fc8c20],
 .footer .top-content[data-v-20fc8c20] {
     background-color: #f5f5f5
 }

 .footer .top-content[data-v-20fc8c20] {
     padding: 35px 35px 0
 }

 @media (max-width:768px) {
     .footer .top-content[data-v-20fc8c20] {
         padding: 20px
     }
 }

 .footer .top-content .footer-content-wrapper[data-v-20fc8c20] {
     display: flex;
     flex-wrap: wrap;
     grid-gap: 20px;
     gap: 20px;
     align-items: flex-start
 }

 @media (max-width:768px) {
     .footer .top-content .footer-content-wrapper[data-v-20fc8c20] {
         flex-direction: column;
         grid-gap: 16px;
         gap: 16px
     }
 }

 .footer .top-content .footer-columns[data-v-20fc8c20] {
     display: grid;
     grid-gap: 8px;
     gap: 8px;
     grid-template-columns: max-content max-content;
     grid-column-gap: 32px;
     -moz-column-gap: 32px;
     column-gap: 32px;
     flex: 0 0 auto
 }

 @media (max-width:768px) {
     .footer .top-content .footer-columns[data-v-20fc8c20] {
         grid-template-columns: 1fr 1fr;
         grid-column-gap: 16px;
         -moz-column-gap: 16px;
         column-gap: 16px;
         grid-gap: 8px;
         gap: 8px
     }
 }

 .footer .top-content .partners-box[data-v-20fc8c20] {
     flex: 1 1 320px;
     min-width: 280px;
     padding: 0 12px;
     align-self: flex-start
 }

 @media (max-width:768px) {
     .footer .top-content .partners-box[data-v-20fc8c20] {
         flex: none;
         align-self: stretch
     }
 }

 .footer .top-content .partners-box__title[data-v-20fc8c20] {
     color: #000;
     font-weight: 700;
     font-size: 14px;
     line-height: 1;
     text-align: center;
     margin-bottom: 12px
 }

 .footer .top-content .partners-box__grid[data-v-20fc8c20] {
     display: grid;
     grid-template-columns: repeat(5, minmax(0, 1fr));
     align-items: center;
     justify-items: center;
     grid-gap: 8px 10px;
     gap: 8px 10px
 }

 @media (max-width:480px) {
     .footer .top-content .partners-box__grid[data-v-20fc8c20] {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
 }

 .footer .top-content .partners-box__logo[data-v-20fc8c20] {
     width: 100%;
     max-width: 56px;
     height: 32px;
     -o-object-fit: contain;
     object-fit: contain
 }

 .footer .top-content .footer-rg-message[data-v-20fc8c20] {
     flex: 1 1 320px;
     display: flex;
     align-items: flex-start;
     grid-gap: 8px;
     gap: 8px
 }

 @media (max-width:768px) {
     .footer .top-content .footer-rg-message[data-v-20fc8c20] {
         flex: none;
         width: 100%
     }
 }

 .footer .top-content .footer-rg-message__18logo[data-v-20fc8c20] {
     width: 56px;
     height: 56px;
     flex-shrink: 0
 }

 .footer .top-content .footer-rg-message span[data-v-20fc8c20] {
     font-size: 13px;
     line-height: 1.5
 }

 .footer .top-content .col[data-v-20fc8c20] {
     display: flex;
     flex-direction: column
 }

 @media (max-width:768px) {
     .footer .top-content .col[data-v-20fc8c20] {
         padding-top: 16px
     }
 }

 .footer .top-content .col__link[data-v-20fc8c20]:hover {
     color: #333
 }

 .footer .copyright-section[data-v-20fc8c20] {
     background-color: #f5f5f5;
     padding: 10px 35px
 }

 @media (max-width:768px) {
     .footer .copyright-section[data-v-20fc8c20] {
         padding: 20px
     }
 }

 .footer .copyright-section .copyright-info[data-v-20fc8c20] {
     display: flex;
     grid-gap: 20px;
     gap: 20px;
     justify-content: flex-start
 }

 @media (max-width:768px) {
     .footer .copyright-section .copyright-info[data-v-20fc8c20] {
         flex-direction: column;
         grid-gap: 5px;
         gap: 5px
     }
 }

 .footer .copyright-section .copyright-info span[data-v-20fc8c20] {
     color: #000;
     font-size: 14px;
     line-height: 18px
 }


 .col[data-v-38913570] {
     text-overflow: ellipsis
 }

 .col__header[data-v-38913570] {
     color: #000;
     font-weight: 700;
     line-height: 1;
     padding-bottom: 4px;
     font-size: 14px
 }

 .col__link[data-v-38913570] {
     line-height: 45px
 }

 .col__link[data-v-38913570]:hover {
     color: #333
 }


 .col__link[data-v-31e74766] {
     position: relative;
     display: flex;
     align-items: center;
     font-size: 12px;
     padding: 4px 0;
     color: #000;
     white-space: nowrap;
     transition: all .3s ease;
     overflow: hidden;
     text-overflow: ellipsis
 }

 @media (max-width:768px) {
     .col__link[data-v-31e74766] {
         font-size: 13px;
         line-height: 29px
     }
 }

 .col__link[data-v-31e74766]:hover {
     color: #333
 }


 /* Extracted from index.html */
 @-webkit-keyframes notification-bounce-data-v-48d22378 {
     0% {
         transform: translateY(-100%);
         opacity: 0
     }

     50% {
         transform: translateY(15px);
         opacity: 1
     }

     70% {
         transform: translateY(-5px);
         opacity: 1
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 @keyframes notification-bounce-data-v-48d22378 {
     0% {
         transform: translateY(-100%);
         opacity: 0
     }

     50% {
         transform: translateY(15px);
         opacity: 1
     }

     70% {
         transform: translateY(-5px);
         opacity: 1
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }




 .mobile-app-banner__close[data-v-28390e43]:hover {
     opacity: .8
 }

 .mobile-app-banner__btn[data-v-28390e43]:hover {
     opacity: .9
 }

 .mobile-app-banner__continue[data-v-28390e43]:hover {
     color: #aaa
 }


 /* Extracted from index.html */
 :root {
     --swiper-theme-color: #007aff
 }

 .swiper-container {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1
 }

 .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     box-sizing: content-box
 }

 .swiper-container-pointer-events {
     touch-action: pan-y
 }

 .swiper-slide {
     flex-shrink: 0;
     height: 100%;
     position: relative;
     transition-property: transform
 }

 .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
     display: none
 }

 :root {
     --swiper-navigation-size: 44px
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-family: swiper-icons;
     font-size: 44px;
     font-size: var(--swiper-navigation-size);
     text-transform: none !important;
     letter-spacing: 0;
     text-transform: none;
     font-feature-settings: normal, ;
     font-variant: normal;
     line-height: 1
 }

 .swiper-button-prev:after,
 .swiper-container-rtl .swiper-button-next:after {
     content: "prev"
 }

 .swiper-button-next:after,
 .swiper-container-rtl .swiper-button-prev:after {
     content: "next"
 }

 @-webkit-keyframes swiper-preloader-spin {
     to {
         transform: rotate(1turn)
     }
 }

 @keyframes swiper-preloader-spin {
     to {
         transform: rotate(1turn)
     }
 }

 .swiper-container-cube .swiper-cube-shadow:before {
     content: "";
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     filter: blur(50px)
 }


 .hide-scrollbar[data-v-138ed34a]::-webkit-scrollbar {
     display: none
 }



 .next-info[data-v-f9718f9e] {
     min-width: 162px
 }

 @media (max-width:568px) {
     .next-info[data-v-f9718f9e] {
         min-height: 69px
     }
 }

 .next-card-hover[data-v-f9718f9e]:hover {
     background-color: #f5f5f6
 }



 .next-info[data-v-8c061204] {
     min-width: 162px
 }

 @media (max-width:568px) {
     .next-info[data-v-8c061204] {
         min-height: 69px
     }
 }

 @media (min-width:569px) {
     .next-info[data-v-8c061204] {
         min-height: 48px;
         padding-left: 0;
         padding-right: 0
     }
 }

 .next-card-hover[data-v-8c061204]:hover {
     background-color: #f5f5f6
 }




 .customBtn[data-v-279ac2a1]:focus {
     outline: none
 }


 /* Extracted from index.html */
 .next-to-go-hover[data-v-5f527871]:hover {
     background-color: #f5f5f6
 }

 .race-cell:hover {
     --bg-opacity: 1;
     background-color: #dfdfdf;
     background-color: rgba(223, 223, 223, var(--bg-opacity))
 }



 .race-closed:hover {
     --bg-opacity: 1;
     background-color: #dfdfdf;
     background-color: rgba(223, 223, 223, var(--bg-opacity))
 }



 .customBtn[data-v-8e2c785a]:focus {
     outline: none
 }

 .date-input-inline[data-v-8e2c785a]:hover {
     border-color: #9ca3af
 }

 .date-input-inline[data-v-8e2c785a]:focus {
     outline: none;
     border-color: #e9d17f;
     box-shadow: 0 0 0 3px rgba(251, 191, 36, .1)
 }

 .date-input-inline[data-v-8e2c785a]::-webkit-calendar-picker-indicator {
     cursor: pointer;
     opacity: .6
 }

 .date-input-inline[data-v-8e2c785a]::-webkit-calendar-picker-indicator:hover {
     opacity: .8
 }

 .date-input-inline[data-v-8e2c785a]::-moz-focus-inner {
     border: 0
 }

 .go-button[data-v-8e2c785a]:hover:not(:disabled) {
     background-color: #f8f8f8;
     color: #444;
     transform: translateY(-1px);
     box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
 }

 .go-button[data-v-8e2c785a]:active:not(:disabled) {
     background-color: #e4bf75;
     color: #1a1a1a;
     border-color: #e4bf75;
     transform: translateY(-1px);
     box-shadow: 0 2px 8px rgba(233, 209, 127, .4)
 }

 .go-button[data-v-8e2c785a]:disabled {
     opacity: .5;
     cursor: not-allowed;
     transform: none
 }

 .material-select-dropdown__field[data-v-70ee647c]:hover {
     border-bottom-color: rgba(0, 0, 0, .87)
 }

 .material-select-dropdown__field[data-v-70ee647c]:focus {
     border-bottom-color: rgba(0, 0, 0, .42);
     border-bottom-width: 2px;
     padding-bottom: 7px
 }

 .material-select-dropdown__field:focus~.material-select-dropdown__label[data-v-70ee647c] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42)
 }

 .material-select-dropdown__field--error[data-v-70ee647c]:hover {
     border-bottom-color: #d32f2f
 }

 .material-select-dropdown__field--error[data-v-70ee647c]:focus {
     border-bottom-color: #d32f2f;
     border-bottom-width: 2px
 }

 .material-input__field[data-v-70ee647c]:hover {
     border-bottom-color: rgba(0, 0, 0, .87)
 }

 .material-input__field[data-v-70ee647c]:focus {
     border-bottom-color: rgba(0, 0, 0, .42);
     border-bottom-width: 2px;
     padding-bottom: 7px
 }

 .material-input__field:not(:-moz-placeholder-shown)~.material-input__label[data-v-70ee647c] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42);
     font-weight: 400
 }

 .material-input__field:not(:-ms-input-placeholder)~.material-input__label[data-v-70ee647c] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42);
     font-weight: 400
 }

 .material-input__field:focus~.material-input__label[data-v-70ee647c],
 .material-input__field:not(:placeholder-shown)~.material-input__label[data-v-70ee647c] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42);
     font-weight: 400
 }

 .material-input__field--error[data-v-70ee647c]:hover {
     border-bottom-color: #d32f2f
 }

 .material-input__field--error[data-v-70ee647c]:focus {
     border-bottom-color: #d32f2f;
     border-bottom-width: 2px
 }

 .material-input__field:not(:-moz-placeholder-shown)~.material-input__hint[data-v-70ee647c] {
     top: 0;
     font-size: 10px
 }

 .material-input__field:not(:-ms-input-placeholder)~.material-input__hint[data-v-70ee647c] {
     top: 0;
     font-size: 10px
 }

 .material-input__field:focus~.material-input__hint[data-v-70ee647c],
 .material-input__field:not(:placeholder-shown)~.material-input__hint[data-v-70ee647c] {
     top: 0;
     font-size: 10px
 }

 .compliance-statements__link[data-v-70ee647c]:hover {
     color: #8c6a36
 }



 .material-autocomplete__field[data-v-918a30b2]:hover {
     border-bottom-color: rgba(0, 0, 0, .87)
 }

 .material-autocomplete__field[data-v-918a30b2]:focus {
     border-bottom-color: rgba(0, 0, 0, .42);
     border-bottom-width: 2px;
     padding-bottom: 7px
 }

 .material-autocomplete__field:not(:-moz-placeholder-shown)~.material-autocomplete__label[data-v-918a30b2] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42);
     font-weight: 400
 }

 .material-autocomplete__field:not(:-ms-input-placeholder)~.material-autocomplete__label[data-v-918a30b2] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42);
     font-weight: 400
 }

 .material-autocomplete__field:focus~.material-autocomplete__label[data-v-918a30b2],
 .material-autocomplete__field:not(:placeholder-shown)~.material-autocomplete__label[data-v-918a30b2] {
     top: 0;
     font-size: 12px;
     color: rgba(0, 0, 0, .42);
     font-weight: 400
 }

 .material-autocomplete__field--error[data-v-918a30b2]:hover {
     border-bottom-color: #d32f2f
 }

 .material-autocomplete__field--error[data-v-918a30b2]:focus {
     border-bottom-color: #d32f2f;
     border-bottom-width: 2px
 }



 .chechbox input:checked~.checkmark[data-v-1e60ce74] {
     color: #000;
     background: #e4bf75;
     transition: all .3s ease
 }

 .chechbox input:checked~.checkmark[data-v-1e60ce74]:after {
     display: block;
     transition: all .3s ease
 }




 .range[data-v-00e33fd1]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     border: 2px solid #b88746;
     background-color: #dfdfdf;
     cursor: pointer
 }

 .thoroughbreds[data-v-00e33fd1]::-webkit-slider-thumb {
     background-repeat: no-repeat;
     background: url(../img/horse-racing-silhouette.svg);
     background-position: 50%;
     background-color: #b88746
 }

 .greyhound[data-v-00e33fd1]::-webkit-slider-thumb {
     background: url(../img/greyhound-racing-silhouette.svg);
     background-repeat: no-repeat;
     background-position: 50%;
     background-color: #b88746
 }

 .harness[data-v-00e33fd1]::-webkit-slider-thumb {
     background: url(../img/harness-racing-silhouette.svg);
     background-repeat: no-repeat;
     background-position: 50%;
     background-color: #b88746
 }





 input[type=checkbox]:checked~span.on[data-v-aee6fba8] {
     background-color: #fff;
     color: #000
 }

 input[type=checkbox]:checked~span.off[data-v-aee6fba8] {
     background-color: transparent;
     color: #000
 }


 .icon-checkmark[data-v-1077f97b]:after {
     content: "";
     position: absolute;
     margin-left: 3px;
     margin-top: 4px;
     width: 8px;
     height: 4px;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg)
 }


 /* Extracted from index.html */
 .sf-hidden {
     display: none !important
 }


 /* Extracted from index.html */
 img[src="data:,"],
 source[src="data:,"] {
     display: none !important
 }


 /* Extracted from index.html */
 @keyframes intercom-lightweight-app-launcher {
     from {
         opacity: 0;
         transform: scale(0.5)
     }

     to {
         opacity: 1;
         transform: scale(1)
     }
 }

 @keyframes intercom-lightweight-app-gradient {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes intercom-lightweight-app-messenger {
     0% {
         opacity: 0;
         transform: scale(0)
     }

     40% {
         opacity: 1
     }

     100% {
         transform: scale(1)
     }
 }

 .intercom-lightweight-app {
     position: fixed;
     z-index: 2147483001;
     width: 0;
     height: 0;
     font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
 }

 .intercom-lightweight-app-launcher:hover {
     transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
     transform: scale(1.1)
 }

 .intercom-lightweight-app-launcher:active {
     transform: scale(0.85);
     transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1)
 }

 .intercom-lightweight-app-launcher:focus {
     outline: none
 }


 /* Extracted inline style attributes */
 .extracted-inline-1 {
     top: 0px
 }

 .extracted-inline-2 {
     min-height: 40px
 }

 .extracted-inline-3 {
     display: none
 }

 .extracted-inline-4 {
     transition-duration: 0ms;
     transform: translate3d(0px, 0px, 0px)
 }

 .extracted-inline-5 {
     width: 216.167px
 }

 .extracted-inline-6 {
     font-size: 9px;
     min-width: 57px;
     padding: 3px 0px
 }

 .extracted-inline-7 {
     color: white
 }

 .extracted-inline-8 {
     padding: 14px 15px
 }
.p-8 {
    padding: 2rem;
}
 .extracted-inline-9 {
     padding: 6px 7px 6px 9px;
     transition: 0.2s
 }

 .extracted-inline-10 {
     transform: translate3d(-6440px, 0px, 0px);
     transition-duration: 0ms
 }

 .extracted-inline-11 {
     width: 1283px;
     margin-right: 5px
 }

 .extracted-inline-12 {
     aspect-ratio: 3.02927/1
 }

 .extracted-inline-13 {
     gap: 12px
 }

 .extracted-inline-14 {
     padding: 5px 12px;
     transition: 0.2s ease-in-out;
     min-height: 48px
 }

 .extracted-inline-15 {
     padding: 10px 15px;
     transition: 0.2s ease-in-out
 }

 .next-info[data-v-8c061204] {
     padding: 10px 15px;
     transition: 0.2s ease-in-out;
 }:root {
  --colossal-black: #050505;
  --colossal-dark: #151515;
  --colossal-gray: #eeeeee;
  --colossal-text: #2e2e2e;
  --colossal-muted: #777777;
  --colossal-gold: #e5c371;
  --colossal-gold-dark: #c79f42;
  --colossal-white: #ffffff;
  --colossal-radius: 10px;
  --colossal-shadow: 0 12px 38px rgba(0, 0, 0, 0.24);
}

body.colossal-modal-open {
  overflow: hidden;
}

.colossal-age {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.colossal-age.is-active {
  display: flex;
}

.colossal-age__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 5, 5, 0.72);
  backdrop-filter: blur(4px);
}

.colossal-age__panel {
  position: relative;
  width: min(100%, 440px);
  background: var(--colossal-white);
  border-radius: var(--colossal-radius);
  box-shadow: var(--colossal-shadow);
  padding: 28px;
  text-align: center;
  border-top: 6px solid var(--colossal-gold);
}

.colossal-age__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--colossal-gold);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 4px;
}

.colossal-age__logo {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  background: var(--colossal-gold);
  color: var(--colossal-black);
  border-radius: 9px;
  font-weight: 900;
  letter-spacing: 0;
}

.colossal-age__title {
  margin: 0 0 12px;
  color: var(--colossal-text);
  font-size: 26px;
  line-height: 1.2;
}

.colossal-age__text {
  margin: 0;
  color: var(--colossal-muted);
  font-size: 15px;
  line-height: 1.6;
}

.colossal-age__actions {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.colossal-age__button {
  height: 46px;
  border: 0;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.colossal-age__button:hover {
  transform: translateY(-1px);
}

.colossal-age__button--primary {
  background: var(--colossal-gold);
  color: var(--colossal-black);
  box-shadow: 0 8px 18px rgba(229, 195, 113, 0.35);
}

.colossal-age__button--primary:hover {
  background: var(--colossal-gold-dark);
}

.colossal-age__button--secondary {
  background: var(--colossal-dark);
  color: var(--colossal-white);
}

.colossal-age__button--secondary:hover {
  background: var(--colossal-black);
}

.colossal-age__notice {
  margin: 18px 0 0;
  color: var(--colossal-muted);
  font-size: 12px;
}

.colossal-cookies {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  display: none;
  padding: 18px;
}

.colossal-cookies.is-active {
  display: block;
}

.colossal-cookies__panel {
  width: min(100%, 1180px);
  margin: 0 auto;
  background: var(--colossal-white);
  border-radius: var(--colossal-radius);
  box-shadow: var(--colossal-shadow);
  padding: 18px;
  border-left: 6px solid var(--colossal-gold);
}

.colossal-cookies__main {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.colossal-cookies__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  background: var(--colossal-black);
  color: var(--colossal-gold);
  border-radius: 9px;
  font-size: 22px;
  font-weight: 900;
}

.colossal-cookies__content {
  flex: 1;
}

.colossal-cookies__title {
  margin: 0 0 6px;
  color: var(--colossal-text);
  font-size: 18px;
}

.colossal-cookies__text {
  margin: 0;
  color: var(--colossal-muted);
  font-size: 14px;
  line-height: 1.5;
}

.colossal-cookies__settings {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 16px;
}

.colossal-cookies__settings.is-active {
  display: grid;
}

.colossal-cookies__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  background: #fafafa;
}

.colossal-cookies__option strong {
  display: block;
  color: var(--colossal-text);
  font-size: 14px;
  margin-bottom: 3px;
}

.colossal-cookies__option small {
  display: block;
  color: var(--colossal-muted);
  font-size: 12px;
  line-height: 1.4;
}

.colossal-cookies__option input {
  width: 18px;
  height: 18px;
  accent-color: var(--colossal-gold);
}

.colossal-cookies__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.colossal-cookies__button {
  height: 42px;
  padding: 0 18px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  border: 0;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.colossal-cookies__button:hover {
  transform: translateY(-1px);
}

.colossal-cookies__button--primary {
  background: var(--colossal-gold);
  color: var(--colossal-black);
  box-shadow: 0 8px 18px rgba(229, 195, 113, 0.3);
}

.colossal-cookies__button--primary:hover {
  background: var(--colossal-gold-dark);
}

.colossal-cookies__button--secondary {
  background: var(--colossal-dark);
  color: var(--colossal-white);
}

.colossal-cookies__button--secondary:hover {
  background: var(--colossal-black);
}

.colossal-cookies__button--ghost {
  background: #f1f1f1;
  color: var(--colossal-text);
}

.colossal-cookies__button--ghost:hover {
  background: #e7e7e7;
}

.colossal-cookies__button--save {
  display: none;
}

.colossal-cookies__button--save.is-active {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 860px) {
  .colossal-cookies__settings {
    grid-template-columns: 1fr;
  }

  .colossal-cookies__actions {
    flex-direction: column;
  }

  .colossal-cookies__button {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .colossal-age__panel {
    padding: 24px 18px;
  }

  .colossal-age__brand {
    font-size: 18px;
    letter-spacing: 3px;
  }

  .colossal-cookies {
    padding: 10px;
  }

  .colossal-cookies__panel {
    padding: 14px;
  }

  .colossal-cookies__main {
    align-items: flex-start;
  }
}