.dt-ss{--ss-bg: var(--dt-oat-light);--ss-fg: var(--dt-ink);--ss-muted: var(--dt-muted);--ss-line: rgba(26, 26, 26, .12);--ss-line-strong: rgba(26, 26, 26, .28);--ss-tile: var(--dt-white);--ss-accent: var(--dt-ink);--ss-focus: var(--dt-ink);--ss-paper: #FFFDF7;position:relative;overflow:hidden;background:var(--ss-bg);color:var(--ss-fg);isolation:isolate}.dt-ss--white{--ss-bg: var(--dt-white);--ss-tile: var(--dt-oat-light);--ss-paper: var(--dt-oat-light)}.dt-ss--ink{--ss-bg: var(--dt-oat-light);--ss-fg: var(--dt-ink);--ss-muted: var(--dt-muted);--ss-line: rgba(26, 26, 26, .12);--ss-line-strong: rgba(26, 26, 26, .28);--ss-tile: var(--dt-white);--ss-accent: var(--dt-ink);--ss-focus: var(--dt-ink);--ss-paper: var(--dt-white);background:radial-gradient(68% 52% at 0% 0%,rgba(228,211,0,.28),transparent 62%),radial-gradient(46% 42% at 100% 100%,rgba(233,225,209,.95),transparent 70%),var(--ss-bg)}.dt-ss--ink:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.dt-ss--ink{--text-color: 26 26 26;--heading-color: 26 26 26}.dt-ss--ink .dt-eyebrow{color:var(--dt-ink)}.dt-ss--ink .dt-ss__plinth{box-shadow:0 24px 50px -36px #1a1a1a73}.dt-ss .dt-ss__title,.dt-ss .dt-ss__name,.dt-ss .dt-ss__legend,.dt-ss .dt-ss__chip-txt,.dt-ss .dt-ss__part-title,.dt-ss .dt-ss__trust li,.dt-ss .dt-ss__more,.dt-ss .dt-ss__compare-title,.dt-ss .dt-ss__card-title{color:var(--ss-fg)}.dt-ss .dt-ss__bill,.dt-ss .dt-ss__bill :is(p,li,span,s,strong){color:var(--dt-ink)}.dt-ss .dt-ss__bill :is(.dt-ss__receipt-title,.dt-ss__price-label,.dt-ss__sum s,.dt-ss__price-was){color:var(--dt-muted)}.dt-ss .dt-ss__bill .dt-ss__save,.dt-ss .dt-ss__bill .dt-ss__save strong{color:var(--dt-yellow)}.dt-ss :focus-visible{outline-color:var(--ss-focus)}.dt-ss a{color:inherit}.dt-ss__head{display:grid;gap:14px;margin-bottom:36px}.dt-ss__title{margin:0;font-size:clamp(34px,5.4vw,66px);line-height:1.02;font-weight:700;letter-spacing:-.035em;text-wrap:balance;text-transform:none;color:inherit;max-width:16ch}.dt-ss__lead{margin:0;color:var(--ss-muted);max-width:52ch;font-size:clamp(15px,1.3vw,18px)}@media(min-width:1000px){.dt-ss__head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:64px;align-items:end;margin-bottom:56px}.dt-ss__head .dt-eyebrow{grid-column:1 / -1;margin-bottom:0}.dt-ss__lead{justify-self:end;padding-bottom:8px}}.dt-ss__stage{display:grid;gap:28px;align-items:start}.dt-ss__stage+.dt-ss__stage{margin-top:88px}@media(min-width:1000px){.dt-ss__stage{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px}.dt-ss__stage--flip .dt-ss__visual{order:2}.dt-ss__panel{position:sticky;top:104px}}.dt-ss__plinth{position:relative;background:var(--dt-white);border-radius:28px;padding:clamp(14px,3vw,36px) clamp(14px,3vw,36px) calc(clamp(14px,3vw,36px) + 18px);box-shadow:0 1px #ffffff80 inset,0 40px 80px -44px #0000008c}.dt-ss--oat .dt-ss__plinth,.dt-ss--white .dt-ss__plinth{box-shadow:var(--dt-shadow)}.dt-ss__photo{aspect-ratio:1 / 1}.dt-ss__photo img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease,transform .45s var(--dt-ease)}.dt-ss__photo.is-swapping img{opacity:.2;transform:scale(.985)}.dt-ss__pile{position:absolute;left:0;right:0;bottom:0;height:18px;border-radius:0 0 28px 28px;background-color:var(--dt-yellow);background-image:radial-gradient(circle at 50% 0,rgba(26,26,26,.2) 0 2.6px,transparent 3px),radial-gradient(circle at 50% 100%,rgba(255,255,255,.45) 0 2.6px,transparent 3px);background-size:9px 9px;background-position:0 0,4.5px 4.5px}.dt-ss__tag{position:absolute;top:-14px;right:clamp(14px,4vw,36px);z-index:2;margin:0;display:grid;justify-items:center;gap:2px;min-width:112px;padding:22px 16px 14px;border-radius:12px;background:var(--dt-yellow);color:var(--dt-ink);text-align:center;box-shadow:0 18px 30px -16px #0000008c;transform:rotate(5deg);transform-origin:50% 0}.dt-ss__tag[hidden]{display:none}.dt-ss__tag:before{content:"";position:absolute;top:9px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--dt-white);box-shadow:inset 0 1px 2px #00000059}.dt-ss__tag-amount{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.dt-ss__tag-note{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.25;max-width:14ch}@media(max-width:699px){.dt-ss__tag{top:-12px;right:10px;min-width:0;padding:18px 11px 9px;border-radius:10px}.dt-ss__tag:before{top:7px;width:7px;height:7px;margin-left:-3.5px}.dt-ss__tag-amount{font-size:19px}.dt-ss__tag-note{font-size:9px;letter-spacing:.08em}.dt-ss__head{margin-bottom:28px}}.dt-ss__parts{position:relative;margin-top:26px}.dt-ss__kicker{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-muted)}.dt-ss__kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--dt-yellow)}.dt-ss__parts-list{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none}.dt-ss__part{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px;border-radius:18px;background:var(--ss-tile);border:1px solid var(--ss-line)}.dt-ss__part+.dt-ss__part:before{content:"+" / "";position:absolute;left:-7px;top:34%;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dt-yellow);color:var(--dt-ink);font-size:15px;font-weight:700;line-height:1}.dt-ss__part-no{position:absolute;top:16px;left:16px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--dt-ink);background:#ffffffe6;padding:2px 7px;border-radius:999px}.dt-ss__part-img{display:block;aspect-ratio:1 / 1;border-radius:12px;background:var(--dt-white);overflow:hidden}.dt-ss__part-img img{width:100%;height:100%;object-fit:contain;padding:8%;transition:opacity .3s ease}.dt-ss__part-body{display:grid;gap:3px;padding:0 4px 4px;min-width:0}.dt-ss__part-title{font-size:13.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.dt-ss__part-title a{text-decoration:none}.dt-ss__part-title a:hover{text-decoration:underline;text-underline-offset:3px}.dt-ss__part-val{font-size:12.5px;color:var(--ss-accent);font-weight:600;line-height:1.3;overflow-wrap:anywhere}.dt-ss__part-text{display:none;font-size:13px;line-height:1.45;color:var(--ss-muted)}@media(min-width:700px){.dt-ss__part{padding:12px}.dt-ss__part-title{font-size:15px}.dt-ss__part-text{display:block;margin-top:4px}}.dt-ss__track{position:relative;padding-bottom:26px}.dt-ss .dt-ss__stitch{position:absolute;left:0;right:0;bottom:0;z-index:0;width:100%;height:26px;fill:none;stroke:var(--dt-yellow);stroke-width:2.5;stroke-dasharray:7 8;stroke-linecap:round;overflow:visible;pointer-events:none}.dt-ss__stitch path{vector-effect:non-scaling-stroke}.dt-ss__name{margin:0 0 22px;font-size:clamp(21px,2vw,27px);line-height:1.2;font-weight:700;letter-spacing:-.02em;text-transform:none;color:inherit;text-wrap:balance}.dt-ss__name a{text-decoration:none}.dt-ss__name a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--dt-yellow)}.dt-ss__form{margin:0}.dt-ss__opt{border:0;margin:0 0 20px;padding:0;min-width:0}.dt-ss__legend{display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin-bottom:10px;font-size:14.5px;font-weight:600}.dt-ss__legend strong{font-weight:500;color:var(--ss-muted)}.dt-ss__chips{display:flex;flex-wrap:wrap;gap:8px}.dt-ss__chip{position:relative;display:inline-flex;cursor:pointer}.dt-ss__chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.dt-ss__chip-txt{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--ss-line-strong);font-size:14px;line-height:1.25;transition:background-color .2s,border-color .2s,color .2s}.dt-ss__chip:hover .dt-ss__chip-txt{border-color:var(--ss-fg)}.dt-ss .dt-ss__chip input:checked+.dt-ss__chip-txt{background:var(--dt-yellow);border-color:var(--dt-yellow);color:var(--dt-ink);font-weight:600}.dt-ss__chip input:focus-visible+span{outline:3px solid var(--ss-focus);outline-offset:3px}.dt-ss__chip.is-unavailable .dt-ss__chip-txt{opacity:.55;text-decoration:line-through}.dt-ss__sw{display:block;width:62px;height:62px;padding:4px;border-radius:16px;overflow:hidden;background:var(--dt-white);box-shadow:0 0 0 1.5px var(--ss-line-strong);transition:box-shadow .2s,transform .2s var(--dt-ease)}.dt-ss__sw img{width:100%;height:100%;object-fit:contain}.dt-ss__chip:hover .dt-ss__sw{transform:translateY(-2px)}.dt-ss__chip input:checked+.dt-ss__sw{box-shadow:0 0 0 3px var(--dt-yellow),0 10px 20px -12px #0009}.dt-ss__chip input:focus-visible+.dt-ss__sw{outline:3px solid var(--ss-focus);outline-offset:5px}.dt-ss__bill{--zig: 9px;margin-top:6px;padding-bottom:var(--zig);background:var(--ss-paper);color:var(--dt-ink);border-radius:18px 18px 0 0;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / calc(2 * var(--zig)) 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / calc(2 * var(--zig)) 100%;font-variant-numeric:tabular-nums}.dt-ss__receipt{padding:18px 20px 14px}.dt-ss__receipt[hidden]{display:none}.dt-ss__receipt-title{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dt-muted)}.dt-ss__lines{margin:0;padding:0;list-style:none}.dt-ss__lines li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;border-bottom:1px dotted rgba(26,26,26,.25)}.dt-ss__lines li>span:last-child{white-space:nowrap}.dt-ss__sum{display:flex;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:14px;font-weight:600}.dt-ss__sum s{color:var(--dt-muted);text-decoration-thickness:1.5px}.dt-ss__price{padding:16px 20px 18px;border-top:2px dashed rgba(26,26,26,.22)}.dt-ss__receipt[hidden]+.dt-ss__price{border-top:0}.dt-ss__price-label{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dt-muted)}.dt-ss__price-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;font-size:clamp(40px,4.6vw,56px);font-weight:700;line-height:1;letter-spacing:-.04em}.dt-ss__price-was{font-size:18px;font-weight:500;letter-spacing:0;color:var(--dt-muted)}.dt-ss__save{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:6px 13px;border-radius:999px;background:var(--dt-ink);color:var(--dt-yellow);font-size:14px;font-weight:600}.dt-ss__save[hidden]{display:none}.dt-ss .is-ticking{animation:dt-ss-tick .42s var(--dt-ease)}@keyframes dt-ss-tick{0%{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:none}}[data-dt-ss-price],[data-dt-ss-save]{display:inline-block}.dt-ss__buy{display:block;margin-top:18px}.dt-ss__add{width:100%;min-height:58px;font-size:16px}.dt-ss__add:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 16px 30px -16px #e4d300bf}.dt-ss__add[disabled]{opacity:.55;cursor:not-allowed}.dt-ss__more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--dt-yellow);text-decoration-thickness:2px}.dt-ss__more svg{fill:none;stroke:currentColor;stroke-width:1.75;transition:transform .2s var(--dt-ease)}.dt-ss__more:hover svg{transform:translate(4px)}.dt-ss__note{margin:4px 0 0;font-size:12.5px;color:var(--ss-muted)}.dt-ss__note[hidden]{display:none}.dt-ss__trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:24px 0 0;padding:20px 0 0;list-style:none;border-top:1px solid var(--ss-line)}.dt-ss__trust li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4}.dt-ss__trust svg{color:var(--ss-accent);fill:none;stroke:currentColor;stroke-width:1.75;margin-top:-1px}.dt-ss__compare{margin-top:88px}.dt-ss__compare-title{margin:0 0 24px;font-size:var(--dt-h3);font-weight:700;letter-spacing:-.02em;color:inherit;text-transform:none}.dt-ss__cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));margin:0;padding:0;list-style:none}.dt-ss__card{display:grid;gap:10px;padding:14px;border-radius:20px;background:var(--ss-tile);border:1px solid var(--ss-line)}.dt-ss__card-img{display:block;aspect-ratio:1 / 1;border-radius:14px;background:var(--dt-white);overflow:hidden}.dt-ss__card-img img{width:100%;height:100%;object-fit:contain}.dt-ss__card-title{margin:0;font-size:16px;font-weight:700;text-transform:none;color:inherit}.dt-ss__card-price{margin:0;font-weight:600;color:var(--ss-accent)}.dt-ss__card-list{margin:0;padding:0 0 0 18px;font-size:13.5px;color:var(--ss-muted)}.dt-ss__empty{padding:24px;border:1px dashed var(--ss-line-strong);border-radius:16px}@media(prefers-reduced-motion:no-preference){.dt-ss--js .dt-ss__plinth,.dt-ss--js .dt-ss__part,.dt-ss--js .dt-ss__panel{opacity:0;transform:translateY(26px);transition:opacity .7s var(--dt-ease),transform .8s var(--dt-ease)}.dt-ss--js .dt-ss__tag{transform:rotate(-14deg) translateY(-12px);opacity:0;transition:opacity .4s ease .45s}.dt-ss--js .dt-ss__stitch{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--dt-ease) .5s}.dt-ss--js .is-in .dt-ss__plinth,.dt-ss--js .is-in .dt-ss__part,.dt-ss--js .is-in .dt-ss__panel{opacity:1;transform:none}.dt-ss--js .is-in .dt-ss__panel{transition-delay:.12s}.dt-ss--js .is-in .dt-ss__part:nth-child(1){transition-delay:.25s}.dt-ss--js .is-in .dt-ss__part:nth-child(2){transition-delay:.37s}.dt-ss--js .is-in .dt-ss__part:nth-child(3){transition-delay:.49s}.dt-ss--js .is-in .dt-ss__part:nth-child(n+4){transition-delay:.6s}.dt-ss--js .is-in .dt-ss__tag{opacity:1;animation:dt-ss-swing 1.6s var(--dt-ease) .45s both}.dt-ss--js .is-in .dt-ss__stitch{clip-path:inset(0 0 0 0)}}@keyframes dt-ss-swing{0%{transform:rotate(-14deg) translateY(-12px)}35%{transform:rotate(10deg)}60%{transform:rotate(2deg)}80%{transform:rotate(6deg)}to{transform:rotate(5deg)}}@media(prefers-reduced-motion:reduce){.dt-ss *,.dt-ss *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dt-starter-showcase.css.map */