.diy-sb{--diy2-sb-body: #3f474b;--diy2-sb-ok: #1d6b45;--diy2-sb-side: 320px;--diy2-sb-mob: 0px;display:block;color:var(--diy2-ink);font-family:var(--diy2-font-text);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}:where(.diy-sb) :where(h1,h2,h3,p,ul,ol){margin:0}.diy-sb [hidden]{display:none!important}.diy-sb :focus-visible{outline:3px solid var(--diy2-orange-deep);outline-offset:3px;border-radius:3px}.diy-sb .diy-sb-hero :focus-visible{outline-color:var(--diy2-focus-on-dark)}.diy-sb-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--diy2-pad)}.diy-sb-hero{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding-block:64px 72px;background:var(--diy2-forge);color:var(--diy2-chalk)}.diy-sb-hero__glow{position:absolute;z-index:-1;left:50%;bottom:-30%;width:120%;height:80%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 60%,rgb(255 122 24 / .18),transparent 70%);pointer-events:none}.diy-sb-hero__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px 56px}.diy-sb-hero__copy{display:grid;gap:22px;justify-items:start}.diy-sb-hero__h1{display:grid;gap:18px;font-family:var(--diy2-font-head);font-style:normal;font-weight:800;text-transform:none}.diy-sb-kicker{display:flex;align-items:center;gap:10px;font:500 12px/1.4 var(--diy2-font-mono);font-stretch:87.5%;letter-spacing:.14em;text-transform:uppercase;color:var(--diy2-steel)}.diy-sb-kicker:before{content:"";flex:none;width:18px;height:2px;background:var(--diy2-orange)}.diy-sb-hero__title{max-width:14ch;font-size:clamp(42px,5.6vw,84px);font-stretch:112%;line-height:.95;letter-spacing:-.02em;text-wrap:balance;color:var(--diy2-chalk)}.diy-sb-hero__sub{max-width:52ch;font-size:19px;line-height:1.55;color:var(--diy2-mist)}.diy-sb-steps{padding:26px 28px;border:1px solid rgb(139 193 221 / .22);border-radius:var(--diy2-radius);background:#ffffff0d}.diy-sb-steps__title{margin-bottom:18px;font:500 12px/1.4 var(--diy2-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--diy2-steel)}.diy-sb-steps__list{display:grid;gap:14px;padding:0;list-style:none;counter-reset:diy-sb-step}.diy-sb-steps__list li{display:flex;align-items:center;gap:14px;font-weight:600;color:var(--diy2-chalk);counter-increment:diy-sb-step}.diy-sb-steps__list li:before{content:counter(diy-sb-step);display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--diy2-orange);color:var(--diy2-on-orange);font:700 14px/1 var(--diy2-font-mono)}.diy-sb-sizes{padding-block:56px 72px;background:var(--diy2-chalk)}.diy-sb-label{display:flex;align-items:center;gap:12px;margin-bottom:24px;font:600 13px/1.4 var(--diy2-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--diy2-slate)}.diy-sb-label:after{content:"";flex:1;height:1px;background:#1d232624}.diy-sb-sizes__row{--diy2-level-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));--diy2-level-gap: 16px;--diy2-level-inner-gap: 6px;padding:0;list-style:none}.diy-sb-size{position:relative;padding:0 24px 24px;border:1.5px solid var(--diy2-mist);border-radius:var(--diy2-radius);background:#fff}.diy-sb-size__badge{display:flex;justify-content:center;min-height:26px;margin-bottom:8px}.diy-sb-size__badge span{padding:5px 12px;border-radius:0 0 8px 8px;background:var(--diy2-ink);color:var(--diy2-chalk);font:600 11px/1.4 var(--diy2-font-mono);letter-spacing:.1em;text-transform:uppercase}.diy-sb-size__count{display:flex;align-items:baseline;gap:10px}.diy-sb-size__num{font:800 72px/.9 var(--diy2-font-display);color:var(--diy2-ink)}.diy-sb-size__unit{font:600 12px/1.4 var(--diy2-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--diy2-slate)}.diy-sb-size__name{font:800 20px/1.2 var(--diy2-font-head);font-stretch:106%;color:var(--diy2-ink)}.diy-sb-size__price{font:800 22px/1.2 var(--diy2-font-head);color:var(--diy2-orange-on-light)}.diy-sb-size__desc{font-size:15px;color:var(--diy2-sb-body)}.diy-sb-size .diy-sb-btn{align-self:end;width:100%;margin-top:10px}.diy-sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1.5px solid transparent;border-radius:4px;font:700 16px/1.2 var(--diy2-font-text);letter-spacing:.01em;text-align:center;cursor:pointer}.diy-sb-btn--line{border-color:var(--diy2-ink);background:transparent;color:var(--diy2-ink)}.diy-sb-btn--line:hover{background:var(--diy2-ink);color:var(--diy2-chalk)}.diy-sb-btn--primary{width:100%;min-height:52px;background:var(--diy2-orange);color:var(--diy2-on-orange)}.diy-sb-btn--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--diy2-ink);color:var(--diy2-chalk)}.diy-sb-btn:is(:disabled,[aria-disabled=true]){border-color:transparent;background:var(--diy2-mist);color:var(--diy2-slate);cursor:not-allowed}.diy-sb-builder{padding-bottom:calc(72px + var(--diy2-sb-mob-h, var(--diy2-sb-mob)));background:#fff}.diy-sb-bar{border-bottom:1px solid var(--diy2-mist);background:var(--diy2-chalk)}.diy-sb-bar__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;min-height:56px}.diy-sb-link{display:inline-flex;align-items:center;gap:6px;min-height:var(--diy2-target-touch);padding:0;border:0;background:none;color:var(--diy2-ink);font:600 15px/1.3 var(--diy2-font-text);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.diy-sb-bar__title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:800 18px/1.3 var(--diy2-font-head)}.diy-sb-bar__dot{width:4px;height:4px;border-radius:50%;background:var(--diy2-slate)}.diy-sb-bar__price{color:var(--diy2-orange-on-light)}.diy-sb-body{display:grid;grid-template-columns:minmax(0,1fr) var(--diy2-sb-side);align-items:start;gap:40px;padding-top:32px}.diy-sb-progress{margin-bottom:28px}.diy-sb-progress__text{margin-bottom:10px;font-size:15px;font-weight:600;color:var(--diy2-sb-body)}.diy-sb-progress__bar{height:10px;overflow:hidden;border-radius:6px;background:var(--diy2-mist)}.diy-sb-progress__bar span{display:block;width:0;height:100%;border-radius:6px;background:var(--diy2-orange)}.diy-sb.is-complete .diy-sb-progress__bar span{background:var(--diy2-sb-ok)}.diy-sb.is-complete :is(.diy-sb-progress__text,.diy-sb-side__status,.diy-sb-mob__status){color:var(--diy2-sb-ok)}.diy-sb-grid{--diy2-level-columns: repeat(3, minmax(0, 1fr));--diy2-level-gap: 16px;--diy2-level-row-gap: 16px;--diy2-level-inner-gap: 6px;padding:0;list-style:none}.diy-sb-card{overflow:hidden;padding-bottom:16px;border:1.5px solid var(--diy2-mist);border-radius:var(--diy2-radius);background:#fff}.diy-sb-card>:not(.diy-sb-card__media){margin-inline:16px}.diy-sb-card.is-added{border-color:var(--diy2-orange-deep);box-shadow:0 0 0 1px var(--diy2-orange-deep)}.diy-sb-card__media{position:relative;aspect-ratio:1;margin-bottom:8px;border-bottom:1.5px solid var(--diy2-mist);background:var(--diy2-chalk)}.diy-sb-card.is-capped .diy-sb-card__media,.diy-sb-card.is-sold-out .diy-sb-card__media{opacity:.5}.diy-sb-card__img{display:block;width:100%;height:100%;object-fit:contain}.diy-sb-card__badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:4px;background:var(--diy2-ink);color:var(--diy2-chalk);font:600 11px/1.3 var(--diy2-font-mono);letter-spacing:.08em;text-transform:uppercase}.diy-sb-card__name{font:800 18px/1.2 var(--diy2-font-head);font-stretch:106%;color:var(--diy2-ink)}.diy-sb-card__sub{font:500 12px/1.4 var(--diy2-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--diy2-slate)}.diy-sb-card__desc{font-size:15px;line-height:1.5;color:var(--diy2-sb-body)}.diy-sb-card__controls{display:flex;flex-wrap:wrap;align-items:center;align-self:end;gap:8px;margin-top:8px}.diy-sb-qty{display:inline-flex;align-items:center;border:1.5px solid var(--diy2-slate);border-radius:4px}.diy-sb-qty__btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;color:var(--diy2-ink);font:600 20px/1 var(--diy2-font-text);cursor:pointer}.diy-sb-qty__btn:is(:disabled,[aria-disabled=true]){color:#1d232659;cursor:not-allowed}.diy-sb-qty__val{min-width:28px;font:700 16px/1 var(--diy2-font-mono);text-align:center}.diy-sb-add{flex:1 1 96px;min-height:43px;padding:0 14px;border:1.5px solid var(--diy2-ink);border-radius:4px;background:#fff;color:var(--diy2-ink);font:700 15px/1.2 var(--diy2-font-text);cursor:pointer}.diy-sb-add:hover:not(:disabled){background:var(--diy2-chalk)}.diy-sb-card.is-added .diy-sb-add{background:var(--diy2-ink);color:var(--diy2-chalk)}.diy-sb-add:disabled{border-color:var(--diy2-mist);background:var(--diy2-mist);color:var(--diy2-slate);cursor:not-allowed}.diy-sb-soon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:40px;padding:28px 32px;border:1.5px dashed rgb(29 35 38 / .3);border-radius:var(--diy2-radius);background:var(--diy2-chalk)}.diy-sb-soon>div{display:grid;flex:1 1 28rem;gap:8px}.diy-sb-soon__eyebrow{font:600 12px/1.4 var(--diy2-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--diy2-orange-on-light)}.diy-sb-soon__title{font:800 22px/1.2 var(--diy2-font-head);font-stretch:106%}.diy-sb-soon__text{max-width:62ch;font-size:15px;color:var(--diy2-sb-body)}.diy-sb-soon__badge{padding:9px 18px;border-radius:999px;background:var(--diy2-ink);color:var(--diy2-chalk);font:600 12px/1.3 var(--diy2-font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.diy-sb-side{position:sticky;top:calc(var(--diy2-hdr-offset, 64px) + 16px);overflow:hidden;border:1.5px solid var(--diy2-mist);border-top:4px solid var(--diy2-orange);border-radius:var(--diy2-radius);background:var(--diy2-chalk)}.diy-sb-side__in{display:grid;gap:12px;padding:22px 20px}.diy-sb-side__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.diy-sb-side__title{font:800 20px/1.2 var(--diy2-font-head)}.diy-sb-count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--diy2-orange);color:var(--diy2-on-orange);font:700 13px/1 var(--diy2-font-mono)}.diy-sb-side__sub,.diy-sb-side__status{font-size:14px;color:var(--diy2-sb-body)}.diy-sb-side__status{font-weight:600}.diy-sb-side__empty{padding:14px 8px;font-size:14px;text-align:center;color:var(--diy2-slate)}.diy-sb-list{display:grid;gap:8px;max-height:300px;overflow-y:auto;padding:0;list-style:none}.diy-sb-list:empty{display:none}.diy-sb-list li{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 8px;border:1.5px solid var(--diy2-mist);border-radius:8px;background:#fff}.diy-sb-list img{flex:none;width:36px;height:36px;border-radius:6px;object-fit:contain;background:var(--diy2-chalk)}.diy-sb-list__name{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.3}.diy-sb-list__qty{font:700 14px/1 var(--diy2-font-mono);color:var(--diy2-orange-on-light)}.diy-sb-list__rm{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:none;color:var(--diy2-slate);font-size:16px;cursor:pointer}.diy-sb-list__rm:hover{background:var(--diy2-mist);color:var(--diy2-ink)}.diy-sb-side__total{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1.5px solid var(--diy2-mist);border-radius:8px;background:#fff;font-size:14px;color:var(--diy2-sb-body)}.diy-sb-side__total strong{font:800 18px/1 var(--diy2-font-head);color:var(--diy2-ink)}.diy-sb-error{padding:10px 12px;border-left:4px solid #b3261e;background:#fdeceb;color:#8c1d18;font-size:14px;font-weight:600}.diy-sb-mob{display:none}@media(max-width:989px){.diy-sb-grid{--diy2-level-columns: repeat(2, minmax(0, 1fr))}.diy-sb-body{grid-template-columns:minmax(0,1fr) 280px;gap:24px}}@media(max-width:749px){.diy-sb{--diy2-sb-mob: 76px}.diy-sb-hero{padding-block:44px 52px}.diy-sb-hero__in{grid-template-columns:minmax(0,1fr)}.diy-sb-hero__sub{font-size:17px}.diy-sb-sizes{padding-block:40px 48px}.diy-sb-sizes__row{--diy2-level-columns: repeat(2, minmax(0, 1fr));--diy2-level-gap: 12px}.diy-sb-size{padding:0 14px 16px}.diy-sb-size__num{font-size:56px}.diy-sb-size__name{font-size:17px}.diy-sb-size .diy-sb-btn{min-height:var(--diy2-target-touch);padding:0 10px;font-size:15px}.diy-sb-body{grid-template-columns:minmax(0,1fr);padding-top:24px}.diy-sb-grid{--diy2-level-gap: 10px;--diy2-level-row-gap: 10px}.diy-sb-card>:not(.diy-sb-card__media){margin-inline:10px}.diy-sb-card__name{font-size:16px}.diy-sb-card__desc{font-size:14px}.diy-sb-card__controls{flex-direction:column;align-items:stretch}.diy-sb-qty{justify-content:space-between}.diy-sb-qty__btn{width:var(--diy2-target-touch);height:var(--diy2-target-touch)}.diy-sb-add{flex:none;min-height:var(--diy2-target-touch)}.diy-sb-soon{padding:22px 20px}.diy-sb-side{display:none}html:has(.diy-sb-builder:not([hidden])),html:has(.diy-sb-builder:not([hidden])) .page-wrapper{scroll-padding-bottom:calc(var(--diy2-sb-mob-h, 76px) + 12px)}.diy-sb-mob{display:flex;flex-direction:column;position:fixed;z-index:20;inset:auto 0 0;max-height:70dvh;border-top:2px solid var(--diy2-mist);background:var(--diy2-chalk);box-shadow:0 -6px 24px #07080a1f;padding-bottom:env(safe-area-inset-bottom,0px)}.diy-sb .diy-sb-mob__toggle:focus-visible{outline-offset:-5px}.diy-sb-mob__toggle{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;min-height:68px;padding:10px 18px;border:0;background:var(--diy2-chalk);color:var(--diy2-ink);text-align:left;cursor:pointer}.diy-sb-mob__title{display:flex;align-items:center;gap:8px;font:800 16px/1.2 var(--diy2-font-head)}.diy-sb-mob__status{grid-column:1;font-size:13px;font-weight:600;color:var(--diy2-sb-body)}.diy-sb-mob__caret{grid-row:1 / span 2;grid-column:2;width:10px;height:10px;border-top:2px solid currentcolor;border-left:2px solid currentcolor;transform:translateY(3px) rotate(45deg)}.diy-sb-mob__toggle[aria-expanded=true] .diy-sb-mob__caret{transform:translateY(-3px) rotate(225deg)}.diy-sb-mob__body{flex:0 1 auto;display:grid;align-content:start;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 12px}.diy-sb-mob__foot{flex:none;display:grid;gap:10px;padding:0 16px 16px}}@media(prefers-reduced-motion:no-preference){.diy-sb-progress__bar span{transition:width .4s var(--diy2-ease)}.diy-sb-btn,.diy-sb-add{transition:background-color .2s,color .2s}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/diy-sample-bundles.css.map */