.bb-name-badge-start{box-sizing:border-box;color:var(--bb-text, #455a64);font-family:var(--bb-font-body, Inter, sans-serif);padding:var(--bb-geometry-38, 38px) var(--bb-pad-x, 38px) var(--bb-geometry-72, 72px)}.bb-name-badge-start *,.bb-name-badge-start *:before,.bb-name-badge-start *:after{box-sizing:inherit}.bb-name-badge-start .bb-name-badge-start__inner{margin:0 auto;max-width:var(--bb-geometry-1364, 1364px)}.bb-name-badge-start .bb-name-badge-start__layout{align-items:start;display:grid;gap:var(--bb-geometry-64, 64px);grid-template-columns:minmax(0,var(--bb-geometry-648, 648px)) minmax(var(--bb-geometry-420, 420px),1fr)}.bb-name-badge-start .bb-name-badge-start__gallery{align-self:start;display:flex;flex-direction:column;gap:var(--bb-geometry-12, 12px);min-width:0;position:sticky;top:var(--bb-sticky-offset, 145px);width:100%}.bb-name-badge-start .bb-name-badge-start__main{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:var(--bb-lightbg, #edf7fd);border:1px solid var(--bb-stroke-soft, #eef2f6);border-radius:var(--bb-geometry-14, 14px);color:inherit;cursor:zoom-in;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;transition:box-shadow .2s ease;width:100%}.bb-name-badge-start .bb-name-badge-start__main:disabled{cursor:default}.bb-name-badge-start .bb-name-badge-start__main:not(:disabled):hover{box-shadow:0 0 0 2px #36ace329}.bb-name-badge-start .bb-name-badge-start__main:focus-visible,.bb-name-badge-start .bb-name-badge-start__thumb:focus-visible,.bb-name-badge-start .bb-name-badge-start__dialog button:focus-visible{outline:2px solid var(--bb-focus, #0a4472);outline-offset:3px}.bb-name-badge-start .bb-name-badge-start__main img{display:block;height:100%;object-fit:contain;width:100%}.bb-name-badge-start .bb-name-badge-start__zoom{align-items:center;background:#fffffff0;border-radius:50%;bottom:var(--bb-geometry-12, 12px);box-shadow:0 2px 8px #182a4424;color:var(--bb-darkblue, #0a4472);display:inline-flex;height:44px;justify-content:center;pointer-events:none;position:absolute;right:var(--bb-geometry-12, 12px);width:44px}.bb-name-badge-start .bb-name-badge-start__zoom svg,.bb-name-badge-start .bb-name-badge-start__dialog-close svg,.bb-name-badge-start .bb-name-badge-start__dialog-nav svg{height:20px;width:20px}.bb-name-badge-start .bb-name-badge-start__thumbs{--bb-gallery-thumb-gap: var(--bb-geometry-10, 10px);display:grid;gap:var(--bb-gallery-thumb-gap);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * var(--bb-gallery-thumb-gap)) / 4.35);padding:3px 0 8px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.bb-name-badge-start .bb-name-badge-start__thumbs:not(:has(>:nth-child(5))){grid-auto-columns:calc((100% - 3 * var(--bb-gallery-thumb-gap)) / 4)}.bb-name-badge-start .bb-name-badge-start__thumbs:not(:has(>:nth-child(2))){display:none}.bb-name-badge-start .bb-name-badge-start__thumbs::-webkit-scrollbar{display:none}.bb-name-badge-start .bb-name-badge-start__thumb{-webkit-appearance:none;appearance:none;aspect-ratio:1;background:var(--bb-lightbg, #edf7fd);border:1.5px solid transparent;border-radius:var(--bb-geometry-10, 10px);cursor:pointer;min-width:0;scroll-snap-align:start;overflow:hidden;padding:0;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.bb-name-badge-start .bb-name-badge-start__thumb img{display:block;height:100%;object-fit:contain;width:100%}.bb-name-badge-start .bb-name-badge-start__thumb:hover,.bb-name-badge-start .bb-name-badge-start__thumb.active{border-color:var(--bb-blue, #36ace3);box-shadow:inset 0 0 0 2px #36ace32e;transform:translateY(-1px)}.bb-name-badge-start .bb-name-badge-start__media-fallback{align-items:center;color:var(--bb-navy, #2a4670);display:flex;font-family:var(--bb-font-heading, "Fira Sans", sans-serif);font-size:var(--bb-type-34, 3.4rem);font-weight:700;height:100%;justify-content:center;padding:32px;text-align:center}.bb-name-badge-start .bb-name-badge-start__info{align-self:start;display:flex;flex-direction:column;min-width:0;width:100%}.bb-name-badge-start .bb-name-badge-start__dialog{--bb-gallery-stage-width: min(80vw, 960px);--bb-gallery-stage-height: min(88dvh, 960px);background:transparent;border:0;color:var(--bb-title, #2a4670);height:100dvh;margin:0;max-height:none;max-width:none;overflow:visible;padding:0;width:100vw}.bb-name-badge-start .bb-name-badge-start__dialog::backdrop{background:#182a44d1}.bb-name-badge-start .bb-name-badge-start__dialog-shell{height:100dvh;top:0;right:0;bottom:0;left:0;position:fixed;width:100vw}.bb-name-badge-start .bb-name-badge-start__dialog-close,.bb-name-badge-start .bb-name-badge-start__dialog-nav{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 2px 8px #182a4429;color:var(--bb-darkblue, #0a4472);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;position:fixed;width:44px;z-index:2}.bb-name-badge-start .bb-name-badge-start__dialog-close{right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top))}.bb-name-badge-start .bb-name-badge-start__dialog-nav{top:50%;transform:translateY(-50%)}.bb-name-badge-start .bb-name-badge-start__dialog-nav--prev{left:max(16px,env(safe-area-inset-left))}.bb-name-badge-start .bb-name-badge-start__dialog-nav--next{right:max(16px,env(safe-area-inset-right))}.bb-name-badge-start .bb-name-badge-start__dialog-nav--prev svg{transform:rotate(90deg)}.bb-name-badge-start .bb-name-badge-start__dialog-nav--next svg{transform:rotate(-90deg)}.bb-name-badge-start .bb-name-badge-start__dialog-viewport{align-items:center;cursor:zoom-in;display:flex;height:var(--bb-gallery-stage-height);justify-content:center;left:50%;max-height:var(--bb-gallery-stage-height);max-width:var(--bb-gallery-stage-width);overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--bb-gallery-stage-width)}.bb-name-badge-start .bb-name-badge-start__dialog-viewport.is-zoomed{cursor:zoom-out}.bb-name-badge-start .bb-name-badge-start__dialog-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center;transition:transform .18s ease;-webkit-user-select:none;user-select:none;width:auto}.bb-name-badge-start .bb-product__title{color:var(--bb-navy, #2a4670);font-family:var(--bb-font-heading, "Fira Sans", sans-serif);font-size:var(--bb-type-36, 3.6rem);font-weight:700;line-height:1.15;margin:0 0 12px}.bb-name-badge-start .bb-product__desc{font-size:1.55rem;line-height:1.55;margin:0 0 var(--bb-geometry-20, 20px);max-width:58ch}.bb-name-badge-start .bb-product__trust{display:grid;gap:var(--bb-geometry-10, 10px);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--bb-geometry-22, 22px);width:100%}.bb-name-badge-start .bb-trust-item{align-items:center;display:flex;flex-direction:column;gap:7px;justify-content:flex-start;min-width:0;padding:8px 6px;text-align:center}.bb-name-badge-start .bb-trust-icon,.bb-name-badge-start .bb-trust-icon img,.bb-name-badge-start .bb-trust-icon svg{height:50px;width:50px}.bb-name-badge-start .bb-trust-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.bb-name-badge-start .bb-trust-icon img,.bb-name-badge-start .bb-trust-icon svg{object-fit:contain}.bb-name-badge-start .bb-trust-label{color:var(--bb-title, #2a4670);font-size:1.2rem;font-weight:700;line-height:1.35;max-width:112px}.bb-name-badge-start .bb-trust-label__line{display:block}.bb-name-badge-start .bb-form{border-top:1px solid var(--bb-stroke-soft, #eef2f6);display:flex;flex-direction:column;padding-top:var(--bb-geometry-22, 22px);width:100%}.bb-name-badge-start .bb-field{border-bottom:1px solid var(--bb-stroke-soft, #eef2f6);display:flex;flex-direction:column;gap:var(--bb-space-xs, 8px);letter-spacing:0;padding:0 0 var(--bb-space-sm, 12px);width:100%}.bb-name-badge-start .bb-field:last-of-type{padding-bottom:var(--bb-space-sm, 12px)}.bb-name-badge-start .bb-field__hd{align-items:center;display:flex;gap:var(--bb-geometry-8, 8px);justify-content:flex-start}.bb-name-badge-start .bb-field__label{color:var(--bb-title, #2a4670);font-family:var(--bb-font-body, Inter, sans-serif);font-size:var(--bb-text-option-title, 1.5rem);font-weight:700;letter-spacing:.04em;line-height:2rem;margin:0;text-transform:uppercase}.bb-name-badge-start .bb-field__help{align-items:center;background:var(--bb-blue, #36ace3);border:1px solid rgba(255,255,255,.75);border-radius:50%;box-shadow:0 2px 8px #36ace338;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--bb-text-ui, 1.4rem);font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.bb-name-badge-start .bb-field__help:hover,.bb-name-badge-start .bb-field__help:focus-visible{background:var(--bb-darkblue, #0a4472)}.bb-name-badge-start .bb-material__labels{color:var(--bb-blue, #36ace3);display:flex;font-size:var(--bb-text-caption, 1.2rem);font-weight:700;justify-content:space-between;letter-spacing:0;line-height:1.35;margin-bottom:var(--bb-space-xs, 8px)}.bb-name-badge-start .bb-material__track{-webkit-overflow-scrolling:touch;height:var(--bb-geometry-88, 88px);padding:var(--bb-space-2xs, 4px) 0 var(--bb-space-xs, 8px);position:relative;scrollbar-width:none;width:100%}.bb-name-badge-start .bb-material__track::-webkit-scrollbar{display:none}.bb-name-badge-start .bb-material__track:before{background:var(--bb-stroke, #e0e0e0);border-radius:var(--bb-geometry-999, 999px);content:"";height:var(--bb-geometry-5, 5px);left:12px;pointer-events:none;position:absolute;right:12px;top:13.5px;z-index:0}.bb-name-badge-start .bb-material__step{--bb-material-index: 0;align-items:center;background:none;border:none;color:var(--bb-text, #455a64);cursor:pointer;display:flex;flex-direction:column;gap:var(--bb-space-xs, 8px);left:calc(12px + (var(--bb-material-index) * ((100% - 24px) / 4)));min-height:44px;min-width:0;padding:0;position:absolute;text-align:center;text-decoration:none;top:var(--bb-geometry-4, 4px);transform:translate(-50%);transition:none!important;width:clamp(var(--bb-geometry-74, 74px),18vw,var(--bb-geometry-108, 108px));z-index:1}.bb-name-badge-start .bb-material__step:active{transform:translate(-50%)!important}.bb-name-badge-start .bb-material__step:nth-child(2){--bb-material-index: 1}.bb-name-badge-start .bb-material__step:nth-child(3){--bb-material-index: 2}.bb-name-badge-start .bb-material__step:nth-child(4){--bb-material-index: 3}.bb-name-badge-start .bb-material__step:nth-child(5){--bb-material-index: 4}.bb-name-badge-start .bb-material__step:first-child{align-items:flex-start;left:0;transform:none}.bb-name-badge-start .bb-material__step:first-child:active{transform:none!important}.bb-name-badge-start .bb-material__step:first-child .bb-material__step-name{text-align:left}.bb-name-badge-start .bb-material__step:last-child{align-items:flex-end;left:auto;right:0;transform:none}.bb-name-badge-start .bb-material__step:last-child:active{transform:none!important}.bb-name-badge-start .bb-material__step:last-child .bb-material__step-name{text-align:right}.bb-name-badge-start .bb-material__radio{align-items:center;background:#fff;border:var(--bb-geometry-4, 4px) solid var(--bb-grey, #82888c);border-radius:50%;display:flex;height:24px;justify-content:center;transition:none;width:24px}.bb-name-badge-start .bb-material__radio-dot{background:var(--bb-blue, #36ace3);border-radius:50%;height:10px;opacity:0;transition:none;width:10px}.bb-name-badge-start .bb-material__step:hover .bb-material__radio{border-color:var(--bb-blue40, #86cdee)}.bb-name-badge-start .bb-material__step.active .bb-material__radio{border-color:var(--bb-blue, #36ace3)}.bb-name-badge-start .bb-material__step.active .bb-material__radio-dot{opacity:1}.bb-name-badge-start .bb-material__step:focus-visible{border-radius:var(--bb-geometry-999, 999px);outline:2px solid var(--bb-blue, #36ace3);outline-offset:var(--bb-geometry-5, 5px)}.bb-name-badge-start .bb-material__step-name{color:var(--bb-text, #455a64);font-size:var(--bb-text-ui, 1.4rem);font-weight:400;letter-spacing:0;line-height:1.25;text-align:center}.bb-name-badge-start .bb-material__step-name img{display:inline-block;margin-right:3px;object-fit:contain;vertical-align:middle}.bb-name-badge-start .bb-material__new{color:var(--bb-blue, #36ace3);font-family:var(--bb-font-accent, Caveat, cursive);font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1;margin-top:var(--bb-geometry-neg-3, -3px);text-align:center;transform:rotate(-5deg);display:block}@media(max-width:949px),(min-width:950px)and (max-width:1366px)and (orientation:portrait){.bb-name-badge-start{padding:30px var(--bb-pad-x, 24px) 56px}.bb-name-badge-start .bb-name-badge-start__layout{gap:34px;grid-template-columns:1fr}.bb-name-badge-start .bb-name-badge-start__gallery,.bb-name-badge-start .bb-name-badge-start__info{margin:0 auto;max-width:720px;width:100%}.bb-name-badge-start .bb-name-badge-start__gallery{position:static}.bb-name-badge-start .bb-name-badge-start__dialog{--bb-gallery-stage-height: calc(100dvh - 12px) ;--bb-gallery-stage-width: calc(100vw - 12px) }}@media(min-width:950px)and (max-width:1366px)and (orientation:landscape){.bb-name-badge-start .bb-name-badge-start__layout{grid-template-columns:minmax(0,39fr) minmax(0,61fr);gap:28px}.bb-name-badge-start .bb-name-badge-start__thumbs{--bb-gallery-thumb-gap: 8px}}@media(max-width:860px){.bb-name-badge-start .bb-material__track{height:var(--bb-geometry-104, 104px);overflow:visible}.bb-name-badge-start .bb-material__step{min-width:0;width:clamp(var(--bb-geometry-60, 60px),17vw,var(--bb-geometry-88, 88px))}.bb-name-badge-start .bb-material__step-name{font-size:var(--bb-text-ui, 1.4rem)}}@media(max-width:480px){.bb-name-badge-start{padding:18px 16px 44px}.bb-name-badge-start .bb-name-badge-start__layout{gap:24px}.bb-name-badge-start .bb-product__title{font-size:var(--bb-type-28, 2.8rem)}.bb-name-badge-start .bb-product__desc{font-size:1.45rem;margin-bottom:24px}.bb-name-badge-start .bb-material__step-name{font-size:var(--bb-text-ui, 1.4rem)}.bb-name-badge-start .bb-material__step{min-width:0;width:clamp(var(--bb-geometry-54, 54px),16vw,var(--bb-geometry-72, 72px))}}@media(prefers-reduced-motion:reduce){.bb-name-badge-start .bb-name-badge-start__main,.bb-name-badge-start .bb-name-badge-start__thumb,.bb-name-badge-start .bb-name-badge-start__dialog-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-name-badge-start.css.map */