#MainContent .harder-figma-comparison{position:relative;block-size:793.333px;overflow:hidden}#MainContent .harder-figma-comparison__inner{position:absolute;top:60px;left:50%;width:800px;height:673.333px;margin:0;padding:0;transform:translate(-50%)}#MainContent .harder-figma-comparison__header{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;margin:0;text-align:center}#MainContent .harder-figma-comparison__eyebrow{position:absolute;inset:0 0 auto;width:800px;height:9px;margin:0;font-family:var(--font-body);font-size:12.414px;font-weight:700;line-height:31.608px;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both}#MainContent .harder-figma-comparison__title{position:absolute;top:49px;left:0;width:800px;height:75px;margin:0;font-family:"Harder Saint Regus",var(--font-heading)!important;font-size:50px;font-weight:900;letter-spacing:0;line-height:40px;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both;text-transform:uppercase}#MainContent .harder-figma-comparison__caption{position:absolute;top:164px;left:203px;width:394px;height:32px;max-width:none;margin:0;font-family:var(--font-body);font-size:16px;font-weight:700;line-height:20.573px;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both}#MainContent .harder-figma-comparison__caption p{margin:0}#MainContent .harder-figma-comparison__grid{position:absolute;top:236px;left:-30.5px;width:861px;height:437.333px;display:grid;grid-template-columns:250px 210px 170px 170px;grid-template-rows:repeat(7,47.333px);gap:15px;padding:8px;border-radius:18px;background:var(--comparison-ink);overflow:visible}#MainContent .harder-figma-comparison__grid--3{grid-template-columns:300px 260px 240px}#MainContent .harder-figma-comparison__grid--2{grid-template-columns:430px 400px}#MainContent .harder-figma-comparison__head-row,#MainContent .harder-figma-comparison__row{display:contents}#MainContent .harder-figma-comparison__head,#MainContent .harder-figma-comparison__cell{min-width:0;min-height:0;padding:10px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--comparison-cream);color:var(--comparison-ink);font-family:var(--font-body);font-size:12px;font-weight:950;letter-spacing:0;line-height:31.608px;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both}#MainContent .harder-figma-comparison__head:first-child,#MainContent .harder-figma-comparison__cell--label{justify-content:flex-start;text-align:left}#MainContent .harder-figma-comparison__head--harder{border:1px solid var(--comparison-cream);background:transparent;color:var(--comparison-lavender);font-family:"Harder Saint Regus",var(--font-heading)!important;font-size:20px;font-weight:900;text-transform:uppercase}#MainContent .harder-figma-comparison__cell--harder{background:var(--comparison-lavender)}#MainContent .harder-figma-comparison__cell:not(.harder-figma-comparison__cell--label){text-transform:none}#MainContent .harder-figma-comparison .harder-comparison-mark{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--comparison-ink);color:var(--comparison-cream);box-shadow:0 0 4px #080f174d;font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1}#MainContent .harder-figma-comparison .harder-dr-section__mark--yes,#MainContent .harder-figma-comparison .harder-dr-section__mark--no{color:transparent;font-size:0;background-position:center;background-repeat:no-repeat}#MainContent .harder-figma-comparison .harder-dr-section__mark--yes{background-image:var(--comparison-check);background-size:14px 16px}#MainContent .harder-figma-comparison .harder-dr-section__mark--no{background-image:var(--comparison-exit);background-size:24px 24px}#MainContent .harder-figma-comparison .harder-dr-section__mark--dash{padding-bottom:2px;font-size:24px}@media(min-width:750px)and (max-width:799px){#MainContent .harder-figma-comparison__inner{transform:translate(-50%) scale(.9);transform-origin:50% 0}}@media(max-width:749px){#MainContent .harder-figma-comparison{block-size:609.968px}#MainContent .harder-figma-comparison__inner{top:60px;width:160px;height:489.968px}#MainContent .harder-figma-comparison__eyebrow{width:160px}#MainContent .harder-figma-comparison__title{left:-170px;width:500px;height:75px;font-size:50px;line-height:40px}#MainContent .harder-figma-comparison__caption{left:-117px;width:394px;height:32px;font-size:16px;line-height:20.573px}#MainContent .harder-figma-comparison__grid{top:236px;left:-170px;width:500px;height:253.968px;max-width:none;grid-template-columns:145.18px 121.951px 98.722px 98.722px;grid-template-rows:repeat(7,27.487px);gap:8.711px;padding:4.646px;border-radius:10.453px}#MainContent .harder-figma-comparison__grid--3{grid-template-columns:174.216px 151.161px 151.161px}#MainContent .harder-figma-comparison__grid--2{grid-template-columns:245.53px 236.402px}#MainContent .harder-figma-comparison__head,#MainContent .harder-figma-comparison__cell{padding:5.807px;border-radius:5.807px;font-size:6.969px;line-height:18.355px}#MainContent .harder-figma-comparison__head--harder{border-width:.581px;font-size:11.614px}#MainContent .harder-figma-comparison .harder-comparison-mark{width:17.422px;height:17.422px;box-shadow:0 0 2.323px #080f174d}#MainContent .harder-figma-comparison .harder-dr-section__mark--yes{background-size:8.13px 9.292px}#MainContent .harder-figma-comparison .harder-dr-section__mark--no{background-size:13.937px 13.937px}#MainContent .harder-figma-comparison .harder-dr-section__mark--dash{padding-bottom:1px;font-size:14px}}@media(max-width:639px){#MainContent .harder-figma-comparison{--comparison-scale: calc(100vw/640px) ;block-size:calc(609.968px * var(--comparison-scale))}#MainContent .harder-figma-comparison__inner{top:calc(60px * var(--comparison-scale));transform:translate(-50%) scale(var(--comparison-scale));transform-origin:50% 0}}@media(max-width:639px){#MainContent .harder-figma-comparison{block-size:auto!important;min-height:560px;overflow:hidden}#MainContent .harder-figma-comparison__inner{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:48px 16px!important;transform:none!important}#MainContent .harder-figma-comparison__header{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0 0 32px!important}#MainContent .harder-figma-comparison__eyebrow,#MainContent .harder-figma-comparison__title,#MainContent .harder-figma-comparison__caption{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}#MainContent .harder-figma-comparison__eyebrow{font-size:12px;line-height:15px}#MainContent .harder-figma-comparison__title{margin-top:20px!important;font-size:clamp(36px,10.75vw,44px)!important;line-height:.82!important}#MainContent .harder-figma-comparison__caption{max-width:350px!important;margin:20px auto 0!important;font-size:14px!important;line-height:20px!important}#MainContent .harder-figma-comparison__grid,#MainContent .harder-figma-comparison__grid--3,#MainContent .harder-figma-comparison__grid--2{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important;padding:5px!important;grid-template-rows:repeat(7,minmax(44px,auto))!important;gap:4px!important;border-radius:10px}#MainContent .harder-figma-comparison__grid{grid-template-columns:minmax(96px,1.35fr) repeat(3,minmax(62px,.9fr))!important}#MainContent .harder-figma-comparison__grid--3{grid-template-columns:minmax(110px,1.35fr) repeat(2,minmax(82px,.9fr))!important}#MainContent .harder-figma-comparison__grid--2{grid-template-columns:minmax(140px,1.35fr) minmax(110px,.9fr)!important}#MainContent .harder-figma-comparison__head,#MainContent .harder-figma-comparison__cell,#MainContent .harder-figma-comparison__cell:not(.harder-figma-comparison__cell--label){min-height:44px!important;padding:5px!important;border-radius:5px!important;font-size:10px!important;line-height:12px!important}#MainContent .harder-figma-comparison__head--harder{font-size:12px!important}#MainContent .harder-figma-comparison .harder-comparison-mark{width:22px!important;height:22px!important}}@media(max-width:319px){#MainContent .harder-figma-comparison__inner{padding-right:8px!important;padding-left:8px!important}#MainContent .harder-figma-comparison__grid{grid-template-columns:minmax(82px,1.35fr) repeat(3,minmax(50px,.9fr))!important}#MainContent .harder-figma-comparison__head,#MainContent .harder-figma-comparison__cell,#MainContent .harder-figma-comparison__cell:not(.harder-figma-comparison__cell--label){font-size:9px!important;line-height:11px!important}#MainContent .harder-figma-comparison__head--harder{font-size:11px!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/harder-figma-comparison-parity.css.map */