.dcent-dds{--dds-white: #ffffff;--dds-black: #000000;--dds-ink: #292524;--dds-ink-80: rgba(41, 37, 36, .8);--dds-ink-60: rgba(41, 37, 36, .6);--dds-ink-55: rgba(41, 37, 36, .55);--dds-ink-50: rgba(41, 37, 36, .5);--dds-line: #eaeaea;--dds-panel-bg: #fafafa;--dds-badge-bg: #ececec;--dds-card-line: #d9d9d9;--dds-card-1: #f3f3f3;--dds-card-2: #e2e2e2;--dds-card-shadow: -6px 0 12px rgba(0, 0, 0, .08);--dds-lost: #ff5c5c;--dds-dot: rgba(0, 0, 0, .2);--dds-dot-track: rgba(0, 0, 0, .05);--dds-shadow: 0 8px 30px rgba(0, 0, 0, .06);--dds-card-h: 128px;--dds-card-w: 90px;--dds-card-overlap: -24px;--dds-card-font: 15px;--dds-lost-icon: 28px;--dds-stage-h: 148px;--dds-stage-w: 92px;--dds-s-img: 200px;--dds-backup-img: 92px;--dds-font: var( --dcent-font-en-body, "Funnel Sans", "Pretendard", system-ui, sans-serif );background:var(--dds-white);padding-block:var(--dpc-sec-xs) var(--dpc-sec-lg);padding-inline:var(--dpc-gutter);font-family:var(--dds-font);box-sizing:border-box}.dcent-dds--ko{--dds-font: var(--dcent-font-sans, "Pretendard", system-ui, sans-serif)}.dcent-dds *,.dcent-dds *:before,.dcent-dds *:after{box-sizing:border-box}.dcent-dds__box{max-width:var(--dpc-max);margin-inline:auto;border:1px solid var(--dds-line)}.dcent-dds__story{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;text-align:center}.dcent-dds__heading{margin:0;font-family:var(--dds-font)!important;font-size:28px;font-weight:600;line-height:32px;letter-spacing:-.03em;color:var(--dds-ink)}.dcent-dds--ko .dcent-dds__heading{line-height:36px;letter-spacing:-.05em}.dcent-dds__desc{max-width:720px;margin:0;font-size:16px;line-height:24px;letter-spacing:-.03em;color:var(--dds-ink-80)}.dcent-dds--ko .dcent-dds__desc{letter-spacing:-.02em}.dcent-dds__br-sm{display:inline}.dcent-dds__br-lg{display:none}.dcent-dds__cmp{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;border-top:1px solid var(--dds-line);scrollbar-width:none}.dcent-dds__cmp::-webkit-scrollbar{display:none}.dcent-dds__panel{display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:100%;padding:40px 24px;scroll-snap-align:start}.dcent-dds__panel--legacy{background:var(--dds-panel-bg)}.dcent-dds__panel--s{background:color-mix(in srgb,var(--dpc-brand) 5%,transparent)}.dcent-dds__head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.dcent-dds__badge{padding:4px 12px;border-radius:var(--dcent-pill-radius);font-size:14px;letter-spacing:-.02em}.dcent-dds__badge--legacy{background:var(--dds-badge-bg);font-weight:500;color:var(--dds-ink-60)}.dcent-dds__badge--s{background:var(--dpc-brand);font-weight:600;color:var( --dpc-on-brand )}.dcent-dds__copy{display:flex;flex-direction:column;gap:4px}.dcent-dds__title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.04em;color:var(--dds-ink)}.dcent-dds--ko .dcent-dds__title{letter-spacing:-.05em}.dcent-dds__body{max-width:520px;margin:0;font-size:16px;line-height:24px;letter-spacing:-.02em;color:var(--dds-ink-80)}.dcent-dds__stack-wrap{display:flex;flex:1;align-items:center;justify-content:center;min-height:160px}.dcent-dds__stack{display:flex;align-items:center}.dcent-dds__card{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dds-card-w);height:var(--dds-card-h);border:1px solid var(--dds-card-line);border-radius:var(--dcent-radius-md);background:linear-gradient(to bottom right,var(--dds-card-1),var(--dds-card-2));font-size:var(--dds-card-font);font-weight:700;letter-spacing:.02em;color:var(--dds-ink-55)}.dcent-dds__card+.dcent-dds__card{margin-left:var(--dds-card-overlap);box-shadow:var(--dds-card-shadow)}.dcent-dds__card--lost{opacity:.35}.dcent-dds__lost-mark{position:absolute;display:inline-flex;opacity:.9;color:var(--dds-lost)}.dcent-dds__lost-mark svg{display:block;width:var(--dds-lost-icon);height:var(--dds-lost-icon)}.dcent-dds__stage{display:flex;align-items:center;justify-content:center;gap:14px}.dcent-dds__slot{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:12px}.dcent-dds__frame{display:flex;align-items:center;justify-content:center;overflow:hidden;height:var(--dds-stage-h)}.dcent-dds__frame--s{width:var(--dds-stage-w)}.dcent-dds__frame--s img{display:block;width:var(--dds-s-img);max-width:none}.dcent-dds__frame--backup img{display:block;width:var(--dds-backup-img);height:var(--dds-backup-img);object-fit:contain}.dcent-dds__tag{white-space:nowrap;padding:8px 12px;border-radius:var(--dcent-pill-radius);background:color-mix(in srgb,var(--dpc-brand-ink) 12%,transparent);font-size:14px;font-weight:600;letter-spacing:-.03em;color:var(--dpc-brand-ink)}.dcent-dds__swap{display:inline-flex;transform:translateY(-22px);color:var(--dds-ink-50)}.dcent-dds__swap svg{display:block;width:20px;height:20px}.dcent-dds__controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.dcent-dds__btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;padding:0;border:1px solid var(--dds-line);border-radius:var(--dcent-pill-radius);background:var(--dds-white);color:var(--dds-ink);box-shadow:var(--dds-shadow);cursor:pointer;transition:opacity .15s ease}.dcent-dds__btn svg{display:block;width:20px;height:20px}.dcent-dds__dots{display:inline-flex;align-items:center;gap:8px;height:36px;padding-inline:16px;border-radius:var(--dcent-pill-radius);background:var(--dds-dot-track)}.dcent-dds__dot{position:relative;width:6px;height:6px;padding:0;border:0;overflow:visible;border-radius:var(--dcent-pill-radius);background:var(--dds-dot);cursor:pointer;transition:width .3s ease}.dcent-dds__dot.is-active{width:50px}.dcent-dds__dot:after{content:"";position:absolute;top:-9px;right:-4px;bottom:-9px;left:-4px}.dcent-dds__dot-fill{display:block;width:0;height:100%;border-radius:var(--dcent-pill-radius);background:var(--dds-black);transition:width .3s ease}.dcent-dds__dot.is-active .dcent-dds__dot-fill{width:100%}@media(min-width:640px){.dcent-dds__heading{font-size:44px;line-height:48px}.dcent-dds--ko .dcent-dds__heading{line-height:52px}.dcent-dds__br-sm{display:none}}@media(min-width:768px){.dcent-dds__panel{padding-inline:40px}}@media(min-width:1024px){.dcent-dds{--dds-card-h: 152px;--dds-card-w: 108px;--dds-card-overlap: -30px;--dds-card-font: 17px;--dds-lost-icon: 32px;--dds-stage-h: 176px;--dds-stage-w: 110px;--dds-s-img: 240px;--dds-backup-img: 110px}.dcent-dds__story{padding-block:40px}.dcent-dds__heading{font-size:56px;line-height:58px}.dcent-dds--ko .dcent-dds__heading{line-height:64px}.dcent-dds__br-lg{display:inline}.dcent-dds__cmp{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:visible}.dcent-dds__panel{width:auto;flex-shrink:1}.dcent-dds__panel--clone{display:none}.dcent-dds__panel--s{border-left:1px solid var(--dds-line)}.dcent-dds__stack-wrap{min-height:200px}.dcent-dds__stage{padding-block:16px}.dcent-dds__controls{display:none}}@media(prefers-reduced-motion:reduce){.dcent-dds__dot,.dcent-dds__dot-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/dcent-pdp-dual-structure.css.map */