.skin-openfield .of-tool__grid>*{min-width:0}.skin-openfield .of-hide-s{display:inline}.of-nav .of-btn{white-space:nowrap}.of-wcard{padding:22px 22px 20px;gap:12px;background:linear-gradient(170deg,color-mix(in srgb,var(--c) 12%,var(--of-ground-2)),var(--of-ground-2) 55%)}.of-wcard:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--c);transform:scaleX(.18);transform-origin:left;transition:transform .7s var(--of-ease)}.of-wcard:hover:before{transform:none}.of-wcard__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.of-wcard__min{font:900 34px/1 var(--of-display);font-variant-numeric:tabular-nums}.of-wcard__min small{font:600 11px var(--of-text);letter-spacing:.16em;color:var(--of-ink-3);margin-left:4px;text-transform:uppercase}.of-wcard h3{font:800 20px/1.1 var(--of-display);text-transform:uppercase;margin:4px 0 0}.of-wcard__meta{font:600 11px var(--of-text);letter-spacing:.14em;text-transform:uppercase;color:var(--of-ink-3);margin:0}.of-wcard__moves{list-style:none;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--of-line);display:grid;gap:6px;font-size:14px;color:var(--of-ink-2);counter-reset:m}.of-wcard__moves li{counter-increment:m;display:flex;gap:10px}.of-wcard__moves li:before{content:counter(m);font:800 12px/1.6 var(--of-display);color:var(--c);min-width:14px}.of-wcard__moves li.more{color:var(--of-ink-3)}.of-wcard__moves li.more:before{content:"+"}.of-wcard__go{margin-top:auto;width:100%;justify-content:center}.of-wcard__go:hover{background:var(--c);border-color:var(--c);color:#fff}.of-feature{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:40px;border-radius:12px;overflow:hidden;background:linear-gradient(130deg,color-mix(in srgb,var(--c) 22%,#121620),#141925 60%);box-shadow:inset 0 0 0 1px var(--of-line)}.of-feature:after{content:"";position:absolute;right:-140px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--c),transparent 65%);opacity:.25;filter:blur(30px);pointer-events:none}.of-feature .of-h2{font-size:clamp(34px,4.4vw,60px)}.of-feature__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.of-tuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.of-tut{border-radius:10px;background:var(--of-ground);box-shadow:inset 0 0 0 1px var(--of-line);transition:box-shadow .4s var(--of-ease)}.of-tut[open]{box-shadow:inset 0 0 0 1px var(--c,var(--of-accent))}.of-tut summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;min-height:76px;padding:12px 18px}.of-tut summary::-webkit-details-marker{display:none}.of-tut summary svg{width:52px;height:52px;stroke:var(--c,var(--of-accent));fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.of-tut summary b{font:800 17px/1.15 var(--of-display);text-transform:uppercase;display:block}.of-tut summary small{color:var(--of-ink-3);font-size:13px}.of-tut summary:after{content:"+";font:400 26px var(--of-text);color:var(--c,var(--of-accent));transition:transform .4s var(--of-ease)}.of-tut[open] summary:after{transform:rotate(45deg)}.of-tut ol{margin:0;padding:0 20px 20px 40px;color:var(--of-ink-2);font-size:14.5px;display:grid;gap:6px;animation:of-in .4s var(--of-ease)}.of-tut ol li::marker{color:var(--c,var(--of-accent));font-weight:800}.of-tut .of-tip{margin:0 20px 20px}.of-recipe{gap:0}.of-recipe .of-card__art{aspect-ratio:16/9}.of-recipe__kcal{position:absolute;right:14px;bottom:12px;z-index:1;font:900 26px/1 var(--of-display);text-shadow:0 2px 20px rgba(0,0,0,.5)}.of-recipe__kcal small{font:600 10px var(--of-text);letter-spacing:.16em;margin-left:3px}.of-macro3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--of-line)}.of-macro3 span{font:600 10.5px var(--of-text);letter-spacing:.14em;text-transform:uppercase;color:var(--of-ink-3)}.of-macro3 b{display:block;font:800 17px var(--of-display);color:var(--of-ink)}.of-recipe details{margin-top:4px}.of-recipe summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 12px var(--of-text);letter-spacing:.14em;text-transform:uppercase;color:var(--c,var(--of-accent))}.of-recipe details ul{margin:0;padding-left:18px;color:var(--of-ink-2);font-size:14px;display:grid;gap:4px}.of-princ{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:p}.of-princ>div{counter-increment:p;position:relative;padding:28px 22px 24px;border-radius:10px;background:var(--of-ground-2);box-shadow:inset 0 0 0 1px var(--of-line);transition:transform .5s var(--of-ease)}.of-princ>div:hover{transform:translateY(-5px)}.of-princ>div:before{content:"0" counter(p);display:block;font:900 44px/1 var(--of-display);color:transparent;-webkit-text-stroke:1.4px var(--c,var(--of-accent));margin-bottom:18px}.of-princ b{display:block;font:800 18px/1.15 var(--of-display);text-transform:uppercase;margin-bottom:8px}.of-princ p{margin:0;color:var(--of-ink-2);font-size:14.5px}.of-plate{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}.of-plate svg{width:100%;height:auto}.of-plate ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.of-plate li{display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start}.of-plate li i{width:14px;height:14px;border-radius:4px;margin-top:5px;background:var(--c)}.of-plate li b{font:800 16px var(--of-display);text-transform:uppercase}.of-plate li span{display:block;color:var(--of-ink-2);font-size:14.5px}.of-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.of-post{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:10px;background:var(--of-ground-2);box-shadow:inset 0 0 0 1px var(--of-line);transition:transform .5s var(--of-ease),box-shadow .5s var(--of-ease)}.of-post:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px var(--c,var(--of-line-2))}.of-post .of-chip{align-self:flex-start}.of-post h3{font:800 21px/1.15 var(--of-display);text-transform:uppercase;margin:6px 0 0}.of-post p{margin:0;color:var(--of-ink-2);font-size:14.5px}.of-post details{margin-top:auto;border-top:1px solid var(--of-line)}.of-post summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font:600 12px var(--of-text);letter-spacing:.14em;text-transform:uppercase;color:var(--c,var(--of-accent));list-style:none}.of-post summary::-webkit-details-marker{display:none}.of-post summary:after{content:"+";font:400 22px var(--of-text)}.of-post details[open] summary:after{content:"\2212"}.of-post details p{margin-bottom:10px;animation:of-in .4s var(--of-ease)}.of-how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}.of-how>div{counter-increment:s;padding:26px 22px;border-radius:10px;background:var(--of-ground);box-shadow:inset 0 0 0 1px var(--of-line)}.of-how>div:before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--of-accent);font:900 18px var(--of-display);margin-bottom:18px;box-shadow:0 10px 30px -10px var(--of-accent)}.of-how b{display:block;font:800 19px var(--of-display);text-transform:uppercase;margin-bottom:6px}.of-how p{margin:0;color:var(--of-ink-2);font-size:14.5px}.of-devices{position:relative;height:380px}.of-dev{position:absolute;border-radius:14px;background:#0b0e15;box-shadow:inset 0 0 0 2px #2b3242,0 40px 80px -40px #000000e6;overflow:hidden;padding:12px}.of-dev__scr{height:100%;border-radius:8px;background:linear-gradient(150deg,#2a1b20,#151a26 60%);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px;position:relative;overflow:hidden}.of-dev__scr:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--c,#ff5a3c),transparent 65%);opacity:.5}.of-dev__scr b{position:relative;font:900 clamp(13px,1.5vw,19px)/1.05 var(--of-display);text-transform:uppercase}.of-dev__scr span{position:relative;font:600 9.5px var(--of-text);letter-spacing:.16em;text-transform:uppercase;color:var(--of-ink-2)}.of-dev--lap{left:0;top:20px;width:78%;height:270px}.of-dev--tab{right:6%;bottom:0;width:34%;height:220px;--c:#3d8bff}.of-dev--ph{right:0;top:0;width:19%;height:190px;border-radius:18px;--c:#3ddc97}.of-dev--ph .of-dev__scr{border-radius:12px}.of-devices .of-dev{animation:of-float 7s ease-in-out infinite}.of-devices .of-dev--tab{animation-delay:-2.5s}.of-devices .of-dev--ph{animation-delay:-5s}@keyframes of-float{50%{transform:translateY(-10px)}}.of-trial{display:grid;gap:14px;padding:34px;border-radius:12px;background:linear-gradient(160deg,#1f1a22,#141925 60%);box-shadow:inset 0 0 0 1px var(--of-line),0 40px 80px -50px #000000e6}.of-trial h3{font:900 clamp(26px,3vw,36px)/1 var(--of-display);text-transform:uppercase;margin:0}.of-trial label{display:block;font:600 11px var(--of-text);letter-spacing:.18em;text-transform:uppercase;color:var(--of-ink-3);margin-bottom:8px}.of-trial input[type=email],.of-trial input[type=text]{width:100%;min-height:52px;padding:0 16px;border-radius:6px;border:0;background:#0d1018;color:var(--of-ink);font:500 16px var(--of-text);box-shadow:inset 0 0 0 1px var(--of-line-2);transition:box-shadow .3s}.of-trial input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--of-accent)}.of-trial .of-btn{width:100%;justify-content:center}.of-trial .of-seg2{margin:0}.of-trial small{color:var(--of-ink-3);font-size:12.5px}.of-trial .of-ok{color:var(--of-go)}.of-compare{width:100%;border-collapse:collapse;font-size:15px}.of-compare th,.of-compare td{padding:14px 12px;border-bottom:1px solid var(--of-line);text-align:center}.of-compare th:first-child,.of-compare td:first-child{text-align:left;color:var(--of-ink-2)}.of-compare thead th{font:800 14px var(--of-display);text-transform:uppercase;letter-spacing:.04em}.of-compare thead th.hi{color:var(--of-accent)}.of-compare .y{color:var(--of-go);font-weight:700}.of-compare .n{color:var(--of-ink-3)}@media(max-width:1000px){.of-tuts,.of-posts,.of-princ{grid-template-columns:1fr 1fr}}@media(max-width:860px){.of-feature,.of-plate{grid-template-columns:1fr;gap:26px;padding:26px 20px}.of-plate{padding:0}.of-plate svg{max-width:240px;margin:0 auto}.of-how{grid-template-columns:1fr}.of-devices{height:300px}.of-dev--lap{height:210px}.of-dev--tab{height:170px}.of-dev--ph{height:150px;width:24%}.of-trial{padding:24px 18px}.of-wk{grid-template-columns:1fr!important;gap:6px!important}}@media(max-width:640px){.of-tuts,.of-posts,.of-princ{grid-template-columns:1fr}.of-phero .of-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.of-checks{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.of-checks button{aspect-ratio:auto;font-size:13px}.of-compare{font-size:13.5px}.of-compare th,.of-compare td{padding:12px 6px}}@media(max-width:640px){.of-screen:has(>[data-donut]){grid-template-columns:1fr!important}.of-screen>[data-donut]{max-width:170px;margin:0 auto}}@media(max-width:440px){.skin-openfield .of-hide-s{display:none}.of-nav__right{gap:8px}}@media(prefers-reduced-motion:reduce){.of-devices .of-dev{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/of-pages.css.map */