.ds3 .ds3-tour{position:fixed;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"k k k" "t t t" "b b b" "n n n" "s bk nx";align-items:center;gap:var(--tcz-space-2);width:320px;padding:var(--tcz-space-4);background:var(--tcz-ed-card);color:var(--tcz-ink);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius-float);box-shadow:var(--tcz-shadow-2);transition:opacity .15s var(--tcz-ease);animation:ds3-tour-in .15s var(--tcz-ease)}@keyframes ds3-tour-in{0%{opacity:0}to{opacity:1}}.ds3 .ds3-tour__kicker{grid-area:k;font-size:var(--tcz-fs-caption);line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tcz-graphite)}.ds3 .ds3-tour__title{grid-area:t;font-family:var(--tcz-font-display);font-size:20px;line-height:24px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ds3 .ds3-tour__body{grid-area:b;font-size:var(--tcz-fs-body);line-height:22px}.ds3 .ds3-tour__note{grid-area:n;font-size:var(--tcz-fs-small);line-height:20px;color:var(--tcz-graphite)}.ds3 .ds3-tour [data-tour=skip]{grid-area:s;justify-self:start;padding:0}.ds3 .ds3-tour [data-tour=back]{grid-area:bk}.ds3 .ds3-tour [data-tour=next]{grid-area:nx}.ds3 .ds3-tour__x{position:absolute;top:var(--tcz-space-1);right:var(--tcz-space-1);display:grid;place-items:center;width:var(--s1-ctl, 36px);height:var(--s1-ctl, 36px);border-radius:var(--tcz-radius);font:400 24px/1 var(--tcz-font-body);color:var(--tcz-graphite)}.ds3 .ds3-tour__x:hover{color:var(--tcz-ink);background:var(--tcz-bone)}.ds3 .ds3-tour__title{padding-right:calc(var(--s1-ctl, 36px) - 8px)}.ds3 .ds3-tour__back{min-height:var(--s1-ctl, 36px);padding:0 var(--tcz-space-4);border:1px solid var(--tcz-ink);border-radius:var(--tcz-radius);font:600 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-ink)}.ds3 .ds3-tour__back:hover{background:var(--tcz-bone)}.ds3 .ds3-tour[data-at=r]:before,.ds3 .ds3-tour[data-at=l]:before,.ds3 .ds3-tour[data-at=b]:before,.ds3 .ds3-tour[data-at=t]:before{content:"";position:absolute;border:8px solid transparent}.ds3 .ds3-tour[data-at=r]:before{right:100%;top:calc(50% - 8px);border-right-color:var(--tcz-ed-card)}.ds3 .ds3-tour[data-at=l]:before{left:100%;top:calc(50% - 8px);border-left-color:var(--tcz-ed-card)}.ds3 .ds3-tour[data-at=b]:before{bottom:100%;left:calc(50% - 8px);border-bottom-color:var(--tcz-ed-card)}.ds3 .ds3-tour[data-at=t]:before{top:100%;left:calc(50% - 8px);border-top-color:var(--tcz-ed-card)}.ds3 .ds3-tour-ring{position:fixed;z-index:45;pointer-events:none;border-radius:var(--tcz-radius);outline:2px solid var(--tcz-signal);outline-offset:4px;box-shadow:0 0 0 2px var(--tcz-ink)}.ds3 .ds3-help{position:fixed;z-index:55;width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 80px);overflow:auto;background:var(--tcz-ed-card);color:var(--tcz-ink);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius-float);box-shadow:var(--tcz-shadow-2);animation:ds3-tour-in .15s var(--tcz-ease)}.ds3 .ds3-help__body{display:grid;padding:var(--tcz-space-2)}.ds3 .ds3-help__i,.ds3 .ds3-help summary,.ds3 .ds3-help__body>a{display:flex;align-items:center;min-height:var(--s1-ctl, 36px);padding:0 var(--tcz-space-2);border-radius:var(--tcz-radius);font:500 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-ink);text-align:left;cursor:pointer}.ds3 .ds3-help__i:hover,.ds3 .ds3-help summary:hover,.ds3 .ds3-help__body>a:hover{background:var(--tcz-bone)}.ds3 .ds3-help__body>a{text-decoration:underline;text-underline-offset:3px}.ds3 .ds3-help summary{display:list-item;padding-top:var(--tcz-space-2);padding-bottom:var(--tcz-space-2)}.ds3 .ds3-help details>:not(summary){margin:0 var(--tcz-space-2) var(--tcz-space-3)}.ds3 .ds3-help details p,.ds3 .ds3-help dd{font-size:var(--tcz-fs-body);line-height:22px}.ds3 .ds3-help details a{display:inline-flex;align-items:center;min-height:var(--s1-ctl, 36px);font:500 var(--tcz-fs-small)/20px var(--tcz-font-body);text-decoration:underline;text-underline-offset:3px}.ds3 .ds3-help dt{font:600 var(--tcz-fs-small)/20px var(--tcz-font-body);margin-top:var(--tcz-space-2)}.ds3 .ds3-help dd{margin:0;color:var(--tcz-graphite)}.ds3 .ds3-help__foot{padding:var(--tcz-space-3) var(--tcz-space-2) var(--tcz-space-1);font-size:var(--tcz-fs-small);line-height:20px;color:var(--tcz-graphite)}.ds3 .ds3-tour-dot{position:relative}.ds3 .ds3-tour-dot:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--tcz-signal)}@media(max-width:768px),(max-height:500px)and (pointer:coarse){.ds3 .ds3-tour{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"k t t t" "b b b b" "n n n n" "x s bk nx";gap:0 var(--tcz-space-2);max-height:140px;overflow:auto;padding:6px var(--tcz-space-3)}.ds3 .ds3-tour__title{font-size:17px;line-height:20px;padding-right:0}.ds3 .ds3-tour__x{position:static;grid-area:x}.ds3 .ds3-tour__body{line-height:20px}.ds3 .ds3-tour__note{line-height:18px}.ds3 .ds3-tour [data-tour=skip]{justify-self:end}.ds3 .ds3-help{left:8px;right:8px;bottom:calc(var(--tcz-ed-dock-h) + 8px);width:auto;max-height:calc(100vh - var(--tcz-ed-dock-h) - 76px)}}@media(max-width:359px){.ds3 .ds3-tour{grid-template-areas:"t t t t" "b b b b" "n n n n" "x s bk nx"}.ds3 .ds3-tour__kicker{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/ds3-tour.css.map */