@font-face{font-family:Based Replica Display;font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.shopify.com/s/files/1/0666/0125/5141/t/174/assets/Paralucent-Light.ttf) format("truetype")}@font-face{font-family:Based Replica Display;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.shopify.com/s/files/1/0666/0125/5141/t/174/assets/Paralucent-Medium.ttf) format("truetype")}@font-face{font-family:Based Replica Text;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.shopify.com/s/files/1/0666/0125/5141/t/174/assets/paralucentcondensedbook.woff2) format("woff2")}.based-why-comparison,.based-why-comparison *{box-sizing:border-box}.based-why-comparison{width:100%;overflow:hidden;background:var(--based-why-background, #0a0a0a);color:var(--based-why-text, #ececec);font-family:Based Replica Display,sans-serif}.based-why-comparison__frame{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--based-why-table-gap-desktop, 84px);width:100%;max-width:var(--based-why-max-width, 1440px);margin-inline:auto;padding:var(--based-why-padding-y-desktop, 105px) var(--based-why-padding-x-desktop, 80px);overflow:hidden;border-right:1px solid var(--based-why-border, rgba(255, 255, 255, .08));border-left:1px solid var(--based-why-border, rgba(255, 255, 255, .08))}.based-why-comparison__glow{position:absolute;top:0;right:0;left:0;height:var(--based-why-glow-height, 225px);pointer-events:none;background:radial-gradient(125.48% 100% at 50% 0%,var(--based-why-glow, rgba(27, 25, 20, .8)),rgba(10,10,10,0) 40%)}.based-why-comparison__head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--based-why-head-gap-desktop, 20px)}.based-why-comparison__wordmark{display:block;width:var(--based-why-wordmark-desktop, 166px);max-width:100%;height:auto}.based-why-comparison__sub,.based-why-comparison__sub p{margin:0;color:var(--based-why-text, #ececec);font-family:Based Replica Text,sans-serif;font-size:14px;font-weight:400;line-height:1;letter-spacing:-.015em;text-align:center}.based-why-comparison__sub{opacity:var(--based-why-subtitle-opacity, .7);text-shadow:0 3px 7px rgba(0,0,0,.1),0 13px 13px rgba(0,0,0,.09),0 29px 18px rgba(0,0,0,.05),0 52px 21px rgba(0,0,0,.01),0 81px 23px rgba(0,0,0,0)}.based-why-comparison__table{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:var(--based-why-table-max-width, 1020px)}.based-why-comparison__col{display:flex;flex:1 0 0;flex-direction:column;min-width:0}.based-why-comparison__col--labels{align-items:flex-start}.based-why-comparison__col--based{max-width:var(--based-why-based-width-desktop, 300px);background:var(--based-why-gradient, linear-gradient(180deg, #e2c274, #edd294, #f7e3b3, #fdedc7 78%, #f3dca7));box-shadow:67px 64px 26px #e6cb8000,43px 41px 24px #e6cb8003,24px 23px 20px #e6cb800d,11px 10px 15px #e6cb8017,3px 3px 8px #e6cb801a}.based-why-comparison__col--other{max-width:var(--based-why-other-width-desktop, 260px)}.based-why-comparison__cell{display:flex;align-items:center;width:100%;min-height:var(--based-why-row-height-desktop, 92px);border-bottom:1px solid var(--based-why-border, rgba(255, 255, 255, .08))}.based-why-comparison__col>.based-why-comparison__cell:last-child{border-bottom:0}.based-why-comparison__cell--head{min-height:var(--based-why-head-height-desktop, 103px)}.based-why-comparison__cell--mark,.based-why-comparison__col:not(.based-why-comparison__col--labels) .based-why-comparison__cell--head{justify-content:center}.based-why-comparison__cell--label{padding-block:10px}.based-why-comparison__feature{color:var(--based-why-text, #ececec);font-family:Based Replica Display,sans-serif;font-size:var(--based-why-feature-size-desktop, 24px);font-weight:300;line-height:20px;letter-spacing:-.2px;text-shadow:0 3px 7px rgba(0,0,0,.1),0 13px 13px rgba(0,0,0,.09),0 29px 18px rgba(0,0,0,.05)}.based-why-comparison__other-label{color:var(--based-why-text, #ececec);font-family:Based Replica Display,sans-serif;font-size:var(--based-why-other-size-desktop, 24px);font-weight:300;line-height:20px;white-space:nowrap}.based-why-comparison__cell--based-head{padding-block:36px}.based-why-comparison__based-mark{display:block;width:var(--based-why-based-mark-desktop, 132px)}.based-why-comparison__based-mark svg{display:block;width:100%;height:auto}.based-why-comparison__mark{display:block;flex-shrink:0;width:var(--based-why-mark-size-desktop, 34px);height:var(--based-why-mark-size-desktop, 34px)}.based-why-comparison__mark--check{color:var(--based-why-check, #0a0a0a)}.based-why-comparison__mark--cross{color:var(--based-why-cross, #5d5d5d)}.based-why-comparison__empty-mark{display:block;width:var(--based-why-mark-size-desktop, 34px);height:var(--based-why-mark-size-desktop, 34px)}.based-why-comparison__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:749px){.based-why-comparison__frame{gap:var(--based-why-table-gap-mobile, 40px);padding:var(--based-why-padding-y-mobile, 50px) var(--based-why-padding-x-mobile, 20px);border-right:0;border-left:0}.based-why-comparison__head{gap:var(--based-why-head-gap-mobile, 16px)}.based-why-comparison__wordmark{width:var(--based-why-wordmark-mobile, 148px)}.based-why-comparison__table{max-width:100%}.based-why-comparison__col--based{max-width:var(--based-why-based-width-mobile, 110px)}.based-why-comparison__col--other{max-width:var(--based-why-other-width-mobile, 90px)}.based-why-comparison__cell{min-height:var(--based-why-row-height-mobile, 80px)}.based-why-comparison__cell--head{min-height:var(--based-why-head-height-mobile, 72px)}.based-why-comparison__cell--based-head{padding-block:0}.based-why-comparison__based-mark{width:var(--based-why-based-mark-mobile, 62px)}.based-why-comparison__feature{width:80%;font-size:var(--based-why-feature-size-mobile, 15px);line-height:1.3;text-wrap:balance}.based-why-comparison__other-label{font-size:var(--based-why-other-size-mobile, 14px)}.based-why-comparison__mark,.based-why-comparison__empty-mark{width:var(--based-why-mark-size-mobile, 28px);height:var(--based-why-mark-size-mobile, 28px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/based-why-comparison.css.map */