.diy-bb-end{padding-block:72px 80px;background:var(--diy2-bb-cream)}.diy-bb-end__in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:20px 56px}.diy-bb-end__copy{display:grid;gap:22px}.diy-bb-end__text{max-width:46ch;font-size:18px;line-height:1.5;color:var(--diy2-bb-paper-body);text-wrap:pretty}.diy-bb-end__btns{display:flex;flex-wrap:wrap;gap:10px 12px}@media(max-width:1100px){.diy-bb-end__in{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.diy-bb-end{padding-block:60px 66px}.diy-bb-end__text{font-size:16.5px}.diy-bb-end__btns .diy-bb-btn{flex:1 1 100%}}.diy-bb-hero{--diy2-bb-kick: var(--diy2-steel);--diy2-bb-focus: var(--diy2-focus-on-dark);position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:var(--diy2-forge);color:var(--diy2-chalk)}.diy-bb-hero__tex{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#8bc1dd1a;-webkit-mask:var(--diy2-bb-topo) 0 0 / 1100px 1100px repeat;mask:var(--diy2-bb-topo) 0 0 / 1100px 1100px repeat;pointer-events:none}.diy-bb-hero__glow{position:absolute;z-index:-1;left:50%;bottom:-10%;width:120%;height:70%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 60%,rgb(255 122 24 / .16),transparent 70%);pointer-events:none}.diy-bb-hero__in{padding-block:16px 34px}.diy-bb-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:calc((1.4em - 24px)/2) 0;padding:0;list-style:none;font:500 11px/1.4 var(--diy2-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--diy2-steel)}.diy-bb-crumbs li{display:flex;align-items:center;min-height:24px}.diy-bb-crumbs li+li:before{content:"/";content:"/" / "";margin-right:8px;color:var(--diy2-bb-paper-mute)}.diy-bb-crumbs li[aria-current]{color:var(--diy2-steel)}.diy-bb-crumbs a{display:inline-flex;align-items:center;min-height:24px;color:var(--diy2-bb-mist-text);text-decoration:none}.diy-bb-crumbs a:hover{color:var(--diy2-chalk);text-decoration:underline;text-decoration-color:currentcolor}.diy-bb-hero__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:18px 56px;margin-top:18px}.diy-bb-hero .diy-bb-kicker{margin-bottom:12px}.diy-bb-h1{max-width:15ch;font:800 clamp(40px,4.4vw,66px) / .95 var(--diy2-font-head);font-stretch:112%;letter-spacing:-.02em;text-transform:none;text-wrap:balance;color:var(--diy2-chalk)}.diy-bb-hero .diy-bb-hero__lede{max-width:50ch;font-size:18px;color:var(--diy2-bb-mist-text)}.diy-bb-hero__lede strong{color:var(--diy2-chalk)}.diy-bb-flight{position:relative;margin-top:30px}.diy-bb-board{--diy2-bb-cw: calc(min(116px, (100cqi - (var(--diy2-bb-n) - 1) * 10px) / var(--diy2-bb-n))*.536) ;position:relative;display:flex;flex-direction:column;container-type:inline-size}.diy-bb-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--diy2-bb-n),minmax(0,1fr));grid-auto-rows:auto;gap:0 10px}.diy-bb-slot{display:grid;grid-row:span 5;grid-template-rows:subgrid;justify-items:center;align-items:start;min-width:0;text-align:center}.diy-bb-slot__link{display:grid;grid-row:1 / span 3;grid-template-rows:subgrid;justify-items:center;align-items:start;width:100%;border-radius:10px;color:inherit;text-decoration:none}.diy-bb-slot__can{display:block;width:calc(var(--diy2-bb-cw) * 3.216);max-width:none;height:auto;margin:calc(var(--diy2-bb-cw) * .032) calc(var(--diy2-bb-cw) * -1.108) calc(var(--diy2-bb-cw) * -.143 - 8px);pointer-events:none}@media(hover:hover)and (prefers-reduced-motion:no-preference){.diy-bb-slot__can{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.diy-bb-slot__link:hover .diy-bb-slot__can{transform:translateY(-8px)}}.diy-bb-slot__n{position:relative;z-index:1;margin-top:30px;font:600 12px/1 var(--diy2-font-mono);letter-spacing:.14em;color:var(--diy2-orange-on-dark)}.diy-bb-slot__name{margin-top:7px;min-height:2.5em;font:700 14.5px/1.22 var(--diy2-font-head);color:var(--diy2-chalk);text-wrap:balance}.diy-bb-slot__name:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-top:2px solid var(--diy2-orange);border-right:2px solid var(--diy2-orange);transform:rotate(45deg) translateY(-2px)}a.diy-bb-slot__link:hover .diy-bb-slot__name{text-decoration:underline;text-decoration-color:currentcolor;text-underline-offset:3px}span.diy-bb-slot__link .diy-bb-slot__name:after{content:none}.diy-bb-slot__if{grid-row:4;margin-top:6px;font-size:13.5px;line-height:1.3;color:var(--diy2-bb-mist-text);text-wrap:balance}.diy-bb-slot__if span{display:block;font-size:12px;line-height:1.4;color:var(--diy2-steel)}.diy-bb-slot__notes{grid-row:5;display:inline-flex;align-items:center;min-height:32px;margin-top:8px;padding:4px 6px;font:500 12.5px/1.2 var(--diy2-font-text);color:var(--diy2-steel);text-decoration:underline;text-decoration-color:currentcolor;text-underline-offset:3px}.diy-bb-slot__notes:after{content:"\2193";content:"\2193" / "";margin-left:4px}.diy-bb-slot__notes:hover{color:var(--diy2-chalk)}.diy-bb-hero .diy-bb-slot__cta{display:none;grid-row:5}.diy-bb-board__paddle{position:absolute;z-index:1;left:-8px;right:-8px;top:calc(var(--diy2-bb-cw) * 2.974 - 34px);height:46px;border-radius:14px;background:var(--diy2-bb-paddle);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0009,0 26px 40px -20px #000000e6,0 0 0 1px #8bc1dd1f}.diy-bb-board__paddle:after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgb(139 193 221 / .25),var(--diy2-orange));opacity:.75}.diy-bb-scale{display:grid;grid-template-columns:repeat(var(--diy2-bb-n),minmax(0,1fr));gap:10px;margin-top:16px}.diy-bb-sweet{position:relative;grid-column:span var(--diy2-bb-span);padding-top:12px;font:500 12px/1.4 var(--diy2-font-mono);font-stretch:87.5%;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--diy2-steel)}.diy-bb-sweet:before{content:"";position:absolute;left:6px;right:6px;top:0;height:8px;border:1.5px solid rgb(199 206 210 / .45);border-top:0;border-radius:0 0 6px 6px}.diy-bb-sweet--yes{color:var(--diy2-focus-on-dark)}.diy-bb-sweet--yes:before{border-color:#ffb27ab3}.diy-bb-axis{display:flex;align-items:center;gap:14px;margin-top:16px;font:600 12px/1 var(--diy2-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--diy2-bb-mist-text)}.diy-bb-axis i{position:relative;flex:1;height:2px;background:linear-gradient(90deg,rgb(139 193 221 / .3),var(--diy2-orange))}.diy-bb-axis i:after{content:"";position:absolute;right:-2px;top:-4px;width:9px;height:9px;border-top:2px solid var(--diy2-orange);border-right:2px solid var(--diy2-orange);transform:rotate(45deg)}.diy-bb-more{display:none}.diy-bb-notes{--diy2-bb-kick: var(--diy2-ink);--diy2-bb-kick-rule: var(--diy2-ink);position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding-block:84px 92px;background:var(--diy2-orange);color:var(--diy2-ink)}.diy-bb-notes:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='36' viewBox='0 0 240 36'%3E%3Cpath d='M0 18c40 0 40-10 80-10s40 10 80 10 40-10 80-10' fill='none' stroke='%23FFF4EA' stroke-opacity='.45' stroke-width='1.2'/%3E%3C/svg%3E");background-size:240px 36px;pointer-events:none}.diy-bb-notes__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 56px}.diy-bb-notes__head .diy-bb-lede{color:var(--diy2-bb-on-orange-soft)}.diy-bb-tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:0 20px;margin-top:44px;margin-bottom:-20px}.diy-bb-tile{--diy2-bb-tile-cw: 73px;--diy2-bb-band: 48px;position:relative;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;min-width:0;margin-bottom:20px;border-radius:24px;overflow:hidden;background:var(--diy2-bb-cream);box-shadow:0 24px 40px -26px #3c0f00b3;scroll-margin-top:8px}.diy-bb-tile__art{grid-row:1;display:grid;place-items:end center;height:calc(var(--diy2-bb-band) + 214px);background:radial-gradient(70% 70% at 50% 95%,var(--diy2-bb-tint) 0%,var(--diy2-bb-art) 75%)}.diy-bb-tile__can{display:block;width:calc(var(--diy2-bb-tile-cw) * 3.216);max-width:none;height:auto;margin:0 calc(var(--diy2-bb-tile-cw) * -1.108) calc(var(--diy2-bb-tile-cw) * -.226 + 1px);filter:drop-shadow(0 14px 14px rgb(60 30 0 / .16))}.diy-bb-tile__body{grid-row:2 / span 4;display:grid;grid-template-rows:subgrid;row-gap:8px;align-items:start;padding:18px 22px 22px;border-top:1px solid var(--diy2-bb-line)}.diy-bb-tile__name{grid-row:1;font:600 11.5px/1.3 var(--diy2-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--diy2-bb-paper-body)}.diy-bb-tile__name:focus{outline:none}.diy-bb-tile__name:focus-visible{outline:3px solid var(--diy2-ink);outline-offset:4px}.diy-bb-tile__tag{position:absolute;z-index:1;top:14px;left:14px;max-width:calc(100% - 28px);padding:6px 9px;border-radius:4px;background:var(--diy2-ink);color:var(--diy2-bb-lemon);font:600 11px/1 var(--diy2-font-mono);letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}.diy-bb-tile__big{grid-row:2;max-width:8.8em;font:800 clamp(23px,2vw,29px) / 1.04 var(--diy2-font-head);font-stretch:106%;letter-spacing:-.02em;text-wrap:balance}.diy-bb-tile__sub{grid-row:3;font-size:14.5px;line-height:1.5;color:var(--diy2-bb-paper-body);text-wrap:pretty}.diy-bb-tile__cta{grid-row:4;justify-self:start;margin-top:10px}diy-builder:not(:defined) .diy-bb-tile:target,.diy-bb-tile.is-locked{box-shadow:0 0 0 4px var(--diy2-ink),0 0 0 10px #fff4ea8c,0 24px 40px -26px #3c0f00b3}@media(prefers-reduced-motion:no-preference){.diy-bb-tile{transition:box-shadow .6s ease}.diy-bb-tile.is-locked{animation:diy-bb-lock .7s cubic-bezier(.2,.7,.2,1)}@keyframes diy-bb-lock{0%{box-shadow:0 0 0 22px #1d232600,0 0 0 30px #fff4ea00,0 24px 40px -26px #3c0f00b3}}}@media(max-width:1100px){.diy-bb-board{--diy2-bb-cw: 60px;--diy2-bb-track: calc(var(--diy2-bb-n) * 112px + (var(--diy2-bb-n) - 1) * 10px);overflow-x:auto;margin:-10px calc(var(--diy2-pad) * -1) 0;padding:10px var(--diy2-pad) 0;scroll-padding-inline:72px}.diy-bb-row,.diy-bb-scale,.diy-bb-axis{width:var(--diy2-bb-track)}.diy-bb-row,.diy-bb-scale{grid-template-columns:repeat(var(--diy2-bb-n),112px)}.diy-bb-board__paddle{left:calc(var(--diy2-pad) - 8px);right:auto;top:calc(var(--diy2-bb-cw) * 2.974 - 24px);width:calc(var(--diy2-bb-track) + 16px)}.diy-bb-hero__top,.diy-bb-notes__head{grid-template-columns:minmax(0,1fr)}}@media(min-width:761px)and (max-width:1100px){.diy-bb-board{--diy2-bb-fl: 0px;--diy2-bb-fr: 0px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:rgb(139 193 221 / .6) rgb(139 193 221 / .12);-webkit-mask:linear-gradient(90deg,transparent,#000 var(--diy2-bb-fl),#000 calc(100% - var(--diy2-bb-fr)),transparent) 0 0 / 100% calc(100% - 14px) no-repeat,linear-gradient(#000,#000) 0 100% / 100% 14px no-repeat;mask:linear-gradient(90deg,transparent,#000 var(--diy2-bb-fl),#000 calc(100% - var(--diy2-bb-fr)),transparent) 0 0 / 100% calc(100% - 14px) no-repeat,linear-gradient(#000,#000) 0 100% / 100% 14px no-repeat}.diy-bb-board.is-more-l{--diy2-bb-fl: 56px}.diy-bb-board.is-more-r{--diy2-bb-fr: 88px}.diy-bb-more{position:absolute;z-index:3;top:67.22px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(139 193 221 / .45);border-radius:50%;background:#0b0e10db;color:var(--diy2-chalk);box-shadow:0 10px 24px -10px #000000e6;cursor:pointer}.diy-bb-more:before{content:"";width:9px;height:9px;border-top:2px solid currentcolor;border-right:2px solid currentcolor}.diy-bb-more--r{right:calc(var(--diy2-pad) * -1 + 12px)}.diy-bb-more--r:before{transform:translate(-2px) rotate(45deg)}.diy-bb-more--l{left:calc(var(--diy2-pad) * -1 + 12px)}.diy-bb-more--l:before{transform:translate(2px) rotate(-135deg)}.diy-bb-more:hover{border-color:var(--diy2-orange);color:var(--diy2-orange-on-dark)}}@media(max-width:999px)and (min-width:761px){.diy-bb-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-bb-tile:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 10px)}}@media(max-width:760px){.diy-bb-hero .diy-bb-hero__lede{font-size:16.5px}.diy-bb-flight{margin-top:24px}.diy-bb-board{--diy2-bb-cw: 49.3px;overflow:visible;margin:0;padding:0}.diy-bb-row,.diy-bb-scale,.diy-bb-axis{width:auto}.diy-bb-row,.diy-bb-scale{grid-template-columns:repeat(3,minmax(0,1fr))}.diy-bb-row{gap:0 8px}.diy-bb-slot{position:relative;padding-bottom:24px}.diy-bb-slot:before{content:"";position:absolute;z-index:0;left:-4px;right:-4px;top:calc(var(--diy2-bb-cw) * 2.974 - 30px);height:38px;background:var(--diy2-bb-paddle);box-shadow:inset 0 1px #ffffff1f,0 18px 28px -16px #000000e6}.diy-bb-slot:nth-child(3n+1):before{left:-6px;border-radius:12px 0 0 12px}.diy-bb-slot:nth-child(3n):before,.diy-bb-slot:last-child:before{right:-6px;border-radius:0 12px 12px 0}.diy-bb-slot:last-child:nth-child(3n+1):before{border-radius:12px}.diy-bb-slot__link,.diy-bb-slot__can{position:relative;z-index:1}.diy-bb-slot__n{margin-top:22px}.diy-bb-slot__name{min-height:0;font-size:13.5px}.diy-bb-slot__if{font-size:13px}.diy-bb-slot__notes{display:none}.diy-bb-hero .diy-bb-slot__cta{display:inline-flex;gap:6px;min-height:40px;margin-top:10px;padding:0 10px;font-size:13.5px}.diy-bb-hero .diy-bb-slot__cta:after{width:6px;height:6px;margin-left:0}.diy-bb-axis{margin-top:22px}.diy-bb-board__paddle{display:none}.diy-bb-scale{order:-1;gap:8px;margin:0 0 12px}.diy-bb-sweet{grid-column:span var(--diy2-bb-span-m);padding:0 0 12px;letter-spacing:.04em}.diy-bb-sweet:before{top:auto;bottom:0;border:1.5px solid rgb(199 206 210 / .5);border-bottom:0;border-radius:6px 6px 0 0}.diy-bb-sweet--yes:not(.diy-bb-sweet--wide){padding-left:8px;text-align:left}.diy-bb-sweet--yes:before{border-color:#ffb27abf}.diy-bb-sweet--yes:not(.diy-bb-sweet--wide):before{right:-2px;border-right:0;border-radius:6px 0 0}.diy-bb-sweet__list{display:none}.diy-bb-notes{padding-block:60px 66px}.diy-bb-tgrid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:30px;margin-bottom:0}.diy-bb-tile{--diy2-bb-tile-cw: 50.4px;grid-row:auto;grid-template-rows:none;grid-template-columns:104px minmax(0,1fr);margin-bottom:12px}.diy-bb-tile__art{grid-row:auto;height:auto;min-height:100%;place-items:center;overflow:hidden}.diy-bb-tile__can{margin:calc(var(--diy2-bb-tile-cw) * .175) calc(var(--diy2-bb-tile-cw) * -1.108) 0}.diy-bb-tile__body{grid-row:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 16px 18px;border-top:0;border-left:1px solid var(--diy2-bb-line)}.diy-bb-tile__name{font-size:12px}.diy-bb-tile__tag{position:static;order:-1;max-width:100%;padding:5px 7px;font-size:12px;line-height:1.2;letter-spacing:.06em}.diy-bb-tile__big{font-size:22px}.diy-bb-tile__sub{margin-bottom:6px}.diy-bb-tile__cta{align-self:stretch;margin-top:auto}}@media(max-width:700px){.diy-bb-crumbs ol{font-size:12px}}@media(max-width:359px){.diy-bb-hero .diy-bb-slot__cta{gap:4px;padding:0 6px;font-size:13px}}@media(forced-colors:active){diy-builder:not(:defined) .diy-bb-tile:target,.diy-bb-tile.is-locked{outline:4px solid CanvasText;outline-offset:2px}}:where(.diy-bb){--diy2-bb-cream: #fff4ea;--diy2-bb-mist-text: #dde2e5;--diy2-bb-paper-body: #3f474b;--diy2-bb-paper-mute: #5f686d;--diy2-bb-lemon: #ffe14d;--diy2-bb-line: #eadfd3;--diy2-bb-art: #fffcf8;--diy2-bb-on-orange-soft: #2a1405;--diy2-bb-orange-hover: #ff8a33;--diy2-bb-ink-hover: #30383c;--diy2-bb-paddle: linear-gradient(180deg, #1d2226 0%, #121619 55%, #0b0e10 100%);--diy2-bb-kick: var(--diy2-slate);--diy2-bb-kick-rule: var(--diy2-orange);--diy2-bb-focus: var(--diy2-ink);position:relative;display:block;color:var(--diy2-ink);font:400 16px/1.5 var(--diy2-font-text);-webkit-font-smoothing:antialiased}:where(.diy-bb) *,:where(.diy-bb) *:before,:where(.diy-bb) *:after{box-sizing:border-box}:where(.diy-bb) :where(h1,h2,h3,p,ol,ul){margin:0}:where(.diy-bb) :where(ol[class],ul[class]){padding:0;list-style:none}:where(.diy-bb) [hidden]{display:none!important}:where(.diy-bb) :focus-visible{outline:3px solid var(--diy2-bb-focus);outline-offset:3px;border-radius:3px}:where(.diy-bb) .diy-bb-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--diy2-pad)}:where(.diy-bb) .diy-bb-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;font:500 12px/1.4 var(--diy2-font-mono);font-stretch:87.5%;letter-spacing:.14em;text-transform:uppercase;color:var(--diy2-bb-kick)}:where(.diy-bb) .diy-bb-kicker:before{content:"";flex:none;width:18px;height:2px;background:var(--diy2-bb-kick-rule)}:where(.diy-bb) .diy-bb-h2{font:800 clamp(34px,4.4vw,66px) / 1 var(--diy2-font-head);font-stretch:106%;letter-spacing:-.02em;text-transform:none;text-wrap:balance;color:inherit}:where(.diy-bb) .diy-bb-lede{max-width:46ch;font-size:19px;line-height:1.5;text-wrap:pretty}:where(.diy-bb) .diy-bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1.5px solid transparent;border-radius:4px;font:700 15px/1 var(--diy2-font-text);font-stretch:106%;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer}:where(.diy-bb) :is(.diy-bb-btn--primary,.diy-bb-btn--ink):after{content:"";flex:none;width:8px;height:8px;margin-left:2px;border-top:2px solid currentcolor;border-right:2px solid currentcolor;transform:rotate(45deg)}:where(.diy-bb) .diy-bb-btn--primary{background:var(--diy2-orange);color:var(--diy2-ink)}:where(.diy-bb) .diy-bb-btn--primary:hover{background:var(--diy2-bb-orange-hover);color:var(--diy2-ink)}:where(.diy-bb) .diy-bb-btn--ink{background:var(--diy2-ink);color:var(--diy2-chalk)}:where(.diy-bb) .diy-bb-btn--ink:hover{background:var(--diy2-bb-ink-hover);color:var(--diy2-chalk)}:where(.diy-bb) .diy-bb-btn--line{border-color:var(--diy2-ink);background:transparent;color:var(--diy2-ink)}:where(.diy-bb) .diy-bb-btn--line:hover{background:#1d23260f;color:var(--diy2-ink)}@media(prefers-reduced-motion:no-preference){:where(.diy-bb) .diy-bb-btn{transition:transform .18s ease,background-color .2s}:where(.diy-bb) .diy-bb-btn:hover{transform:translateY(-1px)}}:where(.diy-bb) .diy-bb-note{max-width:62ch;margin-top:14px;padding:10px 14px;border:1px dashed var(--diy2-orange-on-light);border-radius:6px;background:#fff;color:var(--diy2-ink);font-size:14px;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/27/assets/diy-builder.css.map */