.ddc-carousel-scroll{position:relative}.ddc-carousel-scroll.has-left-shadow::before,.ddc-carousel-scroll.has-right-shadow::after{position:absolute;top:0;width:24px;height:100%;content:"";pointer-events:none}.ddc-carousel-scroll.has-left-shadow::before{left:0;background:linear-gradient(to right,var(--color-bg-default),transparent)}.ddc-carousel-scroll.has-right-shadow::after{right:0;background:linear-gradient(to left,var(--color-bg-default),transparent)}.ddc-carousel-scroll-wrapper{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.ddc-carousel-scroll-wrapper::-webkit-scrollbar{width:0;height:0}.ddc-carousel-scroll-content{min-width:100%;padding-top:12px}.ddc-carousel-scroll-card{flex:0 0 300px;max-width:300px;padding:24px;background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);scroll-snap-align:start;border-radius:16px}.ddc-carousel-scroll-card>:first-child{margin-top:0!important}.ddc-carousel-scroll-card>:first-child>:first-child{margin-top:0!important}.ddc-carousel-scroll-card>:last-child{margin-bottom:0!important}.ddc-carousel-scroll-card>:last-child>:last-child{margin-bottom:0!important}.ddc-carousel-scroll-card p{margin-top:4px}.ddc-carousel-scroll-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle);line-height:1.3}.ddc-carousel-scroll-card dl>dd{margin:0;letter-spacing:-.01em;text-align:right}.ddc-carousel-scroll-card .ddc-rating-summary{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}.ddc-carousel-scroll-card .ddc-rating-summary .ddc-rating-bar{grid-column:1/-1;grid-row:2}.ddc-carousel-scroll-card .ddc-rating-summary>:nth-child(3){text-align:right}.ddc-carousel-scroll-card>:last-child{margin-top:20px}.ddc-card-content-top{margin-bottom:auto}.ddc-carousel-scroll-control{position:absolute;top:50%;z-index:1;display:none;width:44px;height:44px;padding:0;background-color:var(--color-neutral-high);border:0;border-radius:50%;box-shadow:var(--box-shadow-md);color:var(--color-fg-on-emphasis);cursor:pointer;transform:translateY(-50%);transition:all .2s allow-discrete}.ddc-carousel-scroll-control:hover{background-color:var(--color-neutral-higher)}.ddc-carousel-scroll-control>span{display:flex;align-items:center;justify-content:center}.ddc-carousel-scroll-control .ddc-icon{width:24px;height:24px}.ddc-carousel-scroll-control.scroll-left{left:0}@media (min-width:1400px){.ddc-carousel-scroll-control.scroll-left{left:-22px}}.ddc-carousel-scroll-control.scroll-right{right:0}@media (min-width:1400px){.ddc-carousel-scroll-control.scroll-right{right:-22px}}.ddc-carousel-scroll-card-promoted{position:relative;background-color:var(--card-promoted-bg-green);border:transparent}.ddc-carousel-scroll-card-promoted .ddc-carousel-scroll-card-promoted-label{position:absolute;top:-12px;padding:0 8px;background-color:var(--card-promoted-tag-bg-green);border-radius:8px 0 8px 8px;color:var(--color-fg-on-emphasis);font-size:62.5%;font-weight:600;letter-spacing:.025em;line-height:24px;text-transform:uppercase}.ddc-carousel-scroll-card-promoted .ddc-carousel-scroll-card-promoted-label::after{position:absolute;right:-8px;width:0;height:0;border-bottom:12px solid var(--card-promoted-tag-bg-green-accent);border-right:8px solid transparent;content:""}.ddc-carousel-scroll-card-promoted-theme-02{background-color:var(--card-promoted-card-bg-purple)}.ddc-carousel-scroll-card-promoted-theme-02 .ddc-carousel-scroll-card-promoted-label{background-color:var(--card-promoted-tag-bg-purple)}.ddc-carousel-scroll-card-promoted-theme-02 .ddc-carousel-scroll-card-promoted-label::after{border-bottom-color:var(--card-promoted-tag-bg-purple-accent)}.ddc-carousel-scroll-card-pill-id{max-width:100%;padding:16px;border-radius:8px}@media (max-width:767.98px){.ddc-carousel-scroll-card-pill-id{margin-top:12px}}.ddc-carousel-scroll-card-pill-id .ddc-pid-img{margin:8px 0 12px}.ddc-carousel-scroll-card-pill-id h3{font-size:100%!important}.ddc-carousel-scroll-card-pill-id img{border-radius:8px}.ddc-carousel-scroll-card-pill-id .ddc-btn{padding:4px 12px;font-size:87.5%}