.diy{font-family:inherit;color:var(--colorTextBody)}.diy h2,.diy h3{margin-top:0}.diy .icon--diy{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.diy--intro{display:grid;gap:28px;align-items:center}@media only screen and (min-width:769px){.diy--intro{grid-template-columns:1.1fr .9fr;gap:48px}.diy--intro.diy--no-demo{grid-template-columns:1fr;text-align:center}.diy--intro.diy--no-demo .diy__pills{justify-content:center}}.diy__eyebrow{margin:0 0 8px;font-size:calc(var(--typeBaseSize) - 2px);letter-spacing:.2em;text-transform:uppercase;color:var(--colorBtnPrimary);font-weight:700}.diy__title{margin:0 0 12px}.diy__lead{margin:0;max-width:560px;font-size:calc(var(--typeBaseSize) + 2px);line-height:1.55}.diy--no-demo{text-align:center;padding:12px 0 34px}.diy--no-demo .diy__eyebrow{margin-bottom:10px}.diy--no-demo .diy__title{font-size:calc(var(--typeHeaderSize) * 1.35);line-height:1.1;margin-bottom:18px}.diy--no-demo .diy__title:after{content:"";display:block;width:44px;height:3px;margin:16px auto 0;border-radius:2px;background:var(--colorBtnPrimary)}.diy--no-demo .diy__lead{margin:0 auto;max-width:640px;font-size:calc(var(--typeBaseSize) + 3px);line-height:1.6}@media only screen and (max-width:768px){.diy--no-demo .diy__title{font-size:calc(var(--typeHeaderSize) * 1.1)}.diy--no-demo .diy__lead{font-size:calc(var(--typeBaseSize) + 1px)}}.diy__lead p{margin:0 0 8px}.diy__lead p:last-child{margin-bottom:0}.diy__pills{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.diy__pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--colorBorder);border-radius:999px;font-size:calc(var(--typeBaseSize) - 1px);line-height:1.3;background:var(--colorBody)}.diy__pill .icon{width:18px;height:18px;flex:none;color:var(--colorBtnPrimary)}.diy__note{margin:10px 0 0;font-size:calc(var(--typeBaseSize) - 3px);opacity:.7}.diy__link{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px;font-weight:600}.diy-demo{position:relative;margin:0 auto;width:100%;max-width:420px}.diy-demo svg{display:block;width:100%;height:auto}.diy-demo__el{opacity:0;transform-box:fill-box;transform-origin:center}.diy-demo__area{stroke-dasharray:5 5}.diy-demo__badge text{font-family:inherit;font-weight:700}.diy-demo__caption{margin:10px 0 0;text-align:center;font-size:calc(var(--typeBaseSize) - 3px);opacity:.65}.diy__section{margin:0 0 52px}.diy__section:last-child{margin-bottom:0}.diy__section-title{margin-bottom:16px}.diy__section-lead{max-width:720px;margin:0;line-height:1.55;font-size:calc(var(--typeBaseSize) + 1px)}.diy__caveat{margin:14px 0 0;font-size:calc(var(--typeBaseSize) - 2px);opacity:.7}.diy__steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:1fr}@media only screen and (min-width:590px){.diy__steps{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1024px){.diy__steps{grid-template-columns:repeat(4,1fr)}}.diy__step{position:relative;text-align:center;padding:22px 18px 20px;border:1px solid var(--colorBorder);border-radius:var(--buttonRadius, 8px);background:var(--colorBody)}.diy__step-media{margin:0 auto 12px;width:120px;height:120px}.diy__step-media svg,.diy__step-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--buttonRadius, 8px)}.diy__num{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--colorBtnPrimary);color:var(--colorBtnPrimaryText);font-weight:700;font-size:calc(var(--typeBaseSize) - 1px)}.diy__step h3{font-size:calc(var(--typeBaseSize) + 2px);margin-bottom:6px}.diy__step p{margin:0;line-height:1.5;font-size:calc(var(--typeBaseSize) - 1px)}.diy__steps-footer{margin:16px 0 0;text-align:center;font-size:calc(var(--typeBaseSize) - 1px);opacity:.8}.diy-ai{padding:18px 16px 10px;border:1px solid var(--colorBorder);border-radius:var(--buttonRadius, 8px);background:var(--colorBody)}.diy-ai__stage svg{display:block;width:100%;height:auto}.diy-ai__stage--row{max-width:960px;margin:0 auto}.diy-ai__stage--col{display:none;max-width:360px;margin:0 auto}@media only screen and (max-width:768px){.diy-ai__stage--row{display:none}.diy-ai__stage--col{display:block}}.diy-ai__spark,.diy-ai__chip,.diy-ai__art,.diy-ai__fly,.diy-ai__name,.diy-ai__letter,.diy-ai__placeholder{opacity:0}.diy-ai__spark,.diy-ai__art{transform-box:fill-box;transform-origin:center}.diy-ai__fly{transform-box:fill-box;transform-origin:0 0}.diy__cards{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}@media only screen and (min-width:590px){.diy__cards{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1024px){.diy__cards--3{grid-template-columns:repeat(3,1fr)}.diy__cards--4{grid-template-columns:repeat(4,1fr)}}.diy__card{display:flex;flex-direction:column;align-items:flex-start;padding:20px 18px;border:1px solid var(--colorBorder);border-radius:var(--buttonRadius, 8px);background:var(--colorBody);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.diy__card:hover{transform:translateY(-3px);border-color:var(--colorBtnPrimary);box-shadow:0 10px 24px #0000000f}.diy__card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:12px;border-radius:14px;background:var(--colorBtnPrimary);color:var(--colorBtnPrimaryText);transition:transform .3s ease}.diy__card:hover .diy__card-icon{transform:rotate(-6deg) scale(1.08)}.diy__card-icon .icon{width:28px;height:28px}.diy__card-media{margin:-20px -18px 14px;width:calc(100% + 36px)}.diy__card-media img{display:block;width:100%;height:auto;border-radius:var(--buttonRadius, 8px) var(--buttonRadius, 8px) 0 0}.diy__card h3{font-size:calc(var(--typeBaseSize) + 2px);margin-bottom:4px}.diy__card .rte,.diy__card p{margin:0;line-height:1.5;font-size:calc(var(--typeBaseSize) - 1px)}.diy__card-link{margin-top:auto;padding-top:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.diy__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.diy__fact{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--colorBodyDim, #f6f6f3);line-height:1.3;font-weight:600;font-size:calc(var(--typeBaseSize) - 1px)}.diy__fact .icon{width:20px;height:20px;flex:none;color:var(--colorBtnPrimary)}.diy__faq{max-width:860px}.diy__qa{border-top:1px solid var(--colorBorder)}.diy__qa:last-child{border-bottom:1px solid var(--colorBorder)}.diy__qa .collapsible-trigger{width:100%;font-weight:600}.diy__q{margin:0;font:inherit;font-weight:600}.diy__qa .collapsible-content__inner{padding-left:40px;padding-bottom:16px}.diy__cta{text-align:center;padding:36px 20px;border-radius:var(--buttonRadius, 8px);background:var(--colorBodyDim, #f6f6f3)}.diy__cta h2{margin-bottom:8px}.diy__cta p{max-width:560px;margin:0 auto 18px}@keyframes diy-ph-graphic{0%,4%{opacity:0;transform:translateY(-14px) scale(.6)}5.5%{opacity:1;transform:translateY(3px) scale(1.08)}6.5%{transform:none}42%{opacity:1;transform:none}44%,to{opacity:0;transform:scale(.9)}}@keyframes diy-ph-letter{0%,14.5%{opacity:0}15.5%,to{opacity:1}}@keyframes diy-ph-textwrap{0%,14%{opacity:0}14.2%,42%{opacity:1}44%,to{opacity:0}}@keyframes diy-ph-bg{0%,26%{opacity:0;transform:scale(.5)}28%{opacity:1;transform:scale(1)}42%{opacity:1;transform:none}44%,to{opacity:0;transform:scale(.9)}}@keyframes diy-ph-saved{0%,33%{opacity:0;transform:translateY(8px) scale(.8)}34.5%{opacity:1;transform:translateY(-2px) scale(1.05)}35.5%{transform:none}42%{opacity:1;transform:none}44%,to{opacity:0;transform:scale(.9)}}@keyframes diy-ph-cart{0%,37%{opacity:0;transform:translateY(8px) scale(.8)}38.5%{opacity:1;transform:translateY(-2px) scale(1.05)}39.5%{transform:none}42%{opacity:1;transform:none}44%,to{opacity:0;transform:scale(.9)}}@keyframes diy-tabhl{0%,2%{opacity:0;transform:translateY(0)}4%,24%{opacity:1;transform:translateY(0)}27%,50%{opacity:1;transform:translateY(40px)}53%,64%{opacity:1;transform:translateY(80px)}67%,to{opacity:0;transform:translateY(80px)}}@keyframes diy-ants{to{stroke-dashoffset:-20}}@keyframes diy-colour{0%,30%{fill:#1c1d1d}33%,63%{fill:#eb637a}66%,to{fill:#5b8def}}@keyframes diy-swatch{0%,30%{transform:translate(0)}33%,63%{transform:translate(38px)}66%,to{transform:translate(76px)}}@keyframes diy-ring{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes diy-tap{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes diy-pop{0%,12%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}24%{transform:scale(1)}84%{opacity:1}92%,to{opacity:0}}@keyframes diy-fly{0%,25%{opacity:1;transform:translate(0) scale(1)}55%{opacity:1;transform:translate(48px,4px) scale(.35)}60%,to{opacity:0;transform:translate(48px,4px) scale(.2)}}@keyframes diy-cart-bump{0%,55%,to{transform:translateY(0) rotate(0)}62%{transform:translateY(-6px) rotate(-6deg)}70%{transform:translateY(0) rotate(0)}}@keyframes diy-check-pop{0%,62%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}75%{transform:scale(1)}94%{opacity:1}to{opacity:0}}@keyframes diy-ai-spark{0%,8%{opacity:0;transform:scale(.2)}11%{opacity:1;transform:scale(1)}15%{opacity:.35;transform:scale(.6)}19%{opacity:1;transform:scale(1.15)}23%{opacity:.4;transform:scale(.7)}27%,to{opacity:0;transform:scale(.2)}}@keyframes diy-ai-chip{0%,8%{opacity:0}10%,25%{opacity:1}27%,to{opacity:0}}@keyframes diy-ai-placeholder{0%,25%{opacity:1}27%,to{opacity:0}}@keyframes diy-ai-art{0%,25%{opacity:0;transform:scale(.85)}27%{opacity:1;transform:scale(1.04)}28.5%{transform:none}91%{opacity:1;transform:none}93%,to{opacity:0;transform:scale(.95)}}@keyframes diy-ai-fly{0%,40%{opacity:0;transform:translate(0) scale(1)}41%{opacity:1;transform:translate(0) scale(1)}56%{opacity:1;transform:translate(var(--fly-x),var(--fly-y)) scale(var(--fly-s))}91%{opacity:1;transform:translate(var(--fly-x),var(--fly-y)) scale(var(--fly-s))}93%,to{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) scale(var(--fly-s))}}@keyframes diy-ai-namewrap{0%,57%{opacity:0}58%,91%{opacity:1}93%,to{opacity:0}}@keyframes diy-ai-letter{0%,58%{opacity:0}59%,to{opacity:1}}@keyframes diy-ai-arrow2{0%,38%{opacity:.25}42%,to{opacity:1}}.diy-demo__el,.diy-anim__pop,.diy-anim__check,.diy-demo__tabhl,.diy-anim__fly,.diy-anim__cart,.diy-anim__ring,.diy-anim__swatch-ring,.diy-anim__finger{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.diy--animate .diy-ph-graphic{animation:diy-ph-graphic 20s ease-out infinite both}.diy--animate .diy-ph-letter{animation:diy-ph-letter 20s steps(1,end) infinite both}.diy--animate .diy-ph-textwrap{animation:diy-ph-textwrap 20s linear infinite both}.diy--animate .diy-ph-bg{animation:diy-ph-bg 20s ease-out infinite both}.diy--animate .diy-ph-saved{animation:diy-ph-saved 20s ease-out infinite both}.diy--animate .diy-ph-cart{animation:diy-ph-cart 20s ease-out infinite both}.diy--animate .diy-demo__tabhl{animation:diy-tabhl 10s ease-in-out infinite both}.diy--animate .diy-demo__area{animation:diy-ants 1.2s linear infinite}.diy--animate .diy-anim__body{animation:diy-colour 4.5s linear infinite}.diy--animate .diy-anim__swatch-ring{animation:diy-swatch 4.5s ease-in-out infinite}.diy--animate .diy-anim__ring{animation:diy-ring 1.6s ease-out infinite}.diy--animate .diy-anim__finger{animation:diy-tap 1.6s ease-in-out infinite}.diy--animate .diy-anim__pop{animation:diy-pop 5s ease-out infinite both}.diy--animate .diy-anim__fly{animation:diy-fly 4s ease-in-out infinite}.diy--animate .diy-anim__cart{animation:diy-cart-bump 4s ease-in-out infinite}.diy--animate .diy-anim__check{animation:diy-check-pop 4s ease-out infinite both}.diy--animate .diy-ai__spark{animation:diy-ai-spark 10s ease-in-out infinite both}.diy--animate .diy-ai__chip{animation:diy-ai-chip 10s linear infinite both}.diy--animate .diy-ai__placeholder{animation:diy-ai-placeholder 10s linear infinite both}.diy--animate .diy-ai__art{animation:diy-ai-art 10s ease-out infinite both}.diy--animate .diy-ai__fly{animation:diy-ai-fly 10s cubic-bezier(.4,0,.2,1) infinite both}.diy--animate .diy-ai__name{animation:diy-ai-namewrap 10s linear infinite both}.diy--animate .diy-ai__letter{animation:diy-ai-letter 10s steps(1,end) infinite both}.diy--animate .diy-ai__arrow2{animation:diy-ai-arrow2 10s linear infinite both}}.diy:not(.diy--animate) .diy-demo__design--a .diy-demo__el,.diy:not(.diy--animate) .diy-ph-letter,.diy:not(.diy--animate) .diy-anim__pop,.diy:not(.diy--animate) .diy-anim__check{opacity:1}.diy:not(.diy--animate) .diy-demo__design--b,.diy:not(.diy--animate) .diy-demo__tabhl{opacity:0}.diy:not(.diy--animate) .diy-ai__art,.diy:not(.diy--animate) .diy-ai__name,.diy:not(.diy--animate) .diy-ai__letter{opacity:1}.diy:not(.diy--animate) .diy-ai__fly{opacity:1;transform:translate(var(--fly-x),var(--fly-y)) scale(var(--fly-s))}@media(prefers-reduced-motion:reduce){.diy-demo__design--a .diy-demo__el,.diy-ph-letter,.diy-anim__pop,.diy-anim__check{opacity:1}.diy-demo__design--b,.diy-demo__tabhl{opacity:0}.diy-ai__art,.diy-ai__name,.diy-ai__letter{opacity:1}.diy-ai__fly{opacity:1;transform:translate(var(--fly-x),var(--fly-y)) scale(var(--fly-s))}.diy__card,.diy__card-icon,.diy-feat__card,.diy-feat__scatter img{transition:none}}.diy-feat{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:1fr}@media only screen and (min-width:590px){.diy-feat{grid-template-columns:repeat(2,1fr)}.diy-feat__card--wide{grid-column:span 2}}@media only screen and (min-width:1024px){.diy-feat{grid-template-columns:repeat(4,1fr)}}.diy-feat__card{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--feat-bg, #f3f4f6);color:var(--colorTextBody);transition:transform .25s ease,box-shadow .25s ease}.diy-feat__card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #00000017}.diy-feat__art{position:relative;height:168px;overflow:hidden}.diy-feat__card--wide .diy-feat__art{height:190px}.diy-feat__media,.diy-feat__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.diy-feat__body{padding:4px 20px 20px}.diy-feat__body h3{margin:0 0 4px;font-size:calc(var(--typeBaseSize) + 3px);line-height:1.25}.diy-feat__body .rte,.diy-feat__body p{margin:0;font-size:calc(var(--typeBaseSize) - 1px);line-height:1.5;opacity:.82}.diy-feat__deco{position:absolute;width:34px;color:#fff;opacity:.95;pointer-events:none}.diy-feat__deco svg{display:block;width:100%;height:auto;fill:currentColor}.diy-feat__deco--tl{top:16px;left:16px}.diy-feat__deco--tr{top:16px;right:16px}.diy-feat__deco--br{bottom:12px;right:16px;width:44px}.diy-feat__icon{position:absolute;left:20px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--colorBtnPrimary);color:var(--colorBtnPrimaryText)}.diy-feat__icon .icon{width:28px;height:28px}.diy-feat__scatter img{position:absolute;width:92px;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.14));transition:transform .35s ease}.diy-feat__scatter img:nth-child(1){left:6%;top:30px;width:104px;transform:rotate(-8deg)}.diy-feat__scatter img:nth-child(2){left:30%;top:44px;width:86px;transform:rotate(4deg)}.diy-feat__scatter img:nth-child(3){left:50%;top:30px;width:76px;transform:rotate(-3deg)}.diy-feat__scatter img:nth-child(4){left:71%;top:30px;width:88px;transform:rotate(9deg)}.diy-feat__scatter img:nth-child(5){left:88%;top:96px;width:62px;transform:rotate(-12deg)}.diy-feat__card:hover .diy-feat__scatter img:nth-child(odd){transform:rotate(-4deg) translateY(-4px)}.diy-feat__card:hover .diy-feat__scatter img:nth-child(2n){transform:rotate(6deg) translateY(-6px)}.diy-feat__pair{display:flex;align-items:center;justify-content:center;gap:18px;height:100%;padding:0 12px}.diy-feat__pair-photo,.diy-feat__pair-art{width:104px;height:132px;border-radius:16px;overflow:hidden;flex:none;box-shadow:0 10px 22px #00000024;background:#fff}.diy-feat__pair-photo{object-fit:cover;transform:rotate(-4deg)}.diy-feat__pair-art{display:flex;align-items:flex-end;justify-content:center;transform:rotate(3deg)}.diy-feat__pair-art img{width:90%;height:auto;display:block}.diy-feat__pair-arrow{position:relative;color:var(--colorTextBody);opacity:.75;flex:none}.diy-feat__pair-spark{position:absolute;top:-22px;right:-6px;width:22px;color:var(--colorBtnPrimary)}.diy-feat__pair-spark svg{display:block;width:100%;height:auto;fill:currentColor}.diy-feat__arch{position:absolute;left:50%;top:18px;width:104px;height:134px;transform:translate(-50%) rotate(-3deg);border-radius:52px 52px 14px 14px;overflow:hidden;border:4px solid #fff;box-shadow:0 12px 22px #00000029;background:#fff}.diy-feat__arch img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}.diy-feat__chip{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:5px 11px;border-radius:999px;background:#fff;color:var(--colorTextBody);font-size:11px;font-weight:700;letter-spacing:.1em;white-space:nowrap;box-shadow:0 4px 12px #0000001a}.diy-feat__type{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.diy-feat__type img{width:auto;height:132px;max-width:86%;object-fit:contain}.diy-feat__tags{list-style:none;margin:0;padding:0;position:absolute;left:20px;top:22px;display:flex;flex-direction:column;gap:9px}.diy-feat__tag{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:5px 14px 5px 5px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 12px #00000014}.diy-feat__tag i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--colorBtnPrimary);color:var(--colorBtnPrimaryText);font-style:normal;font-size:11px}.diy-feat__tag:nth-child(2){transform:translate(18px)}.diy-feat__tag:nth-child(3){transform:translate(36px)}.diy-feat__tag--more{transform:translate(54px);opacity:.55}.diy-feat__swatches{position:absolute;left:20px;top:24px;display:flex;gap:10px}.diy-feat__swatch{width:34px;height:34px;border-radius:50%;background:var(--sw);border:3px solid #fff;box-shadow:0 4px 10px #0000001f}.diy-feat__swatch--on{outline:2px solid var(--colorTextBody);outline-offset:2px}.diy-feat__tpls{position:absolute;left:20px;bottom:14px;display:flex;gap:10px}.diy-feat__tpl{position:relative;width:58px;height:58px;border-radius:10px;background:#fff;box-shadow:0 6px 14px #0000001a;overflow:hidden}.diy-feat__tpl b{position:absolute;left:10px;top:10px;width:20px;height:20px;border-radius:50%;background:#fde68a}.diy-feat__tpl u{position:absolute;left:10px;right:10px;bottom:12px;height:8px;border-radius:4px;background:#e5e7eb}.diy-feat__tpl--alt b{border-radius:4px;background:#a78bfa}.diy-feat__tpl--alt u{background:#6fd0c0}
/*# sourceMappingURL=/cdn/shop/t/36/assets/diy.css.map */