.mk{--mk-u: 1px;--mk-line: rgba(var(--color-foreground), .1);--mk-fill: rgba(var(--color-foreground), .07);--mk-strong: rgba(var(--color-foreground), .22);--mk-accent: rgb(var(--color-accent));container-type:inline-size;position:relative;width:100%;overflow:hidden;border-radius:var(--radius-media);background-color:rgb(var(--color-card));color:rgb(var(--color-card-text));font-size:calc(var(--mk-u) * 10);line-height:1.3}@container (min-width: 1px){.mk{--mk-u: .26cqw}}.mk-nav{display:flex;align-items:center;gap:calc(var(--mk-u) * 6);padding:calc(var(--mk-u) * 10) calc(var(--mk-u) * 14);background-color:rgba(var(--color-foreground),.05);border-block-end:1px solid var(--mk-line)}.mk-dot{width:calc(var(--mk-u) * 9);height:calc(var(--mk-u) * 9);border-radius:50%;background-color:var(--mk-strong);flex:0 0 auto}.mk-bar{display:block;height:calc(var(--mk-u) * 9);border-radius:999px;background-color:var(--mk-fill)}.mk-bar--url{flex:1 1 auto;height:calc(var(--mk-u) * 13);margin-inline-start:calc(var(--mk-u) * 8);background-color:rgba(var(--color-foreground),.05);border:1px solid var(--mk-line)}.mk-bar--xs{width:22%}.mk-bar--sm{width:45%}.mk-bar--md{width:68%}.mk-bar--lg{width:85%;height:calc(var(--mk-u) * 15);background-color:var(--mk-strong)}.mk-bar--xl{width:95%;height:calc(var(--mk-u) * 22);background-color:var(--mk-strong)}.mk-bar--logo{width:calc(var(--mk-u) * 52);height:calc(var(--mk-u) * 12);background-color:var(--mk-strong)}.mk-bar--nav{width:calc(var(--mk-u) * 34)}.mk-shape{display:block;width:100%;aspect-ratio:4 / 3;border-radius:calc(var(--mk-u) * 10);background:radial-gradient(120% 90% at 30% 20%,rgba(var(--color-accent),.18),transparent 60%),var(--mk-fill)}.mk-shape--tall{aspect-ratio:3 / 4}.mk-shape--wide{aspect-ratio:16 / 10}.mk-shape--short{aspect-ratio:21 / 9}.mk-btn{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--mk-u) * 11) calc(var(--mk-u) * 22);border-radius:calc(var(--radius-button) * .6);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:calc(var(--mk-u) * 12);font-weight:600;white-space:nowrap}.mk-btn--full{width:100%}.mk-btn--sm{padding:calc(var(--mk-u) * 8) calc(var(--mk-u) * 16);font-size:calc(var(--mk-u) * 11)}.mk-pill{padding:calc(var(--mk-u) * 6) calc(var(--mk-u) * 14);border-radius:999px;font-size:calc(var(--mk-u) * 11);background-color:var(--mk-fill)}.mk-pill--dark{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.mk-card{flex:1 1 0;aspect-ratio:3 / 4;border-radius:calc(var(--mk-u) * 8);background-color:var(--mk-fill)}.mk-body{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 14);padding:calc(var(--mk-u) * 16)}.mk-head{display:flex;align-items:center;gap:calc(var(--mk-u) * 12);padding-block-end:calc(var(--mk-u) * 12);border-block-end:1px solid var(--mk-line)}.mk-head .mk-pill{margin-inline-start:auto}.mk-row{display:flex;gap:calc(var(--mk-u) * 10)}.mk--storefront{padding-block-end:calc(var(--mk-u) * 6)}.mk-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:calc(var(--mk-u) * 16);align-items:center}.mk-hero__text{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 9);align-items:flex-start}.mk--product{padding-block-end:calc(var(--mk-u) * 46)}.mk-body--split{display:grid;grid-template-columns:.85fr 1fr;gap:calc(var(--mk-u) * 18)}.mk-gallery{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 8)}.mk-thumbs{display:flex;gap:calc(var(--mk-u) * 6)}.mk-thumbs span{flex:1 1 0;aspect-ratio:1;border-radius:calc(var(--mk-u) * 5);background-color:var(--mk-fill)}.mk-thumbs span:first-child{outline:1.5px solid var(--mk-accent);outline-offset:1px}.mk-col{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 10);align-items:flex-start}.mk-stars{display:flex;align-items:center;gap:calc(var(--mk-u) * 3)}.mk-stars i{width:calc(var(--mk-u) * 10);height:calc(var(--mk-u) * 10);background-color:var(--mk-accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mk-stars i.is-off{background-color:var(--mk-strong)}.mk-stars--sm i{width:calc(var(--mk-u) * 8);height:calc(var(--mk-u) * 8)}.mk-stars .mk-bar{margin-inline-start:calc(var(--mk-u) * 6)}.mk-price{display:flex;align-items:baseline;gap:calc(var(--mk-u) * 8)}.mk-price__now{font-size:calc(var(--mk-u) * 22);font-weight:700}.mk-price__was{font-size:calc(var(--mk-u) * 13);opacity:.45}.mk-save{padding:calc(var(--mk-u) * 3) calc(var(--mk-u) * 8);border-radius:999px;background-color:rgba(var(--color-accent),.14);color:var(--mk-accent);font-size:calc(var(--mk-u) * 11);font-weight:700}.mk-chips{display:flex;gap:calc(var(--mk-u) * 6)}.mk-chips span{min-width:calc(var(--mk-u) * 26);padding:calc(var(--mk-u) * 6) calc(var(--mk-u) * 10);border:1px solid var(--mk-line);border-radius:calc(var(--mk-u) * 6);text-align:center;font-size:calc(var(--mk-u) * 11)}.mk-chips span.is-on{border-color:rgb(var(--color-foreground));font-weight:700}.mk-bundle{width:100%;display:flex;flex-direction:column;gap:calc(var(--mk-u) * 6)}.mk-bundle__row{display:flex;align-items:center;gap:calc(var(--mk-u) * 8);padding:calc(var(--mk-u) * 9) calc(var(--mk-u) * 10);border:1px solid var(--mk-line);border-radius:calc(var(--mk-u) * 7)}.mk-bundle__row.is-on{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.mk-radio{width:calc(var(--mk-u) * 11);height:calc(var(--mk-u) * 11);border:1.5px solid var(--mk-strong);border-radius:50%;flex:0 0 auto}.mk-radio.is-on{border-color:rgb(var(--color-foreground));background:radial-gradient(circle,rgb(var(--color-foreground)) 40%,transparent 45%)}.mk-tag{margin-inline-start:auto;padding:calc(var(--mk-u) * 3) calc(var(--mk-u) * 8);border-radius:999px;background-color:var(--mk-accent);color:rgb(var(--color-background));font-size:calc(var(--mk-u) * 10);font-weight:700;white-space:nowrap}.mk-qty{display:inline-flex;align-items:center;gap:calc(var(--mk-u) * 14);padding:calc(var(--mk-u) * 7) calc(var(--mk-u) * 12);border:1px solid var(--mk-line);border-radius:calc(var(--mk-u) * 7);font-size:calc(var(--mk-u) * 13)}.mk-qty__n{font-variant-numeric:tabular-nums}.mk-trust{display:flex;gap:calc(var(--mk-u) * 6);width:100%}.mk-trust span{flex:1 1 0;height:calc(var(--mk-u) * 18);border-radius:calc(var(--mk-u) * 5);background-color:var(--mk-fill)}.mk-ship{display:flex;align-items:center;width:100%}.mk-ship__dot{width:calc(var(--mk-u) * 10);height:calc(var(--mk-u) * 10);border-radius:50%;background-color:var(--mk-strong);flex:0 0 auto}.mk-ship__dot.is-on{background-color:var(--mk-accent)}.mk-ship__line{flex:1 1 auto;height:1.5px;background-color:var(--mk-line)}.mk-sticky{position:absolute;inset-inline:0;inset-block-end:0;display:flex;align-items:center;gap:calc(var(--mk-u) * 10);padding:calc(var(--mk-u) * 10) calc(var(--mk-u) * 16);background-color:rgb(var(--color-card));border-block-start:1px solid var(--mk-line);box-shadow:0 calc(var(--mk-u) * -6) calc(var(--mk-u) * 20) rgba(var(--color-shadow),.06)}.mk-sticky .mk-bar{flex:1 1 auto}.mk--mobile{aspect-ratio:9 / 19;max-width:calc(var(--mk-u) * 300);margin-inline:auto;border-radius:calc(var(--mk-u) * 34);border:calc(var(--mk-u) * 9) solid rgba(var(--color-foreground),.82);background-color:rgb(var(--color-card))}.mk-phone__notch{width:34%;height:calc(var(--mk-u) * 11);margin:0 auto;border-end-start-radius:calc(var(--mk-u) * 8);border-end-end-radius:calc(var(--mk-u) * 8);background-color:rgba(var(--color-foreground),.82)}.mk-phone__screen{position:relative;height:calc(100% - var(--mk-u) * 11);overflow:hidden}.mk-scroll{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 10);padding:calc(var(--mk-u) * 12);align-items:flex-start}.mk-mobile-atc{position:absolute;inset-inline:0;inset-block-end:0;padding:calc(var(--mk-u) * 10);background-color:rgb(var(--color-card));border-block-start:1px solid var(--mk-line)}.mk--editor{display:flex;flex-direction:column}.mk-editor{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1px;flex:1 1 auto;background-color:var(--mk-line)}.mk-panel{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 7);padding:calc(var(--mk-u) * 12);background-color:rgb(var(--color-card))}.mk-panel--stage{background-color:rgba(var(--color-foreground),.03);align-items:flex-start}.mk-item{padding:calc(var(--mk-u) * 8) calc(var(--mk-u) * 10);border:1px solid var(--mk-line);border-radius:calc(var(--mk-u) * 6);font-size:calc(var(--mk-u) * 11);background-color:rgb(var(--color-card))}.mk-item--ghost{border-style:dashed;min-height:calc(var(--mk-u) * 30)}.mk-item.is-drag{border-color:var(--mk-accent);box-shadow:0 calc(var(--mk-u) * 4) calc(var(--mk-u) * 12) rgba(var(--color-shadow),.14)}.mk-field{height:calc(var(--mk-u) * 22);border:1px solid var(--mk-line);border-radius:calc(var(--mk-u) * 5);background-color:rgba(var(--color-foreground),.02)}.mk-switch{width:calc(var(--mk-u) * 34);height:calc(var(--mk-u) * 18);border-radius:999px;background-color:var(--mk-accent);padding:calc(var(--mk-u) * 3);display:flex;justify-content:flex-end}.mk-switch i{width:calc(var(--mk-u) * 12);height:calc(var(--mk-u) * 12);border-radius:50%;background-color:rgb(var(--color-background))}.mk--reviews{padding:calc(var(--mk-u) * 18);display:flex;flex-direction:column;gap:calc(var(--mk-u) * 14)}.mk-demo{align-self:flex-end;padding:calc(var(--mk-u) * 5) calc(var(--mk-u) * 11);border:1px solid var(--mk-strong);border-radius:999px;font-size:calc(var(--mk-u) * 10);font-weight:700;letter-spacing:.08em;opacity:.6}.mk-rev__summary{display:flex;align-items:center;gap:calc(var(--mk-u) * 14);flex-wrap:wrap}.mk-rev__avg{font-size:calc(var(--mk-u) * 34);font-weight:700;line-height:1}.mk-rev__bars{flex:1 1 calc(var(--mk-u) * 110);display:flex;flex-direction:column;gap:calc(var(--mk-u) * 4);min-width:0}.mk-rev__bars span{height:calc(var(--mk-u) * 6);border-radius:999px;background-color:var(--mk-fill);overflow:hidden}.mk-rev__bars i{display:block;height:100%;background-color:var(--mk-accent);border-radius:999px}.mk-rev__list{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 10)}.mk-rev__item{display:flex;gap:calc(var(--mk-u) * 10);padding:calc(var(--mk-u) * 12);border:1px solid var(--mk-line);border-radius:calc(var(--mk-u) * 8)}.mk-avatar{width:calc(var(--mk-u) * 26);height:calc(var(--mk-u) * 26);border-radius:50%;background-color:var(--mk-fill);flex:0 0 auto}.mk-rev__body{flex:1 1 auto;display:flex;flex-direction:column;gap:calc(var(--mk-u) * 6);min-width:0}.mk-verified{align-self:flex-start;padding:calc(var(--mk-u) * 3) calc(var(--mk-u) * 9);border-radius:999px;background-color:rgba(var(--color-accent),.12);color:var(--mk-accent);font-size:calc(var(--mk-u) * 10);font-weight:600}.mk-rev__photo{width:calc(var(--mk-u) * 42);aspect-ratio:1;border-radius:calc(var(--mk-u) * 6);background-color:var(--mk-fill);flex:0 0 auto}.mk--license{padding:calc(var(--mk-u) * 22);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--mk-u) * 18)}.mk-key{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 6);padding:calc(var(--mk-u) * 14);border:1px dashed var(--mk-strong);border-radius:calc(var(--mk-u) * 8)}.mk-key__label{font-size:calc(var(--mk-u) * 11);opacity:.6}.mk-key__value{font-size:calc(var(--mk-u) * 16);font-weight:700;letter-spacing:.06em}.mk-steps{display:flex;flex-direction:column;gap:calc(var(--mk-u) * 10);margin:0;padding:0;list-style:none}.mk-step{display:flex;align-items:center;gap:calc(var(--mk-u) * 10);font-size:calc(var(--mk-u) * 13);opacity:.45}.mk-step__dot{width:calc(var(--mk-u) * 14);height:calc(var(--mk-u) * 14);border-radius:50%;border:1.5px solid var(--mk-strong);flex:0 0 auto}.mk--demo-devices{background:none;overflow:visible}.mk-device{border-radius:var(--radius-media);border:1px solid var(--mk-line);background-color:rgb(var(--color-card));box-shadow:var(--shadow-card);overflow:hidden}.mk--demo-devices{padding-block-end:calc(var(--mk-u) * 56)}.mk-device--desk{width:82%}.mk-device--tab{position:absolute;inset-block-end:0;inset-inline-end:0;width:34%;border-radius:calc(var(--mk-u) * 14)}.mk-device--tab .mk-body{gap:calc(var(--mk-u) * 8)}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--mk-u) * -5))}}@keyframes mk-pulse{0%,to{box-shadow:0 0 rgba(var(--color-accent),.35)}70%{box-shadow:0 0 0 calc(var(--mk-u) * 10) rgba(var(--color-accent),0)}}@keyframes mk-step-on{to{opacity:1}}@keyframes mk-step-dot{to{background-color:var(--mk-accent);border-color:var(--mk-accent)}}@keyframes mk-scroll-up{0%,12%{transform:translateY(0)}88%,to{transform:translateY(calc(var(--mk-u) * -190))}}@keyframes mk-drag{0%,to{transform:translate(0)}45%,55%{transform:translate(calc(var(--mk-u) * 6),calc(var(--mk-u) * 26))}}@media(prefers-reduced-motion:no-preference){.mk-float{animation:mk-float 5s ease-in-out infinite}.mk-pulse{animation:mk-pulse 2.8s ease-out infinite}.mk-step{animation:mk-step-on .5s ease forwards;animation-delay:var(--d, 0s)}.mk-step__dot{animation:mk-step-dot .5s ease forwards;animation-delay:var(--d, 0s)}.mk-item.is-drag{animation:mk-drag 4.5s ease-in-out infinite}}@media(prefers-reduced-motion:no-preference)and (min-width:750px){.mk-scroll{animation:mk-scroll-up 12s ease-in-out infinite alternate}}@media(max-width:749px){.mk-float,.mk-pulse,.mk-item.is-drag{animation:none}}@media(prefers-reduced-motion:reduce){.mk-step{opacity:1}.mk-step__dot{background-color:var(--mk-accent);border-color:var(--mk-accent)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.sales-features__card,.sales-library__card{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.sales-features__card:hover,.sales-library__card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(var(--color-shadow),.1)}.sales-library__chip{transition:border-color .2s var(--ease),background-color .2s var(--ease)}.sales-library__card:hover .sales-library__chip{border-color:rgba(var(--color-accent),.45);background-color:rgba(var(--color-accent),.06)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mockups.css.map */