html body .brf-up{--up-g:#149954;--up-gh:#0F8548;--up-ink:#1D1D1F;--up-mut:#6E6E73;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--up-ink);transition:opacity .35s ease,max-height .45s cubic-bezier(.4,0,.2,1),margin .45s ease;max-height:600px;overflow:hidden}html body .brf-up.is-gone{opacity:0;max-height:0;margin:0!important;padding-top:0!important;padding-bottom:0!important}html body .brf-up__h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}html body .brf-up__t{font-size:17px;font-weight:700;letter-spacing:-.02em}html body .brf-up__s{font-size:12.5px;color:var(--up-mut);white-space:nowrap}html body .brf-up__row{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px;-webkit-overflow-scrolling:touch}html body .brf-up__row::-webkit-scrollbar{display:none}html body .brf-up__c{flex:0 0 auto;width:268px;scroll-snap-align:start;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:10px;align-items:center;padding:12px;border-radius:18px;background:#ffffffe6;box-shadow:inset 0 0 0 1px #1d1d1f0f,0 10px 24px -18px #1d1d1f73;transition:opacity .35s ease,transform .45s cubic-bezier(.4,0,.2,1),width .45s cubic-bezier(.4,0,.2,1),padding .45s ease,margin .45s ease}html body .brf-up__c.is-gone{opacity:0;transform:scale(.92);width:0;padding-left:0;padding-right:0;margin-right:-10px;pointer-events:none}html body .brf-up__im{display:block;width:64px;height:64px;border-radius:14px;overflow:hidden;background:#f2efea;grid-row:1}html body .brf-up__im img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s ease}html body .brf-up__tx{display:flex;flex-direction:column;gap:2px;min-width:0;grid-row:1}html body .brf-up__n{font-size:14px;font-weight:600;line-height:1.25;color:var(--up-ink)!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .brf-up__w{font-size:12px;line-height:1.3;color:var(--up-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .brf-up__c.is-owned .brf-up__w{color:#0f7a43;font-weight:600}html body .brf-up__p{font-size:12.5px;color:var(--up-mut)}html body .brf-up__p b{font-size:14px;font-weight:700;color:var(--up-ink);margin-right:1px}html body .brf-up__ctl{grid-column:1 / -1;display:flex;align-items:center;gap:8px}html body .brf-up__sel,html body .brf-up__one{position:relative;flex:1 1 auto;min-width:0;height:38px;border-radius:980px;background:#f5f3ef;box-shadow:inset 0 0 0 1px #e4ded4;display:flex;align-items:center}html body .brf-up__one{padding:0 14px;font-size:13px;color:var(--up-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .brf-up__sel:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-5px;border:solid var(--up-mut);border-width:0 1.6px 1.6px 0;transform:rotate(45deg);pointer-events:none}html body .brf-up__sel select{-webkit-appearance:none;appearance:none;width:100%;height:38px;min-height:0!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;border-radius:980px;padding:0 32px 0 14px!important;font:500 13px/38px inherit;color:var(--up-ink);cursor:pointer;text-overflow:ellipsis}html body .brf-up__sel:focus-within{box-shadow:inset 0 0 0 1px var(--up-g),0 0 0 3px #14995429}html body .brf-up__add{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:38px;min-width:92px;padding:0 16px;margin:0;border:0;border-radius:980px;background:var(--up-g);color:#fff;font:600 13.5px/1 inherit;letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:0 6px 14px -8px #149954bf;transition:background-color .2s ease,transform .25s cubic-bezier(.3,1.6,.4,1),box-shadow .2s ease}html body .brf-up__add span{font-weight:500;opacity:.85}@media(hover:hover){html body .brf-up__add:hover{background:var(--up-gh);transform:translateY(-1px)}}html body .brf-up__add:active{transform:scale(.96)}html body .brf-up__add.is-done{background:var(--up-ink);box-shadow:none;animation:brfUpPop .5s cubic-bezier(.3,1.6,.4,1)}html body .brf-up__add.is-done span{opacity:1;font-weight:600}html body .brf-up__add.is-err{background:#c4343b}html body .brf-up__spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:brfUpSpin .7s linear infinite}@keyframes brfUpSpin{to{transform:rotate(360deg)}}@keyframes brfUpPop{40%{transform:scale(1.07)}to{transform:none}}html body .brf-up[data-where=page]{margin:16px 0 0;padding:18px 18px 14px;border-radius:22px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px #ffffffd9,0 14px 34px -24px #1d1d1f66}html body .brf-up[data-where=page] .brf-up__c{background:#fff}html body .brf-up[data-where=page]{container-type:inline-size}html body .brf-up[data-where=page] .brf-up__c{width:262px}@container (min-width:840px){html body .brf-up[data-where=page] .brf-up__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}html body .brf-up[data-where=page] .brf-up__c{width:auto}html body .brf-up[data-where=page] .brf-up__c.is-gone{display:none}}html body .brf-up[data-where=drawer]{margin:6px 8px 8px;padding:14px 0 0;border-top:1px solid rgba(29,29,31,.07)}html body .brf-up[data-where=drawer] .brf-up__row{margin:0 -20px;padding:2px 20px 6px;scroll-padding:0 20px}html body .brf-up[data-where=drawer] .brf-up__t{font-size:15px}html body .brf-up[data-where=drawer] .brf-up__c{width:250px}html body .brf-up[data-where=pop]{margin:10px 12px 6px;padding:10px 0 0;border-top:1px solid rgba(29,29,31,.07)}html body .brf-up[data-where=pop] .brf-up__row{margin:0 -12px;padding:2px 12px 6px;scroll-padding:0 12px}html body .brf-up[data-where=pop] .brf-up__h{margin-bottom:8px}html body .brf-up[data-where=pop] .brf-up__t{font-size:14px}html body .brf-up[data-where=pop] .brf-up__s{display:none}html body .brf-up[data-where=pop] .brf-up__c{width:232px;grid-template-columns:48px minmax(0,1fr);padding:10px;row-gap:8px;border-radius:16px;background:#fff}html body .brf-up[data-where=pop] .brf-up__im{width:48px;height:48px;border-radius:12px}html body .brf-up[data-where=pop] .brf-up__n{font-size:13px}html body .brf-up[data-where=pop] .brf-up__w{display:none}html body .brf-up[data-where=pop] .brf-up__sel,html body .brf-up[data-where=pop] .brf-up__one,html body .brf-up[data-where=pop] .brf-up__sel select,html body .brf-up[data-where=pop] .brf-up__add{height:34px;line-height:34px}html body .brf-up[data-where=pop] .brf-up__add{min-width:84px;font-size:13px}@media(prefers-reduced-motion:reduce){html body .brf-up,html body .brf-up__c,html body .brf-up__add{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/brf-upsell.css.map */