@layer components{.rb-b-odsm{--odsm-ink:var(--brand-ink,#1e1e1e);--odsm-pill:#f0b501;--odsm-radius:16px;--odsm-progress:0%;color:var(--odsm-ink)}.rb-b-odsm__title{margin:0}.rb-b-odsm__progress{background:color-mix(in srgb,var(--odsm-pill) 18%,#fff);border-radius:999px;height:4px;margin:0 auto 1rem;overflow:hidden;position:relative;width:min(680px,86%)}.rb-b-odsm__progressBar{background:var(--odsm-pill);border-radius:inherit;display:block;height:100%;transition:width .4s ease;width:var(--odsm-progress)}.rb-b-odsm__card{aspect-ratio:3/4;background:#f6f6f6;border-radius:var(--odsm-radius);display:block;opacity:1;overflow:hidden;position:relative;transform:none;transition:opacity .45s ease,transform .45s ease,box-shadow .25s ease}.rb-b-odsm.will-animate .rb-b-odsm__card{opacity:0;transform:translateY(10px) scale(.995)}.rb-b-odsm.will-animate.is-in .rb-b-odsm__card{opacity:1;transform:none}.rb-b-odsm__card:first-child{--odsm-stagger:60ms}.rb-b-odsm__card:nth-child(2){--odsm-stagger:120ms}.rb-b-odsm__card:nth-child(3){--odsm-stagger:180ms}.rb-b-odsm__card:nth-child(4){--odsm-stagger:240ms}.rb-b-odsm.will-animate.is-in .rb-b-odsm__card{transition-delay:var(--odsm-stagger,0ms)}.rb-b-odsm__card:focus-visible,.rb-b-odsm__card:hover{box-shadow:0 8px 20px rgba(0,0,0,.12);outline:none;transform:translateY(-2px)}.rb-b-odsm__img,.rb-b-odsm__placeholder{display:block;height:100%;object-fit:cover;transform-origin:center;transition:transform .35s ease,filter .35s ease;width:100%}.rb-b-odsm__img{image-rendering:-webkit-optimize-contrast}.rb-b-odsm__card:focus-visible .rb-b-odsm__img,.rb-b-odsm__card:hover .rb-b-odsm__img{transform:scale(1.045)}.rb-b-odsm__placeholder{background:linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#ddd}.rb-b-odsm__tag{background:var(--odsm-pill);border-radius:999px;bottom:10px;box-shadow:0 4px 10px rgba(240,181,1,.35);color:#fff;font-size:clamp(12px,1.3vw,14px);font-weight:800;left:50%;letter-spacing:.02em;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;text-transform:uppercase;transform:translate(-50%,8px);transition:transform .28s ease,opacity .28s ease}.rb-b-odsm.will-animate.is-in .rb-b-odsm__card .rb-b-odsm__tag{opacity:1;transform:translate(-50%)}.rb-b-odsm__card:focus-visible .rb-b-odsm__tag,.rb-b-odsm__card:hover .rb-b-odsm__tag{transform:translate(-50%,-2px)}@media(prefers-reduced-motion:reduce){.rb-b-odsm__card,.rb-b-odsm__img,.rb-b-odsm__progressBar,.rb-b-odsm__tag{transition:none!important}}}