@layer base{.carousel-root{width:100%;position:relative}.carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;flex-shrink:0}.carousel-center .carousel-item{scroll-snap-align:center}.carousel-end .carousel-item{scroll-snap-align:end}.carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow:hidden auto}.carousel-control{z-index:2;border:1px solid var(--color-base-300);background-color:var(--color-base-100);width:2.25rem;height:2.25rem;color:var(--color-base-content);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,opacity .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px -2px #00000040}.carousel-control svg{width:1.25rem;height:1.25rem}.carousel-control:hover{background-color:var(--color-base-200)}.carousel-control:disabled{opacity:var(--disabled-opacity,.4);cursor:default;box-shadow:none}.carousel-prev{inset-inline-start:.5rem}.carousel-next{inset-inline-end:.5rem}.carousel-indicators{justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.carousel-dot{background-color:var(--color-base-content);border:0;border-radius:9999px;width:.5rem;height:.5rem;padding:0}@supports (color:color-mix(in lab,red,red)){.carousel-dot{background-color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}}.carousel-dot{cursor:pointer;transition:width .2s,background-color .2s;position:relative}.carousel-dot:after{content:"";border-radius:inherit;position:absolute;inset:-8px}.carousel-dot-active{background-color:var(--color-primary);width:1.5rem}.carousel-number{border-radius:var(--radius-field,.25rem);border:1px solid var(--color-base-300);background-color:var(--color-base-100);min-width:1.75rem;height:1.75rem;color:var(--color-base-content);cursor:pointer;justify-content:center;align-items:center;padding-inline:.4rem;font-size:1rem;font-weight:600;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.carousel-number:hover{background-color:var(--color-base-200)}.carousel-number-active{background-color:var(--color-primary);color:var(--color-primary-content);border-color:#0000}.carousel-control:focus-visible,.carousel-dot:focus-visible,.carousel-number:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:var(--focus-offset,2px)}}