.pr-ob{background:var(--pr-bg)}.pr-ob__head{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:640px;margin:0 auto 36px;text-align:center}.pr-ob__pill{padding:6px 12px;border-radius:40px;background:#fff;color:var(--ob-accent);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pr-ob__title{font-weight:450;letter-spacing:-.045em}.pr-ob__accent{color:var(--ob-accent)}.pr-ob__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}.pr-ob__card{display:flex;flex-direction:column;gap:20px;padding:18px 18px 22px;border-radius:var(--ob-radius);background:#fff;box-shadow:0 20px 40px -30px #14183c59}.pr-ob__card--figma{grid-column:span 4}.pr-ob__card--edit,.pr-ob__card--speed,.pr-ob__card--track,.pr-ob__card--own{grid-column:span 2}.pr-ob__visual{flex:1;border-radius:8px;background:var(--ob-soft)}.pr-ob__card-title{margin:0;color:var(--pr-text);font:500 22px/1.3 var(--pr-font-head);letter-spacing:-.02em}.pr-ob__card-text{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--ob-muted)}.pr-ob__screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:16px 26px 18px;background:#15161d}.pr-ob__screen-label{display:block;margin-bottom:6px;color:#ffffffbf;font-size:10px}.pr-ob__screen{position:relative;display:flex;flex-direction:column;flex:1;border-radius:3px;background:#fff}.pr-ob__screen--on{outline:2px solid var(--ob-accent);outline-offset:0}.pr-ob__screen-img{position:relative;overflow:hidden;aspect-ratio:1.55;border-radius:3px 3px 0 0;background:#d9dbe2}.pr-ob__screen-img img{width:100%;height:100%;object-fit:cover}.pr-ob__lines{display:flex;flex-direction:column;gap:5px;padding:8px}.pr-ob__lines i{display:block;height:3px;border-radius:2px;background:#1c1b1b}.pr-ob__lines i:nth-child(2){width:55%;background:#d6d8de}.pr-ob__lines i.is-bar{height:10px;margin-top:auto}.pr-ob__dots{display:flex;gap:4px}.pr-ob__dots b{width:6px;height:6px;border-radius:50%;background:#1c1b1b}.pr-ob__dots b+b{background:#c9ccd4}.pr-ob__cart{display:flex;flex-direction:column;gap:8px;padding:8px;height:100%}.pr-ob__cart-row{display:flex;gap:8px}.pr-ob__thumb{overflow:hidden;flex:none;width:22px;height:28px;border-radius:2px;background:#e5e6ea}.pr-ob__thumb img{width:100%;height:100%;object-fit:cover}.pr-ob__cart .pr-ob__lines{flex:1;padding:0}.pr-ob__cart .is-bar{display:block;height:12px;margin-top:auto;border-radius:2px;background:#1c1b1b}.pr-ob__approved{position:absolute;right:-22px;top:52%;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:4px;background:var(--ob-accent);color:#fff;font-size:10px;font-weight:600;box-shadow:0 8px 18px -8px var(--ob-accent);transform:scale(.6);opacity:0}.pr-ob__approved svg{width:16px;height:16px}.pr-ob.is-in .pr-ob__approved{animation:pr-ob-pop .6s .5s var(--pr-ease) forwards,pr-ob-pulse 2.8s 1.4s ease-in-out infinite}@keyframes pr-ob-pop{to{transform:scale(1);opacity:1}}@keyframes pr-ob-pulse{0%,to{box-shadow:0 8px 18px -8px var(--ob-accent);transform:scale(1)}50%{box-shadow:0 8px 26px -6px var(--ob-accent);transform:scale(1.05)}}.pr-ob__sections{display:flex;flex-direction:column;justify-content:center;gap:8px;margin:0;padding:18px 14px;list-style:none;background:transparent}.pr-ob__sections li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:5px;background:var(--ob-soft);font-size:11px}.pr-ob__sections li:before{content:"";width:6px;height:9px;background-image:radial-gradient(#9aa0ae 1px,transparent 1.2px);background-size:3px 3px}.pr-ob__sections li.is-lifted{position:relative;z-index:1;margin:0 -10px 0 10px;border:1.5px solid var(--ob-accent);background:#fff;box-shadow:0 12px 22px -10px color-mix(in srgb,var(--ob-accent) 60%,transparent);animation:pr-ob-float 3.6s ease-in-out infinite}@keyframes pr-ob-float{0%,to{transform:translate(0) rotate(-.6deg)}50%{transform:translate(-6px,-3px) rotate(.6deg)}}.pr-ob__meters{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px}.pr-ob__meter{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;font-size:10px;color:var(--ob-muted)}.pr-ob__meter-bar{height:4px;overflow:hidden;border-radius:4px;background:#e3e5ec}.pr-ob__meter-bar span{display:block;width:var(--v);height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--ob-accent) 45%,#fff),var(--ob-accent));transform:scaleX(0);transform-origin:left}.pr-ob.is-in .pr-ob__meter-bar span{animation:pr-ob-fill 1.2s var(--pr-ease) forwards}.pr-ob__meter:nth-child(2) .pr-ob__meter-bar span{animation-delay:.15s}.pr-ob__meter:nth-child(3) .pr-ob__meter-bar span{animation-delay:.3s}@keyframes pr-ob-fill{to{transform:scaleX(1)}}.pr-ob__meter b{color:var(--ob-accent);font-size:11px;font-weight:600}.pr-ob__chips{display:flex;flex-wrap:wrap;align-content:center;gap:8px;margin:0;padding:14px;list-style:none}.pr-ob__chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;background:#fff;font-size:10px;opacity:0;transform:translateY(6px)}.pr-ob__chips li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ob-accent)}.pr-ob.is-in .pr-ob__chips li{animation:pr-ob-chip .5s var(--pr-ease) forwards;animation-delay:calc(var(--i) * .12s + .2s)}@keyframes pr-ob-chip{to{opacity:1;transform:none}}.pr-ob__card--own{position:relative;overflow:hidden;isolation:isolate;justify-content:center;background:radial-gradient(70% 70% at 85% 15%,color-mix(in srgb,var(--ob-accent) 75%,transparent),transparent 70%),var(--ob-dark);color:#fff}.pr-ob__card--own:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;background:radial-gradient(40% 40% at 50% 50%,color-mix(in srgb,var(--ob-accent) 35%,transparent),transparent 70%);animation:pr-ob-glow 8s ease-in-out infinite}@keyframes pr-ob-glow{0%,to{transform:translate(20%,-10%)}50%{transform:translate(-10%,15%)}}.pr-ob__card--own .pr-ob__card-title{color:#fff}.pr-ob__card--own .pr-ob__card-text{color:#ffffffbf}.pr-ob__keys{display:flex;gap:8px}.pr-ob__keys span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff0f}.pr-ob__keys span:last-child{border-color:var(--ob-accent);background:var(--ob-accent);box-shadow:0 8px 20px -8px var(--ob-accent)}.pr-ob__keys svg{width:14px;height:14px}@media screen and (max-width:989px){.pr-ob__card--figma,.pr-ob__card--edit{grid-column:span 3}.pr-ob__card--figma{grid-column:1 / -1}.pr-ob__card--edit,.pr-ob__card--speed,.pr-ob__card--track,.pr-ob__card--own{grid-column:span 3}}@media screen and (max-width:749px){.pr-ob__grid{grid-template-columns:1fr}.pr-ob__card--figma,.pr-ob__card--edit,.pr-ob__card--speed,.pr-ob__card--track,.pr-ob__card--own{grid-column:auto}.pr-ob__screens{gap:12px;padding:12px 14px 14px}.pr-ob__approved{right:-12px}}@media(prefers-reduced-motion:reduce){.pr-ob__approved,.pr-ob__chips li,.pr-ob__meter-bar span{animation:none!important;opacity:1;transform:none}.pr-ob__sections li.is-lifted,.pr-ob__card--own:after{animation:none}}.pr-ob__screens>div{display:flex;flex-direction:column}.pr-ob__card--figma .pr-ob__visual{flex:none}@media screen and (max-width:749px){.pr-ob__card-title{font-size:19px}}.pr-ob__screen--shot{overflow:hidden}.pr-ob__screen--shot .pr-ob__screen-img{aspect-ratio:4 / 5;border-radius:3px;background:#fff}.pr-ob__screen--shot .pr-ob__screen-img img{object-position:top center}.pr-ob__screens:has(.pr-ob__screen--shot){align-items:center}.pr-ob__screen--shot{flex:none;background:transparent}.pr-ob__screen--shot .pr-ob__screen-img{aspect-ratio:auto;background:transparent}.pr-ob__screen--shot .pr-ob__screen-img img{display:block;height:auto;object-fit:contain}.pr-ob__screen--shot .pr-ob__screen-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1000 / 641}.pr-ob__screen--shot .pr-ob__screen-img img{width:auto;max-width:100%;height:100%;max-height:100%;border-radius:3px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/precept-op-bento.css.map */