.bb-personalisation{--space-personalisation-panel: 24px;--space-personalisation-tabs: 16px;--space-design-card: 8px;--width-personalisation-body: 720px;--width-preview-max: 494px;--width-personalisation-preview: 55%;--scale-barrel-mockup: .85;--space-personalisation-mode: 12px;--space-personalisation-mode-button: 10px 16px;--font-size-personalisation-mode: var(--font-size-12);--position-design-x: 50%;--position-design-y: 36%;--width-design: 38%;--distance-design-perspective: 1000px;--angle-design-turn: 0deg;--angle-design-tilt: 0deg;--opacity-engrave: .92;--opacity-engrave-lid: .9;--opacity-print-glass: .9;--width-journey-intro: 280px;--space-journey-step: 16px;--font-size-step-number: var(--font-size-20);display:flex;flex-direction:column;align-items:center;gap:var(--space-stack-lg);padding-block:var(--space-section-block-lg);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-personalisation p,.bb-personalisation h3{margin:0}.bb-personalisation__header{display:flex;flex-direction:column;align-items:center;gap:4px;padding-inline:var(--space-page-inline);text-align:center}.bb-personalisation__body{max-width:var(--width-personalisation-body);margin-top:8px;color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6;text-wrap:balance}.bb-personalisation__card{display:block;box-sizing:border-box;width:100%;padding-inline:var(--space-page-inline)}.bb-personalisation__tabs{display:grid;grid-template-areas:"preview" "tabs" "panel";grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface-raised);clip-path:inset(0 round var(--radius-card))}.bb-personalisation__tabs::part(tab-list){grid-area:tabs;display:flex;gap:2px;overflow-x:auto;padding:var(--space-personalisation-tabs);background:var(--color-surface-sunken);scrollbar-width:none}.bb-personalisation__tab{flex-shrink:0;padding:12px;border-radius:var(--radius-pill);color:var(--color-text-tertiary);font-size:var(--font-size-13);font-weight:600;line-height:1;letter-spacing:var(--letter-spacing-button);text-align:start;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-personalisation__tab:hover,.bb-personalisation__tab[aria-selected=true]{color:var(--color-text-secondary)}.bb-personalisation__tab[aria-selected=true]{background:var(--color-surface-selected)}.bb-personalisation__panel{grid-area:panel;display:flex;flex-direction:column;gap:24px;min-width:0;padding:var(--space-personalisation-panel)}.bb-personalisation__panel[hidden]{display:flex!important;visibility:hidden}.bb-personalisation__panel-header{display:flex;flex-direction:column;gap:2px;padding-inline:8px}.bb-personalisation .bb-personalisation__subheading{color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-20);font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none}.bb-personalisation__hint{color:var(--color-text-tertiary);font-size:var(--font-size-14);line-height:1.5}.bb-personalisation__designs{display:flex;gap:var(--space-design-card)}.bb-personalisation__design-card{box-sizing:border-box;position:relative;display:flex;flex:0 0 var(--width-design-card);flex-direction:column;gap:var(--space-design-card);padding:var(--space-design-card);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-image);background:var(--color-surface-raised);text-align:start;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-out)}.bb-personalisation__design-card:hover,.bb-personalisation__design-card[aria-pressed=true]{border-color:var(--color-border-accent)}.bb-personalisation__design-image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.bb-personalisation__design-name{display:-webkit-box;min-height:2.5em;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-builder-option);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.bb-personalisation__radio{position:absolute;top:6px;right:6px}.bb-personalisation__ctas{display:flex;flex-wrap:wrap;gap:16px}.bb-personalisation__preview{position:relative;grid-area:preview;display:grid;place-items:center;margin:var(--space-personalisation-panel);border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-personalisation__mockup{position:relative;isolation:isolate;border-radius:var(--radius-card);background:var(--color-surface-page);width:100%;max-width:var(--width-preview-max);aspect-ratio:1 / 1}.bb-personalisation__mockup:not(.bb-personalisation__mockup--decanter){scale:var(--scale-barrel-mockup)}.bb-personalisation__mockup--decanter,[data-on-decanter] .bb-personalisation__mockup:not(.bb-personalisation__mockup--decanter){display:none}[data-on-decanter] .bb-personalisation__mockup--decanter{display:block;overflow:hidden}.bb-personalisation__barrel{display:block;mix-blend-mode:multiply;width:100%;height:100%;object-fit:cover}.bb-personalisation__design{position:absolute;top:var(--position-design-y);left:var(--position-design-x);width:var(--width-design);height:auto;translate:calc(-50% + var(--offset-x-barrel, 0%)) calc(-50% + var(--offset-y-barrel, 0%));scale:var(--scale-design-barrel, 1);transform:perspective(var(--distance-design-perspective)) rotateY(var(--angle-design-turn)) rotateX(var(--angle-design-tilt));opacity:var(--opacity-engrave)}.bb-personalisation__design{filter:var(--filter-engrave);mix-blend-mode:multiply}.bb-personalisation__mockup--decanter .bb-personalisation__design{--angle-design-turn: 0deg;--angle-design-tilt: 0deg;translate:calc(-50% + var(--offset-x-decanter, 0%)) calc(-50% + var(--offset-y-decanter, 0%));scale:var(--scale-design-decanter, 1);filter:var(--filter-print-glass);mix-blend-mode:normal;opacity:var(--opacity-print-glass)}.bb-personalisation__design--spot-1{--position-design-x: 36.2%;--position-design-y: 38.4%;--width-design: 27%}.bb-personalisation__mockup--decanter .bb-personalisation__design--spot-1{filter:var(--filter-engrave-lid);mix-blend-mode:screen;opacity:var(--opacity-engrave-lid)}.bb-personalisation__design--spot-2,.bb-personalisation__design--spot-3{--position-design-x: 36.5%;--position-design-y: 73.5%;--width-design: 11%}.bb-personalisation__design--spot-3{--position-design-x: 58.5%}.bb-personalisation__design--spot-4{--position-design-x: 82.9%;--position-design-y: 60.5%;--width-design: 12%}.bb-personalisation__filters{position:absolute;width:0;height:0;overflow:hidden}.bb-personalisation__engrave-lid{flood-color:var(--color-engrave-lid)}.bb-personalisation__print-glass{flood-color:var(--color-print-glass)}.bb-personalisation__modes{position:absolute;bottom:var(--space-personalisation-mode);left:50%;display:flex;gap:2px;padding:4px;border-radius:var(--radius-pill);background:var(--color-surface-raised);translate:-50% 0}.bb-personalisation__mode{padding:var(--space-personalisation-mode-button);border-radius:var(--radius-pill);color:var(--color-text-tertiary);font-size:var(--font-size-personalisation-mode);font-weight:600;line-height:1;letter-spacing:var(--letter-spacing-button);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-personalisation__mode:hover,.bb-personalisation__mode[aria-pressed=true]{color:var(--color-text-secondary)}.bb-personalisation__mode[aria-pressed=true]{background:var(--color-surface-sunken)}.bb-personalisation__note{position:absolute;top:var(--space-personalisation-mode);left:50%;display:none;padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--font-size-13);font-weight:500;line-height:1.3;white-space:nowrap;translate:-50% 0}[data-barrel-only] .bb-personalisation__note{display:block}.bb-personalisation__journey{display:grid;gap:24px;box-sizing:border-box;width:100%;padding-inline:var(--space-page-inline)}.bb-personalisation__journey-intro{display:flex;flex-direction:column;gap:8px}.bb-personalisation .bb-personalisation__journey-heading{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-24);font-weight:var(--font-weight-display);line-height:1.2;letter-spacing:0;text-transform:none}.bb-personalisation__journey-text{color:var(--color-text-secondary);font-size:var(--font-size-15);line-height:1.6}.bb-personalisation__steps{display:grid;margin:0;padding:0}.bb-personalisation__step{position:relative;display:flex;gap:16px;padding-block:var(--space-journey-step);border-top:var(--border-width-hairline) solid var(--color-border-subtle)}.bb-personalisation__step:before{content:"";position:absolute;top:calc(-1 * var(--border-width-hairline));right:0;left:0;height:var(--border-width-hairline);background:var(--color-border-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-reveal) var(--motion-ease-out)}@media(hover:hover){.bb-personalisation__step:hover:before{transform:scaleX(1)}}.bb-personalisation__step-number{flex-shrink:0;min-width:2ch;color:var(--color-text-eyebrow);font-family:var(--font-family-display);font-size:var(--font-size-step-number);font-style:italic;line-height:1.1}.bb-personalisation__step-text{display:flex;flex-direction:column;gap:4px}.bb-personalisation__step-title{color:var(--color-text-primary);font-size:var(--font-size-15);font-weight:600;line-height:1.3}.bb-personalisation__step-body{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.5}@media screen and (min-width:700px){.bb-personalisation__steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px}.bb-personalisation__step{flex-direction:column;gap:8px}}@media screen and (min-width:1150px){.bb-personalisation__tabs{grid-template-areas:"tabs panel preview";grid-template-columns:auto minmax(0,1fr) minmax(0,var(--width-personalisation-preview))}.bb-personalisation__tabs::part(tab-list){flex-direction:column;overflow:visible}.bb-personalisation__panel{padding-inline-end:0}.bb-personalisation__preview{--width-preview-max: none;align-self:stretch;margin:var(--space-personalisation-panel);margin-inline-start:calc(1.5 * var(--space-personalisation-panel))}.bb-personalisation__designs{display:grid;grid-template-columns:repeat(auto-fill,var(--width-design-card));overflow:visible}.bb-personalisation__journey{grid-template-columns:var(--width-journey-intro) minmax(0,1fr);gap:48px}}@media screen and (max-width:699px){.bb-personalisation{--space-personalisation-panel: 16px;--space-personalisation-tabs: 12px;--scale-barrel-mockup: 1;--space-personalisation-mode-button: 10px 12px;--space-journey-step: 12px;--font-size-step-number: var(--font-size-17)}.bb-personalisation__ctas .bb-button{flex:1 1 auto}.bb-personalisation__mode{letter-spacing:var(--letter-spacing-nav)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-personalisation.css.map */