on-pb-onimg{display:block}on-pb-onimg:not(.is-placed){display:none}.on-pbi__host{position:relative}.on-pbi__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.on-pbi__col{position:absolute;top:var(--on-pbi-top, 18%);bottom:var(--on-pbi-bottom, 18%);width:var(--on-pbi-w, 24%);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px}.on-pbi__col--l{left:2%;align-items:flex-start}.on-pbi__col--r{right:2%;align-items:flex-end}.on-pbi__item{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;padding:8px 8px 7px;border-radius:12px;text-align:center;color:var(--on-pbi-tx, #1a1a1a);transition:opacity .35s ease,transform .35s ease}.on-pbi__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--on-pbi-bg, #fff);opacity:var(--on-pbi-op, .88);box-shadow:0 2px 10px #00000014}.on-pbi__ic{display:inline-flex;color:var(--on-pbi-ic, #004E20)}.on-pbi__ic svg{width:24px;height:24px;display:block}.on-pbi__tx{font-size:var(--on-pbi-fs, 12px);font-weight:700;line-height:1.2;max-width:100%;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance}@media screen and (max-width:749px){.on-pbi__item{padding:6px 6px 5px;border-radius:10px;gap:3px}.on-pbi__ic svg{width:20px;height:20px}.on-pbi__tx{font-size:calc(var(--on-pbi-fs, 12px) - 1px)}}.on-pbi__btn{position:absolute;z-index:2;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 10px;border:0;border-radius:999px;background:var(--on-pbi-bg, #fff);color:var(--on-pbi-tx, #1a1a1a);font:inherit;font-size:12px;font-weight:700;box-shadow:0 2px 10px #0000001f;cursor:pointer}.on-pbi__btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.on-pbi__btn-ic{display:inline-flex;color:var(--on-pbi-ic, #004E20)}.on-pbi__btn-ic svg{width:16px;height:16px;display:block}.on-pbi__btn-n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--on-pbi-ic, #004E20);color:#fff;font-size:11px}.on-pbi--btn-tr .on-pbi__btn{top:12px;right:12px}.on-pbi--btn-tl .on-pbi__btn{top:12px;left:12px}.on-pbi--btn-br .on-pbi__btn{bottom:12px;right:12px}.on-pbi--btn-bl .on-pbi__btn{bottom:12px;left:12px}.on-pbi__btn:focus-visible{outline:2px solid var(--on-pbi-ic, #004E20);outline-offset:2px}.on-pbi.is-folded .on-pbi__col--l .on-pbi__item{opacity:0;transform:translate(-12px)}.on-pbi.is-folded .on-pbi__col--r .on-pbi__item{opacity:0;transform:translate(12px)}.on-pbi.is-folded .on-pbi__item{visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}@media(prefers-reduced-motion:reduce){.on-pbi__item{transition:none!important}}.on-pbi--p-left .on-pbi__col,.on-pbi--p-right .on-pbi__col{justify-content:center;gap:8px}.on-pbi--p-left .on-pbi__item,.on-pbi--p-right .on-pbi__item{flex-direction:row;gap:6px;text-align:start;padding:6px 9px 6px 7px}.on-pbi--p-left .on-pbi__ic svg,.on-pbi--p-right .on-pbi__ic svg{width:18px;height:18px}.on-pbi__layer.is-checking{visibility:hidden}.on-pbi--compact .on-pbi__col{width:auto;max-width:var(--on-pbi-w, 24%)}.on-pbi--compact .on-pbi__col--l{left:.75%}.on-pbi--compact .on-pbi__col--r{right:.75%}.on-pbi--compact .on-pbi__item{padding:5px 6px 4px;gap:2px}.on-pbi--compact .on-pbi__ic svg{width:16px;height:16px}.on-pbi--mini .on-pbi__col--l{left:0}.on-pbi--mini .on-pbi__col--r{right:0}.on-pbi--mini .on-pbi__item{padding:4px 5px 3px;gap:1px}.on-pbi--mini .on-pbi__tx{font-size:calc(var(--on-pbi-fs, 12px) * .85)}.on-pbi--mini .on-pbi__ic svg{width:13px;height:13px}.on-pbi__tx .on-nw{white-space:nowrap}.on-pbi__layer.on-pbi--row{display:grid;grid-template-columns:repeat(var(--on-pbi-n, 4),minmax(0,1fr));gap:6px;padding:8px;box-sizing:border-box;align-content:end}.on-pbi__layer.on-pbi--row-top{align-content:start;padding-top:calc(8px + var(--on-pbi-off, 0px))}.on-pbi__layer.on-pbi--row-bottom{align-content:end;padding-bottom:calc(8px + var(--on-pbi-off, 0px))}.on-pbi--row .on-pbi__col{display:contents}.on-pbi--row .on-pbi__item{min-width:0;justify-content:center;gap:3px;padding:6px 4px 5px;border-radius:10px}.on-pbi--row .on-pbi__ic svg{width:20px;height:20px}.on-pbi.is-folded.on-pbi--row-top .on-pbi__item{transform:translateY(-10px)}.on-pbi.is-folded.on-pbi--row-bottom .on-pbi__item{transform:translateY(10px)}@media screen and (max-width:749px){.on-pbi__layer.on-pbi--row{gap:5px;padding-inline:6px}.on-pbi__layer.on-pbi--row-top{padding-top:calc(6px + var(--on-pbi-off, 0px))}.on-pbi__layer.on-pbi--row-bottom{padding-bottom:calc(6px + var(--on-pbi-off, 0px))}.on-pbi--row .on-pbi__item{padding:5px 3px 4px;border-radius:9px;gap:2px}.on-pbi--row .on-pbi__ic svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/435/assets/on-pb-onimg.css.map */