dt-carousel{--dt-carousel-gap: 24px;--dt-carousel-size: calc(25% - 18px) ;display:block;min-inline-size:0;max-inline-size:100%;font-family:inherit}dt-carousel,dt-carousel *{box-sizing:border-box}dt-carousel [hidden]{display:none!important}dt-carousel.dt-carousel .dt-carousel__toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;margin-block-end:24px}dt-carousel.dt-carousel .dt-carousel__copy{flex:1 1 320px;min-inline-size:0}dt-carousel.dt-carousel .dt-carousel__actions{display:flex;flex:0 1 auto;align-items:center;justify-content:space-between;gap:18px;min-inline-size:0}dt-carousel .dt-carousel__collection{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-block-size:44px;padding:9px 16px;border:1px solid #a18d6d;border-radius:3px;background:transparent;color:var(--dt-ink, #25251f);font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;text-decoration:none;text-align:center}dt-carousel .dt-carousel__collection:hover{background:#eee7dc;border-color:#97723d}.dt-carousel__controls{display:flex;align-items:center;flex:0 0 auto;gap:8px}dt-carousel .dt-carousel__button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;inline-size:44px;block-size:44px;margin:0;padding:0;border:1px solid #cfc1ac;border-radius:50%;background:var(--dt-paper, #fbf8f2);color:var(--dt-ink, #25251f);font:inherit;font-size:20px;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}dt-carousel .dt-carousel__button:hover{background:var(--dt-ink, #25251f);border-color:var(--dt-ink, #25251f);color:#fff7e8}.dt-carousel__collection:focus-visible,.dt-carousel__button:focus-visible{outline:2px solid var(--dt-gold, #97723d);outline-offset:3px}dt-carousel [data-dt-carousel-viewport]{display:block;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#b7a68c #eee7dc;-webkit-overflow-scrolling:touch}dt-carousel [data-dt-carousel-viewport]:focus-visible{outline:2px solid var(--dt-gold, #97723d);outline-offset:3px}dt-carousel [data-dt-carousel-track]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--dt-carousel-gap);inline-size:100%;min-inline-size:0;margin:0;padding:0;list-style:none}dt-carousel.dt-carousel [data-dt-carousel-track]>*{flex:0 0 var(--dt-carousel-size);inline-size:var(--dt-carousel-size);min-inline-size:var(--dt-carousel-size);max-inline-size:var(--dt-carousel-size);margin:0;scroll-snap-align:start;scroll-snap-stop:normal}dt-carousel [data-dt-carousel-viewport]::-webkit-scrollbar{height:6px}dt-carousel [data-dt-carousel-viewport]::-webkit-scrollbar-track{background:#eee7dc}dt-carousel [data-dt-carousel-viewport]::-webkit-scrollbar-thumb{background:#b7a68c;border-radius:6px}dt-carousel[data-dt-carousel-scrollable] [data-dt-carousel-viewport]{scrollbar-width:none}dt-carousel[data-dt-carousel-scrollable] [data-dt-carousel-viewport]::-webkit-scrollbar{display:none}dt-carousel[data-dt-carousel-scrollable=false] .dt-carousel__hint{display:none}dt-carousel[data-dt-carousel-scrollable=false] [data-dt-carousel-track]>:first-child{margin-inline-start:auto}dt-carousel[data-dt-carousel-scrollable=false] [data-dt-carousel-track]>:last-child{margin-inline-end:auto}.dt-carousel__hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:12px 0;color:#786c59;font-size:12px;line-height:1.5}@media screen and (max-width:989px){dt-carousel{--dt-carousel-gap: 18px;--dt-carousel-size: calc(33.333333% - 12px)}}@media screen and (max-width:749px){dt-carousel{--dt-carousel-gap: 14px;--dt-carousel-size: calc(47.619048% - 7.333333px)}dt-carousel.dt-carousel .dt-carousel__toolbar{align-items:flex-start;gap:15px;margin-block-end:20px}dt-carousel.dt-carousel .dt-carousel__copy{flex-basis:100%}dt-carousel.dt-carousel .dt-carousel__actions{inline-size:100%;gap:12px}dt-carousel .dt-carousel__collection{font-size:13px;padding-inline:13px}.dt-carousel__hint{font-size:11px}}@media screen and (max-width:479px){dt-carousel{--dt-carousel-gap: 12px;--dt-carousel-size: calc(62.5% - 7.5px) }}@media(prefers-reduced-motion:reduce){dt-carousel [data-dt-carousel-viewport]{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dt-carousel.css.map */