.dts-people{--pp-gap: 12px;--pp-card: min(64vw, 300px);overflow:clip}.dts-people__head{display:grid;gap:16px;justify-items:start;margin-bottom:clamp(30px,5vw,60px)}.dts-people__h{max-width:14em}.dts-people__sub{color:var(--dts-ink-dim)}.dts-people__rail{display:flex;align-items:center;gap:var(--pp-gap);overflow-x:auto;overflow-y:hidden;padding:6px var(--dts-gutter) 10px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--dts-gutter);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none}.dts-people__rail::-webkit-scrollbar{display:none}.dts-people__item{flex:none;width:var(--pp-card);scroll-snap-align:start}.dts-people__card{position:relative;isolation:isolate;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--dts-radius);background:#ffffff0d;box-shadow:0 30px 60px -36px #000c}.dts-people__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 1px #f4efe624;pointer-events:none;transition:box-shadow .4s}.dts-people__item--portrait .dts-people__card{aspect-ratio:4 / 5}.dts-people__item--square .dts-people__card{aspect-ratio:1 / 1}.dts-people__poster,.dts-people__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dts-people__video{opacity:0;transition:opacity .5s;background:transparent}.dts-people__card.is-live .dts-people__video{opacity:1}.dts-people__shade{position:absolute;top:38%;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transition:opacity .35s;background:linear-gradient(180deg,#08091a00,#08091a80 52%,#08091ae6)}.dts-people__hit{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;border-radius:var(--dts-radius);-webkit-tap-highlight-color:transparent}.dts-people .dts-people__hit:focus-visible{outline-offset:-7px;border-radius:18px}.dts-people__play{position:absolute;right:14px;bottom:14px;width:56px;height:56px;border-radius:50%;display:none;place-items:center;color:var(--dts-ink);background:#080b1c80;box-shadow:inset 0 0 0 1.5px #f4efe680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .35s,color .35s,box-shadow .35s,transform .45s var(--dts-ease)}.dts-js .dts-people__play{display:grid}.dts-people__ico{grid-area:1 / 1;transition:opacity .25s}.dts-people__ico--on{opacity:0}.dts-people__hit:hover .dts-people__play{background:var(--dts-ink);color:#0b1026;box-shadow:inset 0 0 0 1.5px var(--dts-ink)}.dts-people__hit:active .dts-people__play{transform:scale(.94)}.dts-people__tag{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px 0 10px;border-radius:999px;font-family:var(--dts-mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--dts-ink);white-space:nowrap;background:#080b1c94;box-shadow:inset 0 0 0 1px #f4efe629;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .3s,color .3s}.dts-people__tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dts-teal);box-shadow:0 0 10px var(--dts-teal);flex:none}a.dts-people__tag:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}a.dts-people__tag:hover{background:var(--dts-ink);color:#0b1026}.dts-people__cap{position:absolute;left:16px;right:82px;bottom:18px;z-index:3;pointer-events:none;font-size:16px;font-weight:500;line-height:1.28;color:#fbf7f0;text-shadow:0 1px 14px rgba(0,0,0,.55);text-wrap:balance;transition:opacity .3s}.dts-people__demo{position:absolute;left:16px;right:16px;bottom:20px;z-index:3;pointer-events:none;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--dts-ink-dim);text-shadow:0 1px 12px rgba(0,0,0,.6)}.dts-people__card--demo .dts-people__cap{right:16px;bottom:46px}.dts-people__card.is-loud:after{box-shadow:inset 0 0 0 1.5px var(--dts-teal),0 0 0 0 transparent}.dts-people__card.is-loud .dts-people__shade,.dts-people__card.is-loud .dts-people__cap{opacity:0}.dts-people__card.is-loud .dts-people__hit{height:calc(100% - 76px)}.dts-people__card.is-loud .dts-people__play{bottom:auto;top:12px;width:48px;height:48px;background:var(--dts-ink);color:#0b1026;box-shadow:none}.dts-people__card.is-loud .dts-people__ico--on{opacity:1}.dts-people__card.is-loud .dts-people__ico--off{opacity:0}.dts-people__nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.dts-people__count{font-size:13px;font-weight:500;letter-spacing:.16em;color:var(--dts-ink-dim);display:inline-flex;align-items:center;gap:.5ch}.dts-people__count [data-dts-people-now]{color:var(--dts-ink);min-width:2ch;text-align:right}.dts-people__arrows{display:none;gap:10px}.dts-js .dts-people__arrows{display:flex}.dts-people__arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--dts-ink);box-shadow:inset 0 0 0 1.5px var(--dts-line);transition:box-shadow .3s,background-color .3s,color .3s,opacity .3s}.dts-people__arrow:hover{box-shadow:inset 0 0 0 1.5px var(--dts-ink)}.dts-people__arrow:active{background:var(--dts-ink);color:#0b1026}.dts-people__arrow[disabled]{opacity:.32;cursor:default;box-shadow:inset 0 0 0 1.5px var(--dts-line)}.dts-people__foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;margin-top:clamp(36px,6vw,72px);padding-top:22px;border-top:1px solid var(--dts-line)}.dts-people__footline{font-size:1.06rem;color:var(--dts-ink-dim)}@media(min-width:750px){.dts-people{--pp-gap: 16px;--pp-card: 264px}}@media(min-width:990px){.dts-people{--pp-gap: clamp(14px, 1.5vw, 22px);--pp-drop: 64px}.dts-people__head{gap:18px}.dts-people__sub{margin-top:6px}.dts-people__stage{width:100%;max-width:calc(var(--dts-max) + var(--dts-gutter) * 2);margin-inline:auto;padding-inline:var(--dts-gutter)}.dts-people__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:var(--pp-gap);overflow:visible;padding:0 0 var(--pp-drop);scroll-snap-type:none}.dts-people__item{width:auto;position:relative;will-change:transform}.dts-people__item:nth-child(5n+2),.dts-people__item:nth-child(5n+4){top:var(--pp-drop)}.dts-people__nav{display:none}.dts-people__cap{font-size:16px;right:78px}.dts-people__foot{margin-top:clamp(48px,5vw,72px)}}@media(prefers-reduced-motion:reduce){.dts-people__video,.dts-people__play,.dts-people__shade,.dts-people__cap{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/dt-sleep-people.css.map */