.bb-od{--bb-ink: #2b292a;--bb-muted: #5e5a55;--bb-gold: #c6ad6b;--bb-gold-deep: #8a6f2e;--bb-paper: #fff;--bb-surface: #faf8f5;--bb-surface-alt: #f2eee7;--bb-border: #e5e0da;--bb-field-border: #8f8678;--bb-error: #b3261e;--bb-radius: 12px;--bb-ease: cubic-bezier(.22, .61, .36, 1);display:block;margin:8px 0 4px}.bb-od__list{border-top:1px solid var(--bb-border);list-style:none;margin:0;padding:0}.bb-od__row{align-items:center;background:none;border:0;border-bottom:1px solid var(--bb-border);color:inherit;cursor:pointer;display:flex;font:inherit;gap:14px;min-height:72px;padding:12px 4px;text-align:left;transition:background-color .18s var(--bb-ease);width:100%}.bb-od__row:hover{background:var(--bb-surface)}.bb-od__row:focus-visible{border-radius:8px;outline:2px solid var(--bb-gold-deep);outline-offset:-2px}.bb-od__icon{align-items:center;background:var(--bb-surface-alt);border-radius:10px;color:var(--bb-ink);display:flex;flex:0 0 auto;height:44px;justify-content:center;overflow:hidden;width:44px}.bb-od__icon svg{height:24px;width:24px}.bb-od__icon img{height:100%;object-fit:cover;width:100%}.bb-od__body{flex:1 1 auto;min-width:0}.bb-od__name{color:var(--bb-ink);display:block;font-size:1rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.bb-od__value{font-weight:400}.bb-od__value--empty{color:var(--bb-muted)}.bb-od__meta{align-items:center;color:var(--bb-muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:8px;line-height:1.4;margin-top:2px}.bb-od__add{color:var(--bb-gold-deep);font-weight:600;white-space:nowrap}.bb-od__required{color:var(--bb-error);font-weight:600}.bb-od__chevron{align-items:center;background:var(--bb-surface-deep);border-radius:999px;color:var(--bb-gold-deep);display:flex;flex:0 0 auto;height:32px;justify-content:center;transition:background-color .18s var(--bb-ease),color .18s var(--bb-ease),transform .18s var(--bb-ease);width:32px}.bb-od__chevron svg{height:18px;width:18px}@media(hover:hover){.bb-od__row:hover .bb-od__chevron{background:var(--bb-gold);color:var(--bb-ink);transform:translate(2px)}}.bb-od__row:active .bb-od__chevron{background:var(--bb-gold);color:var(--bb-ink)}.bb-od__row--invalid{background:#b3261e0a;box-shadow:inset 3px 0 0 var(--bb-error)}.bb-od-panel{display:none;top:0;right:0;bottom:0;left:0;position:fixed;z-index:10000}.bb-od-panel[open],.bb-od-panel.is-open{display:block}.bb-od-panel__backdrop{background:#1f1d1b80;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .24s var(--bb-ease, ease)}.bb-od-panel.is-visible .bb-od-panel__backdrop{opacity:1}.bb-od-panel__sheet{background:var(--bb-paper, #fff);border-radius:16px 16px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:85svh;-webkit-overflow-scrolling:touch;overflow-y:auto;position:absolute;right:0;transform:translateY(100%);transition:transform .28s var(--bb-ease, ease)}.bb-od-panel.is-visible .bb-od-panel__sheet{transform:translateY(0)}.bb-od-panel__grip{background:var(--bb-border, #e5e0da);border-radius:999px;flex:0 0 auto;height:4px;margin:10px auto 2px;width:40px}.bb-od-panel__header{align-items:center;background:var(--bb-paper, #fff);border-bottom:1px solid var(--bb-border, #e5e0da);display:flex;flex:0 0 auto;gap:12px;padding:10px 16px 14px;position:sticky;top:0;z-index:3}.bb-od-panel__grip{background-clip:content-box;position:sticky;top:0;z-index:4}.bb-od-panel__title{color:var(--bb-ink, #2b292a);flex:1 1 auto;font-size:1.0625rem;font-weight:600;line-height:1.3;margin:0}.bb-od-panel__close{align-items:center;background:var(--bb-surface-alt, #f2eee7);border:0;border-radius:999px;color:var(--bb-ink, #2b292a);cursor:pointer;display:flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.bb-od-panel__close svg{height:18px;width:18px}.bb-od-panel__close:focus-visible{outline:2px solid var(--bb-gold-deep, #8a6f2e);outline-offset:2px}.bb-od-panel__body{flex:1 0 auto;overflow:visible;padding:16px}.bb-od-panel__footer{background:var(--bb-paper, #fff);border-top:1px solid var(--bb-border, #e5e0da);bottom:0;flex:0 0 auto;position:sticky;z-index:3;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.bb-od-panel__done{background:var(--bb-ink, #2b292a);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.02em;min-height:52px;width:100%}.bb-od-panel__done:focus-visible{outline:2px solid var(--bb-gold-deep, #8a6f2e);outline-offset:2px}.bb-od-scroll-lock{overflow:hidden}.bb-od-panel .tpo_additional-price.absolute{z-index:4}@media(min-width:768px){.bb-od-panel__sheet{border-radius:0;left:auto;max-height:none;top:0;transform:translate(100%);width:min(420px,92vw)}.bb-od-panel.is-visible .bb-od-panel__sheet{transform:translate(0)}.bb-od-panel__grip{display:none}.bb-od-panel__header{padding:18px 20px}.bb-od-panel__body{padding:20px}}.bb-od-panel .tpo_option-container{margin:0}.bb-od-panel .tpo_option-label-container{display:none}.bb-od-panel .tpo_option-container label{min-height:48px}@media(prefers-reduced-motion:reduce){.bb-od-panel__sheet,.bb-od-panel__backdrop,.bb-od__chevron{transition:none}}.bb-od-scroll-lock whatsapp-chat-by-squadkin,.bb-od-scroll-lock #whatsapp-chat,.bb-od-scroll-lock .squadkin-wrapper-container{display:none!important}.bb-od-panel .tpo_image-swatches-tooltip{display:none!important}.bb-od-panel__header{flex-wrap:wrap}.bb-od-panel__title{flex:1 1 0;min-width:0}.bb-od-panel__close{order:1}.bb-od-panel__preview{order:2}.bb-od-panel__preview{align-items:center;border-top:1px solid var(--bb-border, #e5e0da);display:flex;flex:0 0 100%;gap:12px;margin-top:4px;padding-top:10px}.bb-od-panel__preview img{background:var(--bb-surface-alt, #f2eee7);border:1px solid var(--bb-border, #e5e0da);border-radius:8px;flex:0 0 auto;height:72px;object-fit:cover;width:72px}.bb-od-panel__preview:not(.is-set){display:none}.bb-od-panel__preview-name{color:var(--bb-ink, #2b292a);font-size:.9375rem;font-weight:500;line-height:1.35}.bb-od-panel__preview-add{color:var(--bb-gold-deep, #8a6f2e);font-weight:600}.bb-od-panel .tpo_option-type-dropdown-wrapper{position:static;width:100%}.bb-od-panel[data-option-type=dropdown] .tpo_option-input-wrapper{flex-wrap:wrap}.bb-od-panel .tpo_option-type-dropdown-wrapper{flex:0 0 100%}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bb-option-drawer.css.map */