@layer theme,base;@layer components{.trait-carousel{--carousel-item-w:clamp(6.75rem, 30cqi, 13rem);overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;gap:.75rem;padding-block:1.375rem 1.25rem;padding-inline:.375rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem calc(100% - 2.25rem),#0000 100%);-webkit-mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem calc(100% - 2.25rem),#0000 100%)}.trait-carousel.is-compact{gap:.75rem;padding-block:.5rem}.trait-carousel.is-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000 100%);-webkit-mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 2.25rem),#0000 100%)}.trait-carousel.is-end{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem);mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem);-webkit-mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem);mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem)}.trait-carousel.is-start.is-end{-webkit-mask-image:none;mask-image:none}.trait-carousel::-webkit-scrollbar{display:none}.trait-carousel.is-dragging{cursor:grabbing}.trait-carousel.is-bots{--carousel-item-w:clamp(6.5rem, 27cqi, 12rem)}.trait-carousel .enum-item{overflow:visible}@media (max-width:639px){.trait-carousel.is-bleed{margin-inline:-1.5rem;padding-inline:1.5rem}.trait-carousel{padding-block:.875rem .75rem}.trait-carousel.is-compact{padding-block:.5rem}}@media (min-width:1024px){.trait-carousel.is-bleed{margin-inline:-2rem;padding-inline:2rem}}.trait-carousel-item{width:var(--carousel-item-w);flex:none;position:relative}.carousel-arrow{z-index:10;width:2.25rem;height:2.25rem;color:var(--color-white);cursor:pointer;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#14151fd9;background:lab(7.05658% 1.67041 -7.16021/.85);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15);border-radius:9999px;justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .6);background:#262738f2;background:lab(16.2013% 2.73459 -10.8233/.95)}.carousel-arrow.is-left{left:-.625rem}.carousel-arrow.is-right{right:-.625rem}@media (hover:hover) and (pointer:fine){.carousel-arrow{display:flex}}}@layer utilities;