@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){::-ms-backdrop{--tw-outline-style:solid}*,:before,:after,::backdrop{--tw-outline-style:solid}}}.carousel-nav__dot{border:2px solid var(--color-brand-blue);border-radius:var(--radius-full);cursor:pointer;background:0 0;width:12px;height:12px;padding:0;transition:background-color .3s}.carousel-nav__dot:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-brand-blue,var(--color-brand-blue))}.carousel-nav__dot--active{background-color:var(--color-brand-blue,var(--color-brand-blue))}.carousel-nav__arrow{cursor:pointer;color:var(--color-brand-blue,var(--color-brand-blue));transition:opacity .3s}.carousel-nav__arrow:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-brand-blue,var(--color-brand-blue))}.carousel-nav__arrow:disabled{pointer-events:none;opacity:.4}@media(prefers-reduced-motion:reduce){.carousel-nav__dot,.carousel-nav__arrow{transition:none}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
