.tiers-table{position:relative;background-color:#fff;--tt-surface: #ffffff;--tt-feature-col: 170px;--tt-tier-col: 161px;--tt-gap: 12px;--tt-row-gap: 8px;--tt-card-radius: 8px;--tt-card-border: 2px;--tt-pad-inline: 12px;--tt-pad-block: 16px;--tt-head-pad: 24px;--tt-gutter: 12px;--tt-icon: 20px}@media screen and (min-width:768px){.tiers-table{--tt-feature-col: 261px;--tt-tier-col: 354px;--tt-gap: 20px;--tt-row-gap: 12px;--tt-card-radius: 12px;--tt-card-border: 4px;--tt-pad-inline: 20px;--tt-pad-block: 24px;--tt-head-pad: 32px;--tt-gutter: 20px;--tt-icon: 24px}}@media screen and (min-width:1025px){.tiers-table{--tt-feature-col: 328px;--tt-tier-col: minmax(0, 1fr);--tt-gap: 12px}}.tiers-table__container{width:100%;padding-inline:12px}@media screen and (min-width:768px){.tiers-table__container{padding-inline:20px}}.tiers-table__header{display:grid;grid-template-columns:1fr;row-gap:12px;margin-block-end:48px}@media screen and (min-width:768px){.tiers-table__header{row-gap:20px;margin-block-end:60px}}@media screen and (min-width:1025px){.tiers-table__header{grid-template-columns:minmax(0,1fr) 459px;column-gap:12px;row-gap:0;align-items:start}}.tiers-table__heading{font-family:var(--font-heading-family);font-size:32px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-1.28px;text-transform:uppercase;color:#090909}@media screen and (min-width:768px){.tiers-table__heading{font-size:48px;letter-spacing:-1.92px}}.tiers-table__heading>*{margin:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}.tiers-table__note{font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:normal;text-align:justify;overflow-wrap:break-word;font-feature-settings:"cv11" on;color:#090909}@media screen and (min-width:768px){.tiers-table__note{font-size:16px}}.tiers-table__note>*{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.tiers-table__note>*+*{margin-top:12px}@media screen and (min-width:768px){.tiers-table__note>*+*{margin-top:16px}}.tiers-table__note strong,.tiers-table__note b{font-weight:700}.tiers-table__scroll{max-width:1440px;margin-inline:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;container-type:inline-size;scrollbar-width:none;-ms-overflow-style:none}.tiers-table__scroll::-webkit-scrollbar{display:none}.tiers-table__grid{position:relative;display:grid;grid-template-columns:var(--tt-feature-col) repeat(var(--tt-tiers, 3),var(--tt-tier-col));column-gap:var(--tt-gap);row-gap:var(--tt-row-gap);width:max-content;min-width:100%;padding:var(--tt-head-pad) var(--tt-gutter) 0}@media screen and (min-width:1025px){.tiers-table__grid{width:auto}}.tiers-table__tier{position:relative;display:flex}.tiers-table__tier-card{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:65px;padding:12px 16px;border:var(--tt-card-border) solid #dddddd;background-clip:border-box;background-origin:border-box;border-radius:var(--tt-card-radius);background-color:#fff}@media screen and (min-width:768px){.tiers-table__tier-card{min-height:86px;padding:20px 16px}}.tiers-table__tier-name{font-family:var(--font-heading-family);font-size:28px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-.56px;text-align:center;text-transform:uppercase;color:#090909}@media screen and (min-width:768px){.tiers-table__tier-name{font-size:32px;letter-spacing:-.64px}}.tiers-table__badge{position:absolute;left:0;bottom:calc(100% - 8px);display:inline-flex;align-items:center;justify-content:center;padding:4px 16px 8px;border-radius:4px;background-color:#090909;color:#fff;font-family:var(--font-heading-family);font-size:12px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-.48px;text-transform:uppercase;white-space:nowrap}@media screen and (min-width:768px){.tiers-table__badge{font-size:16px;letter-spacing:-.64px}}.tiers-table__sticky{position:sticky;left:var(--tt-gutter);z-index:4}@media screen and (min-width:1025px){.tiers-table__sticky{position:relative;left:auto}}.tiers-table__sticky-backdrop{grid-column:1;z-index:3;left:0;margin-inline-start:calc(var(--tt-gutter) * -1);margin-inline-end:calc(var(--tt-gap) * -1);padding-inline-start:var(--tt-gutter);margin-block-start:calc(var(--tt-head-pad) * -1);background-color:var(--tt-surface, #ffffff)}@media screen and (min-width:1025px){.tiers-table__sticky-backdrop{margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}}@media screen and (min-width:1025px){.tiers-table__sticky-backdrop{display:none}}.tiers-table__panel:empty,.tiers-table__group-card:empty,.tiers-table__hline:empty,.tiers-table__sticky-backdrop:empty,.tiers-table__cell:empty{display:block}.tiers-table__shim{display:block;width:0;height:0}.tiers-table__panel{position:sticky;left:calc(var(--tt-gutter) + var(--tt-feature-col) + var(--tt-gap));width:calc(100cqw - (var(--tt-gutter) * 2) - var(--tt-feature-col) - var(--tt-gap));z-index:0;grid-column:2 / -1;grid-row:1 / -1;border:var(--tt-card-border) solid #dddddd;border-radius:var(--tt-card-radius);background-color:#fff}@media screen and (min-width:1025px){.tiers-table__panel{position:relative;left:auto;width:auto}}.tiers-table__frame{position:sticky;left:calc(var(--tt-gutter) + var(--tt-feature-col) + var(--tt-gap));width:calc(100cqw - (var(--tt-gutter) * 2) - var(--tt-feature-col) - var(--tt-gap));z-index:2;grid-column:2 / -1;border:var(--tt-card-border) solid #dddddd;border-radius:var(--tt-card-radius);pointer-events:none}@media screen and (min-width:1025px){.tiers-table__frame{position:relative;left:auto;width:auto}}.tiers-table__edge-end{position:sticky;right:0;z-index:3;grid-column:-2;justify-self:end;width:var(--tt-gutter);margin-inline-end:calc(var(--tt-gutter) * -1);margin-block-start:calc(var(--tt-head-pad) * -1);background-color:var(--tt-surface, #ffffff)}@media screen and (min-width:1025px){.tiers-table__edge-end{display:none}}@media screen and (max-width:1024px){.tiers-table__grid{padding-inline:var(--tt-gutter) 0}.tiers-table__edge-end{width:0;margin-inline-end:0}.tiers-table__panel,.tiers-table__frame{width:calc(100cqw - var(--tt-gutter) - var(--tt-feature-col) - var(--tt-gap))}}.tiers-table__vline{position:absolute;top:20px;bottom:20px;display:none;width:1px;background-color:#ddd}@media screen and (min-width:1025px){.tiers-table__vline{display:block}}.tiers-table__group-card{grid-column:1;border:var(--tt-card-border) solid #dddddd;border-radius:var(--tt-card-radius);background-color:#fff}.tiers-table__group-title{grid-column:1;z-index:5;padding-inline:calc(var(--tt-pad-inline) + var(--tt-card-border));padding-block-start:calc(var(--tt-pad-block) + var(--tt-card-border));font-family:var(--font-heading-family);font-size:16px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-.32px;text-transform:uppercase;color:#ff4229}@media screen and (min-width:768px){.tiers-table__group-title{font-size:20px;letter-spacing:-.4px}}.tiers-table__feature{grid-column:1;z-index:5;padding-inline:calc(var(--tt-pad-inline) + var(--tt-card-border) + 21px) calc(var(--tt-pad-inline) + var(--tt-card-border));font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:normal;color:#090909;overflow-wrap:break-word}@media screen and (min-width:768px){.tiers-table__feature{font-size:16px}}.tiers-table__feature:before{content:"";position:absolute;left:calc(var(--tt-pad-inline) + var(--tt-card-border) + 8px);width:5px;height:5px;border-radius:50%;background-color:currentcolor;transform:translateY(8px)}.tiers-table__feature--last{padding-block-end:calc(var(--tt-pad-block) + var(--tt-card-border))}.tiers-table__cell{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;padding-inline:12px;text-align:center}.tiers-table__cell--centered{align-items:center}.tiers-table__cell-text{font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:normal;text-align:center;overflow-wrap:break-word;font-feature-settings:"cv11" on;color:#090909}@media screen and (min-width:768px){.tiers-table__cell-text{font-size:16px}}.tiers-table__cell-text>*{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.tiers-table__cell-text strong,.tiers-table__cell-text b{font-weight:inherit;color:#ff4229}.tiers-table__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.tiers-table__icon{display:block;width:var(--tt-icon);height:var(--tt-icon);flex:none}.tiers-table__icon--check{color:#22c55e}.tiers-table__icon--cross{color:#090909}.tiers-table__hline{position:sticky;left:calc(var(--tt-gutter) + var(--tt-feature-col) + var(--tt-gap) + var(--tt-card-border) + 20px);width:calc(100cqw - (var(--tt-gutter) * 2) - var(--tt-feature-col) - var(--tt-gap) - (var(--tt-card-border) * 2) - 40px);z-index:2;grid-column:2 / -1;align-self:end;height:1px;margin-block-end:calc(var(--tt-row-gap) / -2);background-color:#ddd}@media screen and (min-width:1025px){.tiers-table__hline{position:relative;left:auto;width:auto;margin-inline:calc(20px + var(--tt-card-border))}}.tiers-table__price-card{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:var(--tt-pad-block) 16px;border:var(--tt-card-border) solid #dddddd;background-clip:border-box;background-origin:border-box;border-radius:var(--tt-card-radius);background-color:#fff}.tiers-table__price{font-family:var(--font-heading-family);font-style:normal;font-weight:800;line-height:normal;letter-spacing:-.8px;text-align:center;text-transform:uppercase;color:#090909}.tiers-table__price-amount{font-size:32px}.tiers-table__price-period{font-size:20px}.tiers-table__button{display:flex;align-items:center;justify-content:center;min-height:47px;padding:12px 14px;border:2px solid transparent;border-radius:8px;background-clip:border-box;background-origin:border-box;background-color:#090909;color:#fff;font-family:var(--font-heading-family);font-size:16px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-.32px;text-align:center;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .3s ease}@media screen and (min-width:768px){.tiers-table__button{min-height:64px;font-size:20px;letter-spacing:-.4px}}a.tiers-table__button:hover{opacity:.85}.tiers-table__button--static{cursor:default;pointer-events:none;box-shadow:inset 0 0 0 1px #9f9f9f}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tiers-table.css.map */
