.subscription-tier-grid,.subscription-tier-grid__card-ribbon,.subscription-tier-grid__trigger,.subscription-tier-grid__choose-plan,.subscription-tier-grid__current-foot{display:none}.subscription-tier-grid__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.subscription-tier-grid__tier{position:relative;background:var(--color-blue-100);border:1.5px solid var(--color-light-blue-200);border-radius:var(--radius-l);padding:12px 8px;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:96px;transition:border-color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1)}.subscription-tier-grid__tier input[type=radio]{position:absolute;opacity:0;pointer-events:none}.subscription-tier-grid__tier--selected{border-color:var(--color-blue-1100);box-shadow:0 0 0 .5px var(--color-blue-1100)}.subscription-tier-grid__tier-title{font-size:var(--font-size-button-s);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-xs);color:var(--color-black)}@media(min-width:990px){.subscription-tier-grid__tier-title{font-size:var(--font-size-body-s)}}.subscription-tier-grid__tier-prices{display:inline-flex;align-items:center;gap:4px;justify-content:center;font-size:var(--font-size-caption-m);font-weight:var(--font-weight-medium)}.subscription-tier-grid__tier-price-now{color:var(--color-dark-gray-700);font-size:var(--font-size-body-s);transition:color .2s ease}.subscription-tier-grid__tier-prices:has(.subscription-tier-grid__tier-price-compare) .subscription-tier-grid__tier-price-now{color:var(--color-danger-dark)}.subscription-tier-grid__tier-price-compare{color:var(--color-dark-gray-200);text-decoration:line-through}.subscription-tier-grid__tier-ribbon{position:absolute;top:-1px;left:-1px;right:-1px;border-top-left-radius:var(--radius-l);border-top-right-radius:var(--radius-l);padding:4px 16px;color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-caption-s);letter-spacing:var(--letter-spacing-xl);text-align:center}.subscription-tier-grid__tier--selected .subscription-tier-grid__tier-ribbon{top:-2px;left:-2px;right:-2px}.subscription-tier-grid__tier-ribbon--popular{background:var(--color-gradient-blue-1200)}.subscription-tier-grid__tier-ribbon--value{background:var(--color-success-medium)}.subscription-tier-grid__tier-ribbon--exclusive{background:var(--color-blue-250)}.subscription-tier-grid__tier-save{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:var(--color-danger-default);color:var(--color-white);font-size:var(--font-size-caption-s);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-xl);padding:4px 8px;border-radius:var(--radius-full);white-space:nowrap}.subscription-tier-grid__tier--has-ribbon{padding-top:30px}.subscription-tier-grid__tier-permonth{font-size:var(--font-size-caption-s);font-weight:var(--font-weight-medium);color:var(--color-dark-gray-300);line-height:var(--line-height-xl)}.subscription-tier-grid__tier-prices:not(:has(.subscription-tier-grid__tier-price-compare)) .subscription-tier-grid__tier-price-now{font-size:var(--font-size-caption-m);color:var(--color-black)}@media(max-width:989px){.subscription-tier-grid__card-ribbon{display:inline-block;position:absolute;top:0;right:18px;transform:translateY(-50%);padding:6px 14px;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-caption-s);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-xl);text-transform:uppercase;z-index:2}.subscription-tier-grid__card-ribbon--popular{background:var(--color-gradient-blue-1200);text-transform:capitalize}.subscription-tier-grid__card-ribbon--value{background:var(--color-success-medium);text-transform:capitalize}.subscription-tier-grid__card-ribbon--exclusive{background:var(--color-blue-250);text-transform:capitalize}.subscription-tier-grid__choose-plan{display:block;margin-top:16px;font-size:var(--font-size-body-s);font-weight:var(--font-weight-regular);color:var(--color-black)}.subscription-tier-grid__current-foot{display:block;margin-top:6px;text-align:center;font-size:var(--font-size-caption-s);color:var(--color-dark-gray-300);line-height:var(--line-height-xl)}.subscription-tier-grid__current-foot:empty{display:none}.subscription-tier-grid__trigger{display:flex;align-items:center;width:100%;padding:12px;margin-top:6px;background:var(--color-blue-100);border:1px solid var(--color-light-gray-600);border-radius:var(--radius-l);cursor:pointer;font-family:inherit;color:inherit;text-align:left;gap:12px;position:relative;z-index:2;overflow:visible;transition:border-radius .25s ease}.subscription-tier-grid[data-mobile-panel=open] .subscription-tier-grid__trigger{border-bottom-left-radius:0;border-bottom-right-radius:0}.subscription-tier-grid__trigger-text{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:var(--font-size-body-s)}.subscription-tier-grid__trigger-title{font-weight:var(--font-weight-semibold);color:var(--color-black)}.subscription-tier-grid__trigger-sep{color:var(--color-dark-gray-300)}.subscription-tier-grid__trigger-now{color:var(--color-danger-dark);font-weight:var(--font-weight-medium)}.subscription-tier-grid__trigger-compare{color:var(--color-dark-gray-300);font-weight:var(--font-weight-medium);text-decoration:line-through;font-size:var(--font-size-caption-m)}.subscription-tier-grid__trigger-caret{margin-left:auto;height:24px;width:36px;background:var(--color-blue-100);border:1px solid var(--color-light-gray-600);border-radius:var(--radius-s);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-tier-grid__trigger-caret svg{width:12px;height:8px;transition:transform .2s ease}.subscription-tier-grid__trigger[aria-expanded=true] .subscription-tier-grid__trigger-caret svg{transform:rotate(180deg)}.subscription-tier-grid__panel{position:relative}.subscription-tier-grid__grid{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;margin-top:-1px;background:var(--color-blue-100);border:1px solid var(--color-light-gray-600);border-top:0;border-bottom-left-radius:var(--radius-l);border-bottom-right-radius:var(--radius-l);gap:10px;padding:0 12px;max-height:0;opacity:0;overflow:hidden;z-index:1;transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1),opacity .25s ease}.subscription-tier-grid[data-mobile-panel=open] .subscription-tier-grid__grid{max-height:400px;padding:8px 12px;opacity:1;box-shadow:0 2px 4px var(--color-dark-gray-100)}.subscription-tier-grid__tier{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;min-height:0;gap:8px;background:transparent;border:0;border-radius:var(--radius-s);box-shadow:none;text-align:left;overflow:visible}.subscription-tier-grid__tier:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-gradient-blue-200);border-radius:var(--radius-s);opacity:0;transition:opacity .2s ease;z-index:-1}.subscription-tier-grid__tier--selected{border:0;box-shadow:none;padding:10px 12px}.subscription-tier-grid__tier--selected:before{opacity:1}.subscription-tier-grid__tier--has-ribbon{padding-top:10px}.subscription-tier-grid__tier-ribbon,.subscription-tier-grid__tier-save,.subscription-tier-grid__tier .subscription-tier-grid__tier-permonth{display:none}.subscription-tier-grid__tier-title{font-size:var(--font-size-body-s);font-weight:var(--font-weight-semibold)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-subscription-tier-grid.css.map */