#bh-shade-guide .grid{flex-wrap:nowrap;justify-content:normal;gap:0}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#bh-shade-guide *,#bh-shade-guide :before,#bh-shade-guide :after,#bh-shade-guide ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}#bh-shade-guide{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:4px;--container-md:448px;--container-xl:576px;--container-2xl:672px;--container-3xl:768px;--container-5xl:1024px;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}#bh-shade-guide *,#bh-shade-guide :after,#bh-shade-guide :before,#bh-shade-guide ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}#bh-shade-guide ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}#bh-shade-guide{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}#bh-shade-guide hr{height:0;color:inherit;border-top-width:1px}#bh-shade-guide abbr:where([title]){text-decoration:underline dotted}#bh-shade-guide h1,#bh-shade-guide h2,#bh-shade-guide h3,#bh-shade-guide h4,#bh-shade-guide h5,#bh-shade-guide h6{font-size:inherit;font-weight:inherit}#bh-shade-guide a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}#bh-shade-guide b,#bh-shade-guide strong{font-weight:bolder}#bh-shade-guide code,#bh-shade-guide kbd,#bh-shade-guide samp,#bh-shade-guide pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}#bh-shade-guide small{font-size:80%}#bh-shade-guide sub,#bh-shade-guide sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}#bh-shade-guide sub{bottom:-.25em}#bh-shade-guide sup{top:-.5em}#bh-shade-guide table{text-indent:0;border-color:inherit;border-collapse:collapse}#bh-shade-guide :-moz-focusring:where(:not(iframe)){outline:auto}#bh-shade-guide progress{vertical-align:baseline}#bh-shade-guide summary{display:list-item}#bh-shade-guide ol,#bh-shade-guide ul,#bh-shade-guide menu{list-style:none}#bh-shade-guide img,#bh-shade-guide svg,#bh-shade-guide video,#bh-shade-guide canvas,#bh-shade-guide audio,#bh-shade-guide iframe,#bh-shade-guide embed,#bh-shade-guide object{vertical-align:middle;display:block}#bh-shade-guide img,#bh-shade-guide video{max-width:100%;height:auto}#bh-shade-guide button,#bh-shade-guide input,#bh-shade-guide select,#bh-shade-guide optgroup,#bh-shade-guide textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}#bh-shade-guide ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}#bh-shade-guide :where(select:is([multiple],[size])) optgroup{font-weight:bolder}#bh-shade-guide :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}#bh-shade-guide ::file-selector-button{margin-inline-end:4px}#bh-shade-guide ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#bh-shade-guide ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){#bh-shade-guide ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}#bh-shade-guide textarea{resize:vertical}#bh-shade-guide ::-webkit-search-decoration{-webkit-appearance:none}#bh-shade-guide ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}#bh-shade-guide ::-webkit-datetime-edit{display:inline-flex}#bh-shade-guide ::-webkit-datetime-edit-fields-wrapper{padding:0}#bh-shade-guide ::-webkit-datetime-edit{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-year-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-month-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-day-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-hour-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-minute-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-second-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-millisecond-field{padding-block:0}#bh-shade-guide ::-webkit-datetime-edit-meridiem-field{padding-block:0}#bh-shade-guide ::-webkit-calendar-picker-indicator{line-height:1}#bh-shade-guide :-moz-ui-invalid{box-shadow:none}#bh-shade-guide button,#bh-shade-guide input:where([type=button],[type=reset],[type=submit]){appearance:button}#bh-shade-guide ::file-selector-button{appearance:button}#bh-shade-guide ::-webkit-inner-spin-button{height:auto}#bh-shade-guide ::-webkit-outer-spin-button{height:auto}#bh-shade-guide [hidden]:where(:not([hidden=until-found])){display:none!important}#bh-shade-guide .pointer-events-none{pointer-events:none}#bh-shade-guide .invisible{visibility:hidden}#bh-shade-guide .visible{visibility:visible}#bh-shade-guide .absolute{position:absolute}#bh-shade-guide .fixed{position:fixed}#bh-shade-guide .relative{position:relative}#bh-shade-guide .static{position:static}#bh-shade-guide .sticky{position:sticky}#bh-shade-guide .inset-0{inset:0}#bh-shade-guide .inset-x-0{inset-inline:0}#bh-shade-guide .top-4{top:calc(var(--spacing) * 4)}#bh-shade-guide .top-5{top:calc(var(--spacing) * 5)}#bh-shade-guide .right-2\.5{right:calc(var(--spacing) * 2.5)}#bh-shade-guide .right-4{right:calc(var(--spacing) * 4)}#bh-shade-guide .right-5{right:calc(var(--spacing) * 5)}#bh-shade-guide .bottom-0{bottom:0}#bh-shade-guide .bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}#bh-shade-guide .left-0{left:0}#bh-shade-guide .z-50{z-index:50}#bh-shade-guide .col-start-2{grid-column-start:2}#bh-shade-guide .col-start-3{grid-column-start:3}#bh-shade-guide .mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}#bh-shade-guide .mx-auto{margin-inline:auto}#bh-shade-guide .mt-0\.5{margin-top:calc(var(--spacing) * .5)}#bh-shade-guide .mt-1{margin-top:var(--spacing)}#bh-shade-guide .mt-2{margin-top:calc(var(--spacing) * 2)}#bh-shade-guide .mt-3{margin-top:calc(var(--spacing) * 3)}#bh-shade-guide .mt-4{margin-top:calc(var(--spacing) * 4)}#bh-shade-guide .mt-5{margin-top:calc(var(--spacing) * 5)}#bh-shade-guide .mt-6{margin-top:calc(var(--spacing) * 6)}#bh-shade-guide .mt-7{margin-top:calc(var(--spacing) * 7)}#bh-shade-guide .mt-8{margin-top:calc(var(--spacing) * 8)}#bh-shade-guide .mt-10{margin-top:calc(var(--spacing) * 10)}#bh-shade-guide .mt-12{margin-top:calc(var(--spacing) * 12)}#bh-shade-guide .mt-16{margin-top:calc(var(--spacing) * 16)}#bh-shade-guide .mt-auto{margin-top:auto}#bh-shade-guide .mb-2{margin-bottom:calc(var(--spacing) * 2)}#bh-shade-guide .mb-5{margin-bottom:calc(var(--spacing) * 5)}#bh-shade-guide .block{display:block}#bh-shade-guide .flex{display:flex}#bh-shade-guide .grid{display:grid}#bh-shade-guide .hidden{display:none}#bh-shade-guide .inline{display:inline}#bh-shade-guide .inline-block{display:inline-block}#bh-shade-guide .aspect-\[3\/4\]{aspect-ratio:3/4}#bh-shade-guide .aspect-\[4\/5\]{aspect-ratio:4/5}#bh-shade-guide .aspect-\[9\/16\]{aspect-ratio:9/16}#bh-shade-guide .h-1{height:var(--spacing)}#bh-shade-guide .h-1\/3{height:33.3333%}#bh-shade-guide .h-7{height:calc(var(--spacing) * 7)}#bh-shade-guide .h-8{height:calc(var(--spacing) * 8)}#bh-shade-guide .h-10{height:calc(var(--spacing) * 10)}#bh-shade-guide .h-12{height:calc(var(--spacing) * 12)}#bh-shade-guide .h-14{height:calc(var(--spacing) * 14)}#bh-shade-guide .h-16{height:calc(var(--spacing) * 16)}#bh-shade-guide .h-44{height:calc(var(--spacing) * 44)}#bh-shade-guide .h-\[220px\]{height:220px}#bh-shade-guide .h-\[240px\]{height:240px}#bh-shade-guide .h-\[var\(--bh-compare-h\)\]{height:var(--bh-compare-h)}#bh-shade-guide .h-full{height:100%}#bh-shade-guide .h-px{height:1px}#bh-shade-guide .min-h-full{min-height:100%}#bh-shade-guide .min-h-screen{min-height:100vh}#bh-shade-guide .w-7{width:calc(var(--spacing) * 7)}#bh-shade-guide .w-8{width:calc(var(--spacing) * 8)}#bh-shade-guide .w-10{width:calc(var(--spacing) * 10)}#bh-shade-guide .w-12{width:calc(var(--spacing) * 12)}#bh-shade-guide .w-14{width:calc(var(--spacing) * 14)}#bh-shade-guide .w-16{width:calc(var(--spacing) * 16)}#bh-shade-guide .w-\[44px\]{width:44px}#bh-shade-guide .w-\[158px\]{width:158px}#bh-shade-guide .w-\[168px\]{width:168px}#bh-shade-guide .w-auto{width:auto}#bh-shade-guide .w-full{width:100%}#bh-shade-guide .max-w-2xl{max-width:var(--container-2xl)}#bh-shade-guide .max-w-3xl{max-width:var(--container-3xl)}#bh-shade-guide .max-w-5xl{max-width:var(--container-5xl)}#bh-shade-guide .max-w-\[34ch\]{max-width:34ch}#bh-shade-guide .max-w-\[86px\]{max-width:86px}#bh-shade-guide .max-w-\[1230px\]{max-width:1230px}#bh-shade-guide .max-w-full{max-width:100%}#bh-shade-guide .max-w-md{max-width:var(--container-md)}#bh-shade-guide .max-w-xl{max-width:var(--container-xl)}#bh-shade-guide .min-w-0{min-width:0}#bh-shade-guide .flex-1{flex:1}#bh-shade-guide .shrink{flex-shrink:1}#bh-shade-guide .shrink-0{flex-shrink:0}#bh-shade-guide .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}#bh-shade-guide .resize{resize:both}#bh-shade-guide .list-none{list-style-type:none}#bh-shade-guide .grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}#bh-shade-guide .flex-col{flex-direction:column}#bh-shade-guide .flex-wrap{flex-wrap:wrap}#bh-shade-guide .items-center{align-items:center}#bh-shade-guide .items-end{align-items:flex-end}#bh-shade-guide .items-start{align-items:flex-start}#bh-shade-guide .justify-between{justify-content:space-between}#bh-shade-guide .justify-center{justify-content:center}#bh-shade-guide .justify-end{justify-content:flex-end}#bh-shade-guide .justify-start{justify-content:flex-start}#bh-shade-guide .gap-2{gap:calc(var(--spacing) * 2)}#bh-shade-guide .gap-3{gap:calc(var(--spacing) * 3)}#bh-shade-guide .gap-4{gap:calc(var(--spacing) * 4)}#bh-shade-guide .gap-5{gap:calc(var(--spacing) * 5)}#bh-shade-guide .gap-6{gap:calc(var(--spacing) * 6)}#bh-shade-guide .gap-x-5{column-gap:calc(var(--spacing) * 5)}#bh-shade-guide .gap-x-6{column-gap:calc(var(--spacing) * 6)}#bh-shade-guide .gap-x-7{column-gap:calc(var(--spacing) * 7)}#bh-shade-guide .gap-x-8{column-gap:calc(var(--spacing) * 8)}#bh-shade-guide .gap-y-1{row-gap:var(--spacing)}#bh-shade-guide .gap-y-2{row-gap:calc(var(--spacing) * 2)}#bh-shade-guide .gap-y-6{row-gap:calc(var(--spacing) * 6)}#bh-shade-guide .gap-y-10{row-gap:calc(var(--spacing) * 10)}#bh-shade-guide .self-center{align-self:center}#bh-shade-guide .self-start{align-self:flex-start}#bh-shade-guide .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#bh-shade-guide .overflow-hidden{overflow:hidden}#bh-shade-guide .overflow-x-auto{overflow-x:auto}#bh-shade-guide .rounded-full{border-radius:3.40282e38px}#bh-shade-guide .border{border-style:var(--tw-border-style);border-width:1px}#bh-shade-guide .border-0{border-style:var(--tw-border-style);border-width:0}#bh-shade-guide .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}#bh-shade-guide .border-dashed{--tw-border-style:dashed;border-style:dashed}#bh-shade-guide .border-\[var\(--bh-ring\)\]{border-color:var(--bh-ring)}#bh-shade-guide .border-\[var\(--bh-rule\)\]{border-color:var(--bh-rule)}#bh-shade-guide .border-\[var\(--bh-rule-strong\)\]{border-color:var(--bh-rule-strong)}#bh-shade-guide .bg-\[var\(--bh-action\)\]{background-color:var(--bh-action)}#bh-shade-guide .bg-\[var\(--bh-band\)\]{background-color:var(--bh-band)}#bh-shade-guide .bg-\[var\(--bh-blush\)\]{background-color:var(--bh-blush)}#bh-shade-guide .bg-\[var\(--bh-media-bg\)\]{background-color:var(--bh-media-bg)}#bh-shade-guide .bg-\[var\(--bh-muted\)\]{background-color:var(--bh-muted)}#bh-shade-guide .bg-\[var\(--bh-page\)\],#bh-shade-guide .bg-\[var\(--bh-page\)\]\/92{background-color:var(--bh-page)}@supports (color:color-mix(in lab, red, red)){#bh-shade-guide .bg-\[var\(--bh-page\)\]\/92{background-color:color-mix(in oklab, var(--bh-page) 92%, transparent)}}#bh-shade-guide .bg-\[var\(--bh-tint\)\]{background-color:var(--bh-tint)}#bh-shade-guide .bg-black{background-color:var(--color-black)}#bh-shade-guide .bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){#bh-shade-guide .bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}#bh-shade-guide .fill-rule{fill:var(--bh-rule)}#bh-shade-guide .object-contain{object-fit:contain}#bh-shade-guide .object-cover{object-fit:cover}#bh-shade-guide .p-3{padding:calc(var(--spacing) * 3)}#bh-shade-guide .p-4{padding:calc(var(--spacing) * 4)}#bh-shade-guide .p-8{padding:calc(var(--spacing) * 8)}#bh-shade-guide .px-0\.5{padding-inline:calc(var(--spacing) * .5)}#bh-shade-guide .px-2{padding-inline:calc(var(--spacing) * 2)}#bh-shade-guide .px-3{padding-inline:calc(var(--spacing) * 3)}#bh-shade-guide .px-4{padding-inline:calc(var(--spacing) * 4)}#bh-shade-guide .px-6{padding-inline:calc(var(--spacing) * 6)}#bh-shade-guide .px-\[15px\]{padding-inline:15px}#bh-shade-guide .py-0\.5{padding-block:calc(var(--spacing) * .5)}#bh-shade-guide .py-1{padding-block:var(--spacing)}#bh-shade-guide .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}#bh-shade-guide .py-2{padding-block:calc(var(--spacing) * 2)}#bh-shade-guide .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}#bh-shade-guide .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}#bh-shade-guide .py-5{padding-block:calc(var(--spacing) * 5)}#bh-shade-guide .py-7{padding-block:calc(var(--spacing) * 7)}#bh-shade-guide .py-8{padding-block:calc(var(--spacing) * 8)}#bh-shade-guide .py-10{padding-block:calc(var(--spacing) * 10)}#bh-shade-guide .py-12{padding-block:calc(var(--spacing) * 12)}#bh-shade-guide .py-14{padding-block:calc(var(--spacing) * 14)}#bh-shade-guide .pt-5{padding-top:calc(var(--spacing) * 5)}#bh-shade-guide .pt-6{padding-top:calc(var(--spacing) * 6)}#bh-shade-guide .pt-8{padding-top:calc(var(--spacing) * 8)}#bh-shade-guide .pb-8{padding-bottom:calc(var(--spacing) * 8)}#bh-shade-guide .text-center{text-align:center}#bh-shade-guide .text-\[10px\]{font-size:10px}#bh-shade-guide .text-\[11px\]{font-size:11px}#bh-shade-guide .text-\[12px\]{font-size:12px}#bh-shade-guide .text-\[13px\]{font-size:13px}#bh-shade-guide .text-\[14px\]{font-size:14px}#bh-shade-guide .text-\[15px\]{font-size:15px}#bh-shade-guide .text-\[16px\]{font-size:16px}#bh-shade-guide .text-\[19px\]{font-size:19px}#bh-shade-guide .text-\[20px\]{font-size:20px}#bh-shade-guide .text-\[30px\]{font-size:30px}#bh-shade-guide .leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}#bh-shade-guide .leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}#bh-shade-guide .leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}#bh-shade-guide .leading-none{--tw-leading:1;line-height:1}#bh-shade-guide .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}#bh-shade-guide .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}#bh-shade-guide .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}#bh-shade-guide .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#bh-shade-guide .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}#bh-shade-guide .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#bh-shade-guide .tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}#bh-shade-guide .tracking-\[1\.5px\]{--tw-tracking:1.5px;letter-spacing:1.5px}#bh-shade-guide .tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}#bh-shade-guide .tracking-\[2px\]{--tw-tracking:2px;letter-spacing:2px}#bh-shade-guide .tracking-\[3px\]{--tw-tracking:3px;letter-spacing:3px}#bh-shade-guide .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}#bh-shade-guide .text-\[var\(--bh-accent\)\]{color:var(--bh-accent)}#bh-shade-guide .text-\[var\(--bh-body\)\]{color:var(--bh-body)}#bh-shade-guide .text-\[var\(--bh-ink\)\]{color:var(--bh-ink)}#bh-shade-guide .text-\[var\(--bh-muted\)\]{color:var(--bh-muted)}#bh-shade-guide .text-\[var\(--bh-ring\)\]{color:var(--bh-ring)}#bh-shade-guide .text-white{color:var(--color-white)}#bh-shade-guide .text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){#bh-shade-guide .text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}#bh-shade-guide .text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){#bh-shade-guide .text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}#bh-shade-guide .text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){#bh-shade-guide .text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}#bh-shade-guide .uppercase{text-transform:uppercase}#bh-shade-guide .not-italic{font-style:normal}#bh-shade-guide .underline{text-decoration-line:underline}#bh-shade-guide .decoration-\[var\(--bh-rule-strong\)\]{-webkit-text-decoration-color:var(--bh-rule-strong);-webkit-text-decoration-color:var(--bh-rule-strong);text-decoration-color:var(--bh-rule-strong)}#bh-shade-guide .underline-offset-4{text-underline-offset:4px}#bh-shade-guide .opacity-0{opacity:0}#bh-shade-guide .opacity-70{opacity:.7}#bh-shade-guide .opacity-90{opacity:.9}#bh-shade-guide .ring,#bh-shade-guide .ring-1{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}#bh-shade-guide .ring-\[var\(--bh-rule-strong\)\]{--tw-ring-color:var(--bh-rule-strong)}#bh-shade-guide .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}#bh-shade-guide .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#bh-shade-guide .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#bh-shade-guide .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#bh-shade-guide .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#bh-shade-guide .duration-200{--tw-duration:.2s;transition-duration:.2s}#bh-shade-guide .duration-300{--tw-duration:.3s;transition-duration:.3s}#bh-shade-guide .duration-500{--tw-duration:.5s;transition-duration:.5s}#bh-shade-guide .duration-700{--tw-duration:.7s;transition-duration:.7s}@media (hover:hover){#bh-shade-guide .group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}#bh-shade-guide .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}#bh-shade-guide .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}#bh-shade-guide .group-hover\/clip\:scale-105:is(:where(.group\/clip):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}#bh-shade-guide .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}@media (hover:hover){#bh-shade-guide .hover\:bg-\[var\(--bh-tint\)\]:hover{background-color:var(--bh-tint)}#bh-shade-guide .hover\:text-\[var\(--bh-ink\)\]:hover{color:var(--bh-ink)}#bh-shade-guide .hover\:text-\[var\(--bh-ring\)\]:hover{color:var(--bh-ring)}#bh-shade-guide .hover\:decoration-\[var\(--bh-ring\)\]:hover{-webkit-text-decoration-color:var(--bh-ring);-webkit-text-decoration-color:var(--bh-ring);text-decoration-color:var(--bh-ring)}}@media (width>=40rem){#bh-shade-guide .sm\:absolute{position:absolute}#bh-shade-guide .sm\:top-1\/2{top:50%}#bh-shade-guide .sm\:right-10{right:calc(var(--spacing) * 10)}#bh-shade-guide .sm\:mt-0{margin-top:0}#bh-shade-guide .sm\:flex{display:flex!important}#bh-shade-guide .sm\:inline{display:inline!important}#bh-shade-guide .sm\:inline-flex{display:inline-flex!important}#bh-shade-guide .sm\:h-52{height:calc(var(--spacing) * 52)}#bh-shade-guide .sm\:h-\[300px\]{height:300px}#bh-shade-guide .sm\:w-\[3\.846\%\]{width:3.846%}#bh-shade-guide .sm\:w-\[220px\]{width:220px}#bh-shade-guide .sm\:w-\[230px\]{width:230px}#bh-shade-guide .sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}#bh-shade-guide .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#bh-shade-guide .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#bh-shade-guide .sm\:justify-center{justify-content:center}#bh-shade-guide .sm\:gap-5{gap:calc(var(--spacing) * 5)}#bh-shade-guide .sm\:gap-8{gap:calc(var(--spacing) * 8)}#bh-shade-guide .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}#bh-shade-guide .sm\:text-right{text-align:right}#bh-shade-guide .sm\:text-\[19px\]{font-size:19px}#bh-shade-guide .sm\:text-\[42px\]{font-size:42px}}@media (width>=64rem){#bh-shade-guide .lg\:col-start-1{grid-column-start:1}#bh-shade-guide .lg\:col-start-2{grid-column-start:2}#bh-shade-guide .lg\:col-start-3{grid-column-start:3}#bh-shade-guide .lg\:row-span-2{grid-row:span 2/span 2}#bh-shade-guide .lg\:row-start-1{grid-row-start:1}#bh-shade-guide .lg\:row-start-2{grid-row-start:2}#bh-shade-guide .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}#bh-shade-guide .lg\:aspect-auto{aspect-ratio:auto}#bh-shade-guide .lg\:h-\[300px\]{height:300px}#bh-shade-guide .lg\:h-\[340px\]{height:340px}#bh-shade-guide .lg\:h-\[var\(--bh-bench-h\)\]{height:var(--bh-bench-h)}#bh-shade-guide .lg\:w-\[268px\]{width:268px}#bh-shade-guide .lg\:w-\[288px\]{width:288px}#bh-shade-guide .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#bh-shade-guide .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}#bh-shade-guide .lg\:grid-cols-\[300px_minmax\(0\,1fr\)\]{grid-template-columns:300px minmax(0,1fr)}#bh-shade-guide .lg\:grid-cols-\[300px_minmax\(0\,1fr\)_290px\]{grid-template-columns:300px minmax(0,1fr) 290px}#bh-shade-guide .lg\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}#bh-shade-guide .lg\:gap-3{gap:calc(var(--spacing) * 3)}#bh-shade-guide .lg\:gap-4{gap:calc(var(--spacing) * 4)}#bh-shade-guide .lg\:gap-6{gap:calc(var(--spacing) * 6)}#bh-shade-guide .lg\:gap-8{gap:calc(var(--spacing) * 8)}#bh-shade-guide .lg\:px-8{padding-inline:calc(var(--spacing) * 8)}#bh-shade-guide .lg\:py-9{padding-block:calc(var(--spacing) * 9)}#bh-shade-guide .lg\:py-14{padding-block:calc(var(--spacing) * 14)}#bh-shade-guide .lg\:py-20{padding-block:calc(var(--spacing) * 20)}}#bh-shade-guide{--bh-page:#fff;--bh-tint:#f7f2ef;--bh-band:#f5f3f0;--bh-blush:#f9f2f0;--bh-media-bg:#f0ebe7;--bh-ink:#2a2221;--bh-body:#444;--bh-muted:#6b5d55;--bh-on-dark:#fff;--bh-action:#4c382f;--bh-action-hover:#000;--bh-accent:#735b4e;--bh-ring:#9e756b;--bh-flag:#c4756a;--bh-rule:#2a222114;--bh-rule-strong:#2a222126;--bh-rule-chip:#fafafa;--bh-header-h:0px;--bh-bench-h:clamp(420px, 54vh, 600px);--bh-compare-h:clamp(260px, 32vh, 360px);background:var(--bh-page);color:var(--bh-body);font-family:var(--font-raleway), Raleway, sans-serif;letter-spacing:.6px;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.8;overflow-x:clip}#bh-shade-guide .bh-h,#bh-shade-guide .bh-h0,#bh-shade-guide .bh-h1,#bh-shade-guide .bh-h2,#bh-shade-guide .bh-h3{font-family:var(--font-lato), Lato, sans-serif;letter-spacing:.78px;color:var(--bh-ink);font-weight:700;line-height:1.2308}#bh-shade-guide .bh-h0{font-size:clamp(34px,9vw,52px)}#bh-shade-guide .bh-h1{font-size:clamp(28px,7.5vw,39px)}#bh-shade-guide .bh-h2{font-size:clamp(22px,5.5vw,26px)}#bh-shade-guide .bh-h3{font-size:20px}@media screen and (width>=750px){#bh-shade-guide .bh-h0{font-size:67.6px}#bh-shade-guide .bh-h1{font-size:52px}#bh-shade-guide .bh-h2{font-size:31.2px}#bh-shade-guide .bh-h3{font-size:23.4px}}#bh-shade-guide .bh-btn{letter-spacing:1px;cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:47px;padding:0 30px;font-size:15px;line-height:1.2;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}#bh-shade-guide .bh-btn-primary{background:var(--bh-action);color:#fff}#bh-shade-guide .bh-btn-primary:hover{background:var(--bh-action-hover)}#bh-shade-guide .bh-btn-secondary{background:var(--bh-page);color:var(--bh-ink);border-color:var(--bh-rule-strong)}#bh-shade-guide .bh-btn-secondary:hover{background:var(--bh-tint);border-color:var(--bh-ring)}#bh-shade-guide :where(a,button,[tabindex]):focus-visible{outline:2px solid var(--bh-action);outline-offset:2px}#bh-shade-guide .bh-scroll-target{scroll-margin-top:calc(var(--bh-header-h) + 24px)}#bh-shade-guide .bh-rec{display:none}#bh-shade-guide [data-recommended=true] .bh-rec{display:inline-block}#bh-shade-guide [data-recommended=true]{background:linear-gradient(#c4756a0f,#0000 240px)}#bh-shade-guide [data-ladder-slug][data-active=true] .bh-ladder-label{background:var(--bh-tint)}#bh-shade-guide [data-ladder-slug][data-active=true] .bh-ladder-mark{opacity:1}#bh-shade-guide .bh-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}#bh-shade-guide .bh-no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){#bh-shade-guide *,#bh-shade-guide :before,#bh-shade-guide :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#bh-shade-guide .bh-sweep-bar{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(100deg,#fff0 0%,#ffffff57 45%,#ffffff75 52%,#fff0 100%);width:42%;animation:7s cubic-bezier(.45,0,.55,1) infinite bh-sweep;position:absolute;inset-block:0}@keyframes bh-sweep{0%{transform:translate(-120%)}55%{transform:translate(300%)}to{transform:translate(300%)}}#bh-shade-guide .bh-sweep:hover .bh-sweep-bar{animation-play-state:paused}@media (prefers-reduced-motion:reduce){#bh-shade-guide .bh-sweep-bar{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}#bh-shade-guide{--font-lato:Lato;--font-raleway:Raleway}#bh-shade-guide [role=dialog]{z-index:2147483000}