plug-dotw-roulette{--dr-forest: var(--color-forrest-100, #163c3f);--dr-forest-200: var(--color-forrest-200, #112d2f);--dr-ink: var(--color-forrest-300, #081516);--dr-chalk: var(--color-chalk, #f4f0ec);--dr-chalk-82: rgba(244, 240, 236, .82);--dr-mint: var(--color-mint-100, #4abfa7);--dr-goldenrod: var(--color-goldenrod, #f4b41d);--dr-grey-100: var(--color-grey-100, #f5f5f5);--dr-grey-600: #5c6566;--dr-caption: #6e6e6e;--dr-head: "Space Grotesk", system-ui, sans-serif;--dr-body: "Inter 18pt", Inter, system-ui, sans-serif;--dr-card: 240px;display:block;font-family:var(--dr-body);color:var(--dr-forest-200)}plug-dotw-roulette h2,plug-dotw-roulette h3,plug-dotw-roulette p{margin:0}plug-dotw-roulette a{color:inherit;text-decoration:none}plug-dotw-roulette button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}plug-dotw-roulette .dr-band{background:var(--dr-forest);color:var(--dr-chalk);overflow:hidden}plug-dotw-roulette .dr-inner{max-width:1280px;margin:0 auto}plug-dotw-roulette .dr-head{padding:0 20px}plug-dotw-roulette .dr-kicker{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:12px;font-family:var(--dr-head);font-weight:500;font-size:12px;line-height:16px;background:var( --color-gradient-1, linear-gradient(90deg, #4abfa7 0%, #87d8f2 50%, #e5c94e 100%) );color:var(--dr-forest-200)}plug-dotw-roulette .dr-head h2{font-family:var(--dr-head);font-weight:700;font-size:26px;line-height:30px;letter-spacing:-.03em;color:var(--dr-chalk);margin-top:10px}plug-dotw-roulette .dr-head p{font-size:14px;line-height:20px;color:var(--dr-chalk-82);margin-top:6px}plug-dotw-roulette .dr-wheel{position:relative;margin-top:8px}plug-dotw-roulette .dr-stage{position:relative;outline:none}plug-dotw-roulette .dr-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--dr-chalk)}plug-dotw-roulette .dr-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 20px 8px}plug-dotw-roulette .dr-card{flex:0 0 var(--dr-card);scroll-snap-align:center;display:block;width:var(--dr-card);background:#fff;border-radius:16px;padding:12px;color:var(--dr-forest-200);-webkit-tap-highlight-color:transparent}plug-dotw-roulette[data-ready] .dr-stage{height:var(--dr-stage-h, 460px);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}plug-dotw-roulette[data-dragging] .dr-stage{cursor:grabbing}plug-dotw-roulette[data-ready] .dr-track{display:block;position:absolute;top:14px;right:0;bottom:0;left:0;padding:0;overflow:visible}plug-dotw-roulette[data-ready] .dr-card{position:absolute;left:50%;top:0;margin-left:calc(var(--dr-card) / -2);transform-origin:50% 60%;will-change:transform,opacity}plug-dotw-roulette[data-ready] .dr-card:not([data-center]){cursor:pointer}plug-dotw-roulette .dr-card:focus-visible{outline:2px solid var(--dr-chalk);outline-offset:4px}plug-dotw-roulette .dr-card__media{position:relative;height:calc(var(--dr-card) * .74);margin-bottom:10px;border-radius:12px;background:var(--dr-grey-100)}plug-dotw-roulette .dr-card__media img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;pointer-events:none;mix-blend-mode:multiply}plug-dotw-roulette .dr-save{position:absolute;left:8px;top:8px;background:var(--dr-goldenrod);color:var(--dr-forest-200);font-family:var(--dr-head);font-weight:500;font-size:12px;line-height:1;padding:6px 9px;border-radius:12px;white-space:nowrap}plug-dotw-roulette .dr-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:16px}plug-dotw-roulette .dr-card__brand{color:var(--dr-grey-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}plug-dotw-roulette .dr-card__rating{display:inline-flex;align-items:center;gap:3px;color:var(--dr-forest-200);white-space:nowrap}plug-dotw-roulette .dr-card__count{color:var(--dr-caption)}plug-dotw-roulette .dr-star{color:var(--dr-mint);font-size:13px;line-height:1}plug-dotw-roulette .dr-card__title{font-family:var(--dr-head);font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.01em;color:var(--dr-ink);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}plug-dotw-roulette .dr-card__price{display:flex;align-items:baseline;gap:4px;margin-top:6px}plug-dotw-roulette .dr-from{color:var(--dr-grey-600);font-size:13px}plug-dotw-roulette .dr-card__price b{font-family:var(--dr-head);font-size:18px;font-weight:700;color:var(--dr-forest-200)}plug-dotw-roulette .dr-card__deal{margin-top:4px;font-size:13px;line-height:18px;color:var(--dr-grey-600)}plug-dotw-roulette .dr-card__deal b{font-family:var(--dr-head);font-weight:500;color:var(--dr-forest-200)}plug-dotw-roulette .dr-dots{display:flex;align-items:center;justify-content:center;min-height:36px}plug-dotw-roulette .dr-dots[hidden],plug-dotw-roulette .dr-controls[hidden]{display:none}plug-dotw-roulette .dr-dot{display:grid;place-items:center;width:22px;height:36px;color:var(--dr-chalk)}plug-dotw-roulette .dr-dot:before{content:"";width:7px;height:7px;border-radius:8px;background:currentColor;opacity:.3;transition:width .2s ease,opacity .2s ease}plug-dotw-roulette .dr-dot[aria-current]:before{width:20px;opacity:1}plug-dotw-roulette .dr-foot{display:flex;justify-content:center;padding:4px 20px 0}plug-dotw-roulette .dr-foot:empty{display:none}plug-dotw-roulette .dr-controls{display:none}plug-dotw-roulette .dr-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--dr-chalk);text-decoration:underline;text-underline-offset:4px}@media(min-width:990px){plug-dotw-roulette .dr-inner{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-template-areas:". wheel" "head wheel" "foot wheel" ". wheel";grid-template-rows:1fr auto auto 1fr;column-gap:48px;padding:0 48px;align-items:start}plug-dotw-roulette .dr-head{grid-area:head;align-self:end;padding:0}plug-dotw-roulette .dr-head h2{font-size:44px;line-height:48px;margin-top:16px}plug-dotw-roulette .dr-head p{font-size:16px;line-height:24px;margin-top:12px;max-width:400px}plug-dotw-roulette .dr-foot{grid-area:foot;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:28px 0 36px}plug-dotw-roulette .dr-controls{display:flex;align-items:center;gap:12px}plug-dotw-roulette .dr-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--dr-chalk);color:var(--dr-forest);transition:background .2s}plug-dotw-roulette .dr-arrow:hover{background:var(--dr-mint)}plug-dotw-roulette .dr-arrow:focus-visible{outline:2px solid var(--dr-chalk);outline-offset:3px}plug-dotw-roulette .dr-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}plug-dotw-roulette .dr-count{margin-left:8px;font-family:var(--dr-head);font-size:15px;color:var(--dr-chalk-82);font-variant-numeric:tabular-nums}plug-dotw-roulette .dr-count b{font-weight:700;color:var(--dr-chalk)}plug-dotw-roulette .dr-wheel{grid-area:wheel;margin-top:0}}@media(min-width:1280px){plug-dotw-roulette .dr-wheel{margin:0 -32px}}@media(min-width:990px)and (max-width:1279px){plug-dotw-roulette[data-ready] .dr-stage{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}}@media(prefers-reduced-motion:reduce){plug-dotw-roulette .dr-dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/722/assets/plug-dotw-roulette.css.map */