.dbcb{display:block;position:relative;--dbcb-accent: #FF9912;--dbcb-accent-dark: #D97706;--dbcb-ink: #4A4A4A;--dbcb-bleed: var(--container-outer-width, 0px)}.dbcb__strip{display:flex;height:var(--dbcb-strip-h, 64px);position:relative;z-index:2;margin-inline:calc(-1 * var(--dbcb-bleed))}.dbcb__chip{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--c);color:#fff;text-decoration:none;overflow:hidden;transition:flex-grow .35s cubic-bezier(.2,.8,.2,1)}.dbcb__chip.is-light{color:var(--dbcb-ink)}.dbcb__chip--white{box-shadow:inset 0 1px #e6e6e6}.dbcb__chip:focus-visible{outline:3px solid var(--dbcb-accent);outline-offset:-3px;z-index:3}.dbcb__name{position:relative;z-index:2;padding:0 6px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;transition:opacity .25s}.dbcb--none .dbcb__chip{overflow:visible}.dbcb--none .dbcb__name{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--dbcb-ink);color:#fff;font-weight:300;padding:5px 10px;border-radius:4px;pointer-events:none}.dbcb--none .dbcb__chip:hover .dbcb__name,.dbcb--none .dbcb__chip:focus-visible .dbcb__name{opacity:1}@media(hover:hover)and (min-width:700px){.dbcb--expand .dbcb__chip:hover,.dbcb--expand .dbcb__chip:focus-visible{flex-grow:3.2}.dbcb--powder .dbcb__chip:hover,.dbcb--powder .dbcb__chip.is-revealed{flex-grow:1.8}}.dbcb--expand .dbcb__chip:hover .dbcb__name,.dbcb--expand .dbcb__chip:focus-visible .dbcb__name{opacity:1}.dbcb--fluid .dbcb__strip{overflow:visible}.dbcb--fluid .dbcb__chip{transition:none}.dbcb--fluid.is-live .dbcb__chip{background:#eceae6;color:var(--dbcb-ink)}.dbcb--fluid.is-live .dbcb__chip .dbcb__name{opacity:1;font-size:14px;letter-spacing:.01em}.dbcb--fluid:not(.is-live) .dbcb__fluidcv{display:none}.dbcb--fluid:not(.is-live) .dbcb__chip{overflow:visible}.dbcb--fluid:not(.is-live) .dbcb__name{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:6;background:var(--dbcb-ink);color:#fff;font-weight:300;padding:5px 10px;border-radius:4px;pointer-events:none}.dbcb--fluid:not(.is-live) .dbcb__chip:hover .dbcb__name,.dbcb--fluid:not(.is-live) .dbcb__chip:focus-visible .dbcb__name,.dbcb--fluid:not(.is-live) .dbcb__chip.is-touched .dbcb__name{opacity:1}.dbcb__fluidcv{position:absolute;left:0;top:-140px;width:100%;height:calc(100% + 280px);z-index:3;pointer-events:none}.dbcb--spray .dbcb__strip{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M7.5 27.5c-2.2 2.6-4.6 3-6.8 1.6' fill='none' stroke='%234a4a4a' stroke-width='1.6' stroke-linecap='round'/><path d='M9 12.5h8l-3 15.5H6z' fill='%234a4a4a'/><path d='M17.5 14.5c1.6 1.4 1.8 3.4.8 5.2' fill='none' stroke='%234a4a4a' stroke-width='1.6' stroke-linecap='round'/><rect x='4' y='6.5' width='21' height='6.5' rx='1.6' fill='%234a4a4a'/><rect x='24' y='8' width='3.2' height='3.5' fill='%234a4a4a'/><path d='M27 6.5l1.6 1.8v3.2L27 13.3z' fill='%234a4a4a'/><circle cx='30' cy='9.8' r='1.4' fill='%23FF9912'/><circle cx='31' cy='5.6' r='1' fill='%23FF9912'/><circle cx='30.6' cy='14.2' r='1' fill='%23FF9912'/><circle cx='28.6' cy='3.6' r='.8' fill='%23FF9912'/><circle cx='28.4' cy='16.4' r='.8' fill='%23FF9912'/></svg>") 29 10,pointer}.dbcb--labeled .dbcb__strip{height:auto;align-items:stretch;background:rgb(var(--background, 74 74 74));padding-block-end:12px}.dbcb--labeled .dbcb__chip{flex-direction:column;justify-content:flex-start;gap:8px;background:none;color:rgb(var(--text-color, 255 255 255));overflow:visible;transition:none}.dbcb--labeled .dbcb__chip:before{content:"";display:block;align-self:stretch;height:var(--dbcb-strip-h, 64px);background:var(--c)}.dbcb--labeled .dbcb__chip--white:before{box-shadow:inset 0 1px #e6e6e6}.dbcb--labeled .dbcb__chip--white{box-shadow:none}.dbcb--labeled .dbcb__name{opacity:1;padding:0 4px;font-size:12px;line-height:1.25;letter-spacing:.01em;white-space:normal;text-align:center;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:4px}.dbcb--labeled .dbcb__chip:hover .dbcb__name{text-decoration-color:var(--dbcb-accent)}.dbcb--labeled .dbcb__chip:focus-visible{outline:2px solid #FFFFFF;outline-offset:-2px}.dbcb__band{position:relative;margin-inline:calc(-1 * var(--dbcb-bleed));padding:32px calc(var(--dbcb-bleed) + var(--container-gutter, 20px));background:rgb(var(--background, 74 74 74));color:rgb(var(--text-color, 255 255 255))}.dbcb__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:var(--container-max-width, 1800px);margin-inline:auto}.dbcb__card{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:calc(var(--dbcb-head, 24px) * .9) calc(var(--dbcb-head, 24px) * 1.05);border:1px solid rgb(var(--text-color, 255 255 255) / .18);border-radius:4px;background:rgb(var(--text-color, 255 255 255) / .04);color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.dbcb__card:hover{border-color:var(--dbcb-accent);box-shadow:inset 0 0 0 1px var(--dbcb-accent),0 6px 18px #0000001f;transform:translateY(-2px)}.dbcb--cards-white .dbcb__card{background:#fff;border-color:#fff;color:var(--dbcb-ink)}.dbcb--cards-white .dbcb__link{color:#4a4a4ad1}.dbcb--cards-solid .dbcb__card{background:var(--dbcb-ink);border-color:var(--dbcb-ink);color:#fff}.dbcb--cards-solid .dbcb__link{color:#ffffffd1}.dbcb--cards-solid .dbcb__strip{box-shadow:0 1px #4a4a4a1f}.dbcb__card:focus-visible{outline:2px solid var(--dbcb-accent);outline-offset:2px}.dbcb__icon{--i: calc(var(--dbcb-head, 24px) * 1.1);flex:0 0 var(--i);width:var(--i);height:var(--i);margin-top:1px;color:var(--dbcb-accent);display:inline-flex}.dbcb__icon svg{width:100%;height:100%}.dbcb__body{display:flex;flex-direction:column;gap:calc(var(--dbcb-head, 24px) * .3);min-width:0}.dbcb__head{font-size:var(--dbcb-head, 24px);font-weight:600;line-height:1.25}.dbcb__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--dbcb-link, 17px);font-weight:400;color:rgb(var(--text-color, 255 255 255) / .82)}.dbcb__arrow{color:var(--dbcb-accent);transition:transform .15s}.dbcb__card:hover .dbcb__arrow{transform:translate(3px)}.dbcb__finishes{display:inline-flex;gap:6px;align-items:center}.dbcb__finishes i{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(var(--text-color, 255 255 255) / .25)}.dbcb__finishes--brass{background:linear-gradient(135deg,#dcbb74,#b08d57 55%,#8a6a36)}.dbcb__finishes--nickel{background:linear-gradient(135deg,#e6e6e6,#b9b9b9 55%,#8c8c8c)}.dbcb__finishes--black{background:#141414}.dbcb--cards-typo .dbcb__cards{gap:0}.dbcb--cards-typo .dbcb__card{flex-direction:column;gap:calc(var(--dbcb-head, 24px) * .28);padding:8px 0;border:0;border-radius:0;background:none}.dbcb--cards-typo .dbcb__card:hover{box-shadow:none;transform:none;border-color:transparent}.dbcb__stat-big{font-size:calc(var(--dbcb-head, 24px) * 1.7);font-weight:600;line-height:1;letter-spacing:-.01em}.dbcb__stat-label{font-size:var(--dbcb-link, 17px);opacity:.8;line-height:1.35}.dbcb--cards-typo .dbcb__link{font-size:var(--dbcb-link, 17px)}.dbcb--cards-typo .dbcb__card:hover .dbcb__stat-big{color:var(--dbcb-accent)}.dbcb--cards-columns .dbcb__cards{gap:0}.dbcb--cards-columns .dbcb__card{flex-direction:column;gap:10px;padding:8px 0;border:0;border-radius:0;background:none}.dbcb--cards-columns .dbcb__card:hover{box-shadow:none;transform:none;border-color:transparent}.dbcb--cards-columns .dbcb__icon{--i: 22px}.dbcb--cards-columns .dbcb__body{gap:10px}.dbcb--cards-columns .dbcb__link{display:inline;align-self:flex-start;font-weight:600;color:rgb(var(--text-color, 255 255 255));text-decoration:underline;text-decoration-color:var(--dbcb-accent);text-decoration-thickness:2px;text-underline-offset:4px}.dbcb--cards-columns .dbcb__card:hover .dbcb__link{text-decoration-thickness:3px}.dbcb--cards-columns .dbcb__arrow{display:none}@media(min-width:700px){.dbcb__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dbcb--cards-columns .dbcb__cards{gap:0}.dbcb--cards-columns .dbcb__card{padding:4px 32px;border-left:1px solid rgb(var(--text-color, 255 255 255) / .14)}.dbcb--cards-columns .dbcb__card:first-child{border-left:0;padding-left:0}.dbcb--cards-typo .dbcb__card{padding:8px 28px;border-left:1px solid rgb(var(--text-color, 255 255 255) / .14)}.dbcb--cards-typo .dbcb__card:first-child{border-left:0;padding-left:0}}@media(max-width:699px){.dbcb__strip{flex-wrap:wrap;height:auto}.dbcb__chip{flex:1 0 14.2857%;height:48px}.dbcb__band{padding-block:20px}.dbcb__card{padding:14px 16px;gap:12px}.dbcb__icon{--i: 20px}.dbcb__body{gap:5px}.dbcb__head{font-size:calc(var(--dbcb-head, 24px) * .72)}.dbcb__link{font-size:calc(var(--dbcb-link, 17px) * .85)}.dbcb--labeled .dbcb__strip{padding-block-end:4px;row-gap:10px}.dbcb--labeled .dbcb__chip{height:auto;gap:6px}.dbcb--labeled .dbcb__chip:before{height:40px}.dbcb--labeled .dbcb__name{font-size:10.5px;padding:0 2px}.dbcb--cards-columns .dbcb__card{padding:14px 0;border-top:1px solid rgb(var(--text-color, 255 255 255) / .14)}.dbcb--cards-columns .dbcb__card:first-child{border-top:0;padding-top:4px}.dbcb--cards-typo .dbcb__card{padding:12px 0;border-top:1px solid rgb(var(--text-color, 255 255 255) / .14)}.dbcb--cards-typo .dbcb__card:first-child{border-top:0;padding-top:4px}.dbcb__stat-big{font-size:calc(var(--dbcb-head, 24px) * 1.35)}}@media(prefers-reduced-motion:reduce){.dbcb__chip,.dbcb__name,.dbcb__card,.dbcb__arrow{transition:none}.dbcb__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/257/assets/color-bar-banner.css.map */