.bp{display:grid;grid-template-columns:minmax(0,1fr);font-family:var(--bk-f-sans);color:var(--bk-ink);font-size:12px;line-height:1.6}.bp__gallery{position:relative;background:var(--bk-oat)}.bp__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bp__track::-webkit-scrollbar{display:none}.bp__frame{flex:0 0 100%;margin:0;aspect-ratio:3 / 4;scroll-snap-align:start;background:var(--bk-oat)}.bp__frame img,.bp__frame .bp__video{width:100%;height:100%;object-fit:cover;display:block}.bp__frame--empty{display:flex;align-items:center;justify-content:center;font-family:var(--bk-f-serif);font-style:italic;font-size:12px;color:#a39a8b}.bp__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--bk-line)}.bp__progress span{position:absolute;top:0;left:0;height:100%;width:33%;background:var(--bk-ink);transition:transform .15s linear}.bp__inner{padding:18px var(--bk-gutter) 40px}.bp__crumb{font-size:12px;color:var(--bk-muted);margin-bottom:14px}.bp__crumb a{color:inherit;text-decoration:none}.bp__crumb a:hover{color:var(--bk-ink)}.bp__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.bp__name{font-family:var(--bk-f-serif);font-weight:400;font-size:16px;line-height:1.2;letter-spacing:0;margin:0}.bp__price{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.bp__colour{margin:2px 0 0;color:var(--bk-muted)}.bp__ways{display:flex;gap:6px;margin-top:16px}.bp__way{display:block;width:44px;aspect-ratio:3 / 4;background:var(--bk-oat);border:1px solid transparent;overflow:hidden}.bp__way img{width:100%;height:100%;object-fit:cover;display:block}.bp__way.is-active{border-color:var(--bk-ink)}.bp__way.is-soon{cursor:default}.bp__way:not(.is-active):hover{border-color:var(--bk-line-strong)}.bp__chip{display:block;width:100%;height:100%;background:#d9d2c4}.bp__chip[data-colour=black],.bp__chip[data-colour=black-lace],.bp__chip[data-colour=black-floral]{background:#1c1917}.bp__chip[data-colour=white]{background:#f4f1ea}.bp__chip[data-colour=oat],.bp__chip[data-colour=oat-lace]{background:#ddd2bd}.bp__chip[data-colour=red-floral]{background:radial-gradient(circle at 35% 30%,#8f3b34 0 28%,#efe9dd 30%)}.bp__chip[data-colour=black-floral]{background:radial-gradient(circle at 35% 30%,#6d2f2f 0 28%,#1c1917 30%)}.bp__opt{display:flex;justify-content:space-between;align-items:baseline;margin:24px 0 10px;font-size:12px}.bp__opt em{font-style:normal;color:var(--bk-muted);margin-left:6px}.bp__opt a{color:var(--bk-ink);text-decoration:underline;text-underline-offset:3px}.bp__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px}.bp__size{height:36px;border:1px solid var(--bk-line);background:none;font:inherit;font-size:12px;color:var(--bk-ink);cursor:pointer;transition:border-color .15s}.bp__size:hover{border-color:var(--bk-line-strong)}.bp__size.is-active{border-color:var(--bk-ink)}.bp__size.is-soldout{color:var(--bk-muted);text-decoration:line-through;text-decoration-thickness:1px}.bp__sizes.is-prompt .bp__size{animation:bp-nudge .5s}@keyframes bp-nudge{30%{border-color:var(--bk-ink)}}.bp__stock{min-height:20px;margin:8px 0 0;font-size:12px;color:var(--bk-muted)}.bp__stock.is-low{color:var(--bk-ink)}.bp__form{display:block;margin-top:8px}.bp__atc{position:relative;width:100%;height:44px;border:1px solid var(--bk-ink);background:var(--bk-ink);color:var(--bk-paper);font:inherit;font-size:12px;cursor:pointer;transition:opacity .2s}.bp__atc:hover{opacity:.88}.bp__atc[data-state=select]{background:var(--bk-paper);color:var(--bk-ink)}.bp__atc[disabled]{background:var(--bk-paper);color:var(--bk-muted);border-color:var(--bk-line);cursor:default;opacity:1}.bp__atc.loading>span{visibility:hidden}.bp__atc .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px}.bp__atc .loading__spinner.hidden{display:none}.bp__atc .spinner{width:18px;height:18px}.bp__atc .path{stroke:currentColor}.bp__error{margin:8px 0 0;font-size:12px;color:#8a2b22}.bp__notify{margin-top:8px}.bp__notify-copy,.bp__notify-done{margin:0 0 10px;font-size:12px;color:var(--bk-body)}.bp__notify-row{display:flex;height:48px;border:1px solid var(--bk-ink)}.bp__notify-row input{flex:1;min-width:0;border:0;padding:0 14px;font:inherit;font-size:16px;background:none;color:var(--bk-ink)}.bp__notify-row input:focus{outline:none}.bp__notify-row button{border:0;background:var(--bk-ink);color:var(--bk-paper);font:inherit;font-size:12px;padding:0 20px;cursor:pointer}.bp__preorder{margin:10px 0 0;font-size:12px;color:var(--bk-ink)}.bp__promise{list-style:none;margin:18px 0 0;padding:0;font-size:12px;color:var(--bk-body)}.bp__promise li+li{margin-top:2px}.bp__desc{margin-top:26px;color:var(--bk-body);max-width:52ch}.bp__desc p{margin:0 0 .8em}.bp__acc{margin-top:26px;border-top:1px solid var(--bk-line)}.bp__panel{border-bottom:1px solid var(--bk-line)}.bp__panel summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;cursor:pointer}.bp__panel summary::-webkit-details-marker{display:none}.bp__panel summary:after{content:"+";font-size:12px;line-height:1;color:var(--bk-muted);transition:transform .2s}.bp__panel[open] summary:after{transform:rotate(45deg)}.bp__panel-body{padding:0 0 18px;color:var(--bk-body)}.bp__panel-body p{margin:0 0 .8em}.bp__spec{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;margin:0}.bp__spec dt{color:var(--bk-muted)}.bp__spec dd{margin:0}.bp__units{display:inline-flex;gap:14px;margin:4px 0 10px;font-size:12px}.bp__units button{background:none;border:0;padding:0 0 2px;font:inherit;color:var(--bk-muted);cursor:pointer;border-bottom:1px solid transparent}.bp__units button.is-active{color:var(--bk-ink);border-color:var(--bk-ink)}.bp__table-wrap{overflow-x:auto}.bp__table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.bp__table th,.bp__table td{padding:7px 6px;text-align:center;border-bottom:1px solid var(--bk-line);font-weight:400}.bp__table th[scope=row]{text-align:left;color:var(--bk-muted);padding-left:0}.bp__table thead th{color:var(--bk-muted)}.bp__note{margin:8px 0 0;font-size:12px;color:var(--bk-muted)}.bp__sku{margin:18px 0 0;font-size:12px;color:var(--bk-muted)}.bp-ctl{padding:40px 0 56px;font-family:var(--bk-f-sans)}.bp-ctl__title{font-family:var(--bk-f-serif);font-weight:400;font-size:20px;margin:0 var(--bk-gutter) 16px}.bp-ctl__row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6px)/2);gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bp-ctl__row::-webkit-scrollbar{display:none}.bp-card{scroll-snap-align:start;color:var(--bk-ink);text-decoration:none}.bp-card__media{aspect-ratio:3 / 4;background:var(--bk-oat);overflow:hidden}.bp-card__media img{width:100%;height:100%;object-fit:cover;display:block}.bp-card__body{display:flex;justify-content:space-between;gap:10px;padding:10px var(--bk-gutter) 0 0;font-size:12px}.bp-card:first-child .bp-card__body{padding-left:var(--bk-gutter)}.bp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px var(--bk-gutter) calc(10px + env(safe-area-inset-bottom));background:var(--bk-paper);border-top:1px solid var(--bk-line);font-family:var(--bk-f-sans);font-size:12px;transform:translateY(100%);transition:transform .25s ease}.bp-sticky.is-visible{transform:none}.bp-sticky__meta{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.4}.bp-sticky__name{font-family:var(--bk-f-serif);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-sticky__btn{flex:0 0 auto;height:44px;padding:0 26px;border:0;background:var(--bk-ink);color:var(--bk-paper);font:inherit;font-size:12px;cursor:pointer}@media screen and (min-width:990px){.bp{grid-template-columns:minmax(0,1.45fr) minmax(380px,1fr);align-items:start}.bp__track{flex-direction:column;overflow:visible;scroll-snap-type:none}.bp__frame{flex-basis:auto}.bp__progress{display:none}.bp__info{position:sticky;top:var(--bk-header-h);align-self:start}.bp__inner{max-width:420px;margin:0 auto;padding:56px 40px 64px}.bp__name{font-size:16px}.bp-sticky{display:none}.bp-ctl{padding:64px 0 80px}.bp-ctl__row{grid-auto-columns:calc((100% - 18px)/4)}}.bp__atc,.bp__notify-row button,.bp-sticky__btn{font-size:14px;font-weight:400}.bp__atc,.bp__notify-row{height:42px}.bp__size{height:36px;font-size:12px}@media screen and (min-width:750px){.bp__notify-row input{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brock-product.css.map */