.bb-explorer-layout{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,2.4fr);gap:24px;align-items:start}.bb-explorer-choices{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-explorer[data-ready] .bb-explorer-choices{display:grid}.bb-explorer-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fbfdf9;color:#123f32;border:1px solid #ceddce;border-radius:10px;padding:18px 8px;cursor:pointer;font-size:14px;font-weight:700;min-height:100px}.bb-explorer-choice svg{width:32px;height:32px}.bb-explorer-choice[aria-pressed=true]{background:#deecd8;box-shadow:inset 0 0 0 2px #20583c}.bb-explorer-choice:focus-visible{outline:3px solid #20583c;outline-offset:3px}.bb-explorer-panel[hidden]{display:none}.bb-explorer-panel{margin-bottom:24px}.bb-explorer-overview{margin-bottom:20px}.bb .bb-explorer-overview h3{font-size:25px;margin:0 0 10px}.bb-explorer-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px}.bb-explorer-science{padding:24px;background:#fbfdf9;border:1px solid #d3dfd0;border-radius:14px}.bb .bb-explorer-science h4{font-size:19px;line-height:1.3;margin:0 0 18px}.bb .bb-explorer-science p{font-size:15px;line-height:1.55}.bb-explorer-metric{margin:0 0 22px}.bb-explorer-metric>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:14px}.bb-explorer-metric span{text-align:right}.bb-explorer-track{height:9px;border-radius:9px;background:linear-gradient(90deg,#cee0ba,#65ab7b,#1b6449);margin-top:9px}.bb-explorer-components{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.bb-explorer-components span{padding:9px 5px;text-align:center;color:#fff;background:#784821;font-size:13px;border-radius:4px}.bb-explorer-components span:nth-child(2){background:#9c3731}.bb-explorer-components span:nth-child(3){background:#795723}.bb .bb-explorer-note{font-size:12px;color:#526357;border-top:1px solid #d3dfd0;padding-top:14px;margin-top:18px}.bb-explorer-promo{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(140deg,#32643f,#0a3027);color:#fff;display:flex;align-items:end;padding:24px;min-height:330px}.bb-explorer-promo>.bb-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-explorer-promo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07382d10,#07382dee)}.bb-explorer-promo>div{position:relative;z-index:1}.bb .bb-explorer-promo h4{color:#fff;font-size:26px;line-height:1.25;margin:0 0 22px}.bb-explorer-promo .bb-button{background:#f8faf2;color:#143f35;white-space:normal}.bb-explorer:not([data-ready]) .bb-explorer-panels{grid-column:1/-1}@media(max-width:1000px){.bb-explorer-layout{grid-template-columns:1fr}.bb-explorer-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:749px){.bb-explorer-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-explorer-content{grid-template-columns:1fr}.bb-explorer-science{padding:20px}.bb-explorer-promo{min-height:280px}.bb-explorer-metric>div:first-child{font-size:13px}}.bb .bb-explorer-track{display:block!important}.bb .bb-explorer-track{background:#deeadf;overflow:hidden}.bb .bb-explorer-fill{display:block!important;height:100%;border-radius:inherit;background:linear-gradient(90deg,#84bd8c,#236e47);transform-origin:left;animation:bb-explorer-reveal .4s ease-out}.bb-explorer-track[data-level=high] .bb-explorer-fill{width:85%}.bb-explorer-track[data-level=medium-high] .bb-explorer-fill{width:68%}.bb-explorer-track[data-level=medium] .bb-explorer-fill{width:50%}.bb-explorer-track[data-level=low] .bb-explorer-fill{width:28%}.bb-explorer-track[data-level=variable] .bb-explorer-fill{width:100%;background:repeating-linear-gradient(120deg,#b4ccb4 0 8px,#e0eadc 8px 16px)}@keyframes bb-explorer-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.bb .bb-explorer-fill{animation:none}}.bb .bb-explorer-overview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center;background:#fbfdf9;border:1px solid #d3dfd0;border-radius:14px;padding:16px}.bb-explorer-thumb{width:112px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#2d6b3f,#b9d57f);display:grid;place-items:center}.bb-explorer-thumb .bb-image{display:block;width:100%;height:112px;object-fit:cover}.bb-explorer-thumb>span{font-size:58px;line-height:1}.bb .bb-explorer-overview p{margin:0;font-size:16px;line-height:1.5}@media(max-width:749px){.bb .bb-explorer-overview{grid-template-columns:80px minmax(0,1fr);gap:14px;align-items:start}.bb-explorer-thumb{width:80px}.bb-explorer-thumb .bb-image{height:80px}.bb-explorer-thumb>span{font-size:44px}.bb .bb-explorer-overview h3{font-size:21px}.bb .bb-explorer-overview p{font-size:15px}}.bb .bb-explorer-choice{padding:5px;gap:0;justify-content:flex-start;min-width:0;min-height:0;border:2px solid #d7e2d3;border-radius:12px;box-shadow:none;overflow:hidden;transition:border-color .18s ease,background .18s ease}.bb-explorer-choice-photo{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1.2;overflow:hidden;border-radius:7px;background:#e1ecdc}.bb .bb-explorer-choice-photo .bb-image{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:50% 35%}.bb-explorer-choice-name{display:block;padding:10px 2px 7px;line-height:1.25;font-size:13px;overflow-wrap:anywhere}.bb .bb-explorer-selected{display:none;position:absolute;right:5px;top:5px;width:23px;height:23px;border-radius:50%;background:#154a34;color:#fff;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.bb .bb-explorer-selected svg{width:15px;height:15px}.bb .bb-explorer-choice[aria-pressed=true]{border-color:#20583c;background:#dfedda;box-shadow:0 0 0 1px #20583c}.bb .bb-explorer-choice[aria-pressed=true] .bb-explorer-selected{display:flex}@media(hover:hover){.bb .bb-explorer-choice:hover{border-color:#5d8c62;background:#edf4e8}}@media(prefers-reduced-motion:reduce){.bb .bb-explorer-choice{transition:none}}.bb .bb-explorer-choice-photo{background:radial-gradient(ellipse at 50% 40%,#fffdf2,#e8f1df)}.bb .bb-explorer-choice-photo>svg{display:block;width:90%;height:90%;max-width:120px;filter:drop-shadow(0 2px 1px #163e2912)}.bb .bb-explorer-choice[aria-pressed=true] .bb-explorer-choice-photo{background:radial-gradient(ellipse at 50% 40%,#fffce9,#cfe5c5)}.bb-explorer-metric-title{display:flex;align-items:center;gap:9px}.bb-explorer-metric-title .bb-icon{width:24px;height:24px;flex-shrink:0;color:#348158}.bb-explorer-metric:first-of-type .bb-icon{color:#367c9e}.bb .bb-explorer-metric>div:first-child{align-items:center}.bb .bb-explorer-mix-caption{font-size:12px;line-height:1.5;color:#526357;margin:0 0 12px}.bb .bb-explorer-mixbar{display:flex;height:32px;overflow:hidden;border-radius:8px;margin:12px 0}.bb .bb-explorer-mixbar>span{display:block!important;flex-basis:0;min-width:0;transition:flex-grow .25s ease}.bb-mix-peat{background:#874b26}.bb-mix-chips{background:#b7443c}.bb-mix-fibre{background:#b78a4a}.bb-explorer-mix-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.bb-explorer-mix-legend>div{display:grid;grid-template-columns:10px 1fr;gap:5px;align-items:center;font-size:13px}.bb .bb-mix-swatch{display:block!important;width:9px;height:9px;border-radius:50%}.bb-explorer-mix-legend>div>span:last-child{grid-column:1/-1}@media(prefers-reduced-motion:reduce){.bb .bb-explorer-mixbar>span{transition:none}}.bb-explorer-metric--water{--metric-ink:#2674A5;--metric-tint:#E6F3FC;--metric-fill:#67BCE4}.bb-explorer-metric--air{--metric-ink:#387D73;--metric-tint:#E4F3ED;--metric-fill:#8BCFAD}.bb-explorer-metric--drainage{--metric-ink:#187E8C;--metric-tint:#E0F3F4;--metric-fill:#66C7CF}.bb-explorer-metric--stability{--metric-ink:#936429;--metric-tint:#F8EEDC;--metric-fill:#DCB46A}.bb .bb-explorer-metric-title .bb-icon{color:var(--metric-ink);background:var(--metric-tint);border-radius:9px;width:32px;height:32px;padding:5px;stroke-width:2}.bb .bb-explorer-metric .bb-explorer-fill{background:linear-gradient(90deg,var(--metric-fill),var(--metric-ink))}.bb .bb-explorer-metric .bb-explorer-track{background:var(--metric-tint)}.bb .bb-explorer-blackberry-art{position:absolute;inset:10px 12px auto;height:55%;z-index:0;opacity:.95}.bb-explorer-blackberry-art svg{width:100%;height:100%}.bb-explorer-thumb>svg{width:90%;height:90%}.bb .bb-explorer-overview p,.bb .bb-explorer-science p{--bb-copy-size:16px;line-height:1.5}.bb .bb-explorer-science .bb-explorer-note,.bb .bb-explorer-science .bb-explorer-mix-caption{--bb-copy-size:13px;line-height:1.5}.bb .bb-explorer-choice-name{font-size:14px;line-height:1.35;overflow-wrap:normal;padding:10px 2px 8px}.bb .bb-explorer-science h4{font-size:20px;line-height:1.3;letter-spacing:normal;font-weight:700}.bb .bb-explorer-metric>div:first-child{font-size:14px;line-height:1.4;flex-wrap:wrap;gap:6px 12px}.bb .bb-explorer-mix-legend>div{font-size:14px;line-height:1.4}.bb .bb-explorer-promo h4{font-size:clamp(23px,2vw,28px);line-height:1.25;letter-spacing:normal;font-weight:700}.bb .bb-explorer-promo .bb-button{color:#143f35!important;font-size:15px;line-height:1.4}@media(max-width:749px){.bb .bb-explorer-overview{column-gap:14px;row-gap:12px}.bb .bb-explorer-overview h3{font-size:23px;line-height:1.3}.bb .bb-explorer-overview p{--bb-copy-size:15px}.bb .bb-explorer-science{padding:20px 16px}}.bb .bb-explorer-overview{grid-template-columns:minmax(0,1fr)}
/*# sourceMappingURL=/cdn/shop/t/29/assets/britberry-explorer.css.map */