@layer base{.sa-shop-subscription{--sa-sub-bg: #fff;--sa-sub-text: #000000;--sa-sub-text-muted: #666;--sa-sub-border: #e5e5e5;--sa-sub-radius: 12px;--sa-sub-radius-btn: 8px;--sa-sub-radius-card: 4px;--sa-sub-shadow: 0 2px 12px rgba(0, 0, 0, .06);--sa-sub-card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--sa-sub-col-gap: 12px;--sa-sub-col-starter-bg: var(--sa-sub-col-starter-bg-pc, transparent);--sa-sub-col-pro-bg: var(--sa-sub-col-pro-bg-pc, transparent);--sa-sub-col-unlimited-bg: var(--sa-sub-col-unlimited-bg-pc, transparent);--sa-sub-pro-gradient-start: #b3e5fc;--sa-sub-pro-gradient-end: #81d4fa;--sa-sub-unlimited-gradient-start: #e1bee7;--sa-sub-unlimited-gradient-end: #ce93d8;--sa-sub-card-starter-bg: rgba(248, 248, 248, .9);--sa-sub-card-pro-bg: linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%);--sa-sub-card-unlimited-bg: linear-gradient(135deg, #e1bee7 0%, #ce93d8 100%);--sa-sub-plan-card-back-starter: #e2e2e2;--sa-sub-plan-card-back-pro: #00D0FF;--sa-sub-plan-card-back-unlimited: #8E53EC;--sa-sub-plan-card-glass-starter: rgba(255, 255, 255, .1);--sa-sub-plan-card-glass-pro: rgba(255, 255, 255, .1);--sa-sub-plan-card-glass-unlimited: rgba(255, 255, 255, .1);--sa-sub-btn-pro-bg: #00D0FF;--sa-sub-btn-pro-color: #000;--sa-sub-btn-unlimited-bg: #8E53EC;--sa-sub-btn-unlimited-color: #fff;--sa-sub-check-color: #22c55e;--sa-sub-toggle-bg: #f7f7f7;--sa-sub-toggle-active-bg: #FFFFFF;--sa-sub-gap: 16px;--sa-sub-cell-padding: 4px 6px;display:block;max-width:100%}}@layer components{.sa-shop-subscription__container{text-align:center}.sa-shop-subscription__header-wrap{margin-bottom:clamp(1.25rem,2vw,2rem)}.sa-shop-subscription__header-wrap .cs-section-header{margin-bottom:0}.sa-shop-subscription__toggle-wrap{display:inline-flex;align-items:stretch;border-radius:var(--sa-sub-radius-btn);padding:4px;margin-bottom:clamp(1.5rem,3vw,2.5rem);gap:0}.sa-shop-subscription__toggle-btn{padding:10px 24px;border:none;border-radius:6px;font-size:clamp(14px,1.5vw,16px);font-weight:500;color:var(--sa-sub-text);background:transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sa-shop-subscription__toggle-btn:hover{color:var(--sa-sub-text)}.sa-shop-subscription__toggle-btn--active{background:var(--sa-sub-toggle-active-bg);color:var(--sa-sub-text)}.sa-shop-subscription__tables{position:relative;width:100%;overflow:hidden}.sa-shop-subscription__table-wrap{display:none;width:100%}.sa-shop-subscription__table-wrap--visible{display:block}.sa-shop-subscription__plan-cards{display:flex;flex-wrap:nowrap;width:100%;gap:0 var(--sa-sub-col-gap);margin-bottom:36px;background:transparent;margin-left:32px}.sa-shop-subscription__plan-cards__spacer{flex:37 1 0%;min-width:0}.sa-shop-subscription__plan-card-slot{flex:20 1 0%;min-width:0;display:flex;justify-content:center;align-items:flex-start}.sa-shop-subscription__plan-card{position:relative;flex:0 0 auto;width:100px;height:100px}.sa-shop-subscription__plan-card__back{position:absolute;width:100px;height:100px;right:-10px;bottom:-10px;border-radius:var(--sa-sub-radius-card);box-shadow:var(--sa-sub-card-shadow);z-index:0}.sa-shop-subscription__plan-card--starter .sa-shop-subscription__plan-card__back{background:var(--sa-sub-plan-card-back-starter)}.sa-shop-subscription__plan-card--pro .sa-shop-subscription__plan-card__back{background:var(--sa-sub-plan-card-back-pro)}.sa-shop-subscription__plan-card--unlimited .sa-shop-subscription__plan-card__back{background:var(--sa-sub-plan-card-back-unlimited)}.sa-shop-subscription__plan-card__glass{position:absolute;top:0;left:0;z-index:1;width:100px;height:100px;padding:6px 6px 10px 10px;border-radius:var(--sa-sub-radius-card);box-shadow:var(--sa-sub-card-shadow);display:flex;align-items:flex-end;justify-content:flex-start;font-weight:600;font-size:16px;line-height:1.35;color:var(--sa-sub-text);text-align:left;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sa-shop-subscription__plan-card__glass-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;overflow:hidden;text-align:left}.sa-shop-subscription__plan-card--starter .sa-shop-subscription__plan-card__glass{background:var(--sa-sub-plan-card-glass-starter)}.sa-shop-subscription__plan-card--pro .sa-shop-subscription__plan-card__glass{background:var(--sa-sub-plan-card-glass-pro)}.sa-shop-subscription__plan-card--unlimited .sa-shop-subscription__plan-card__glass{background:var(--sa-sub-plan-card-glass-unlimited)}.sa-shop-subscription__table{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:16px 0;box-sizing:border-box;background:transparent;border-radius:var(--sa-sub-radius);overflow:hidden;gap:0}.sa-shop-subscription__row{display:flex;flex-wrap:nowrap;width:100%;gap:0 var(--sa-sub-col-gap);background:transparent}.sa-shop-subscription__row>*{padding:var(--sa-sub-cell-padding);font-size:clamp(14px,1.2vw,15px);line-height:1.5;color:#000;display:flex;align-items:center;justify-content:center;min-height:25px;box-sizing:border-box;background:var(--sa-sub-bg)}.sa-shop-subscription__row>*:first-child{flex:37 1 0%;min-width:0;justify-content:flex-start;text-align:left;background:transparent}.sa-shop-subscription__row>*:nth-child(2),.sa-shop-subscription__row>*:nth-child(3),.sa-shop-subscription__row>*:nth-child(4){flex:20 1 0%;min-width:0}.sa-shop-subscription__row:first-child>*{border-top:none}.sa-shop-subscription__row:last-child>*{border-bottom:none}.sa-shop-subscription__feature-title{text-align:left;font-weight:400;color:#000}.sa-shop-subscription__feature-title--empty{background:transparent;border-color:transparent}.sa-shop-subscription__plan-header{text-align:center;font-weight:700;font-size:clamp(15px,1.4vw,17px);padding-top:20px;padding-bottom:20px;border-radius:var(--sa-sub-radius-card);box-shadow:var(--sa-sub-card-shadow);border:none}.sa-shop-subscription__plan-header--starter{background:var(--sa-sub-card-starter-bg);color:var(--sa-sub-text)}.sa-shop-subscription__plan-header--pro{background:var(--sa-sub-card-pro-bg);color:var(--sa-sub-text)}.sa-shop-subscription__plan-header--unlimited{background:var(--sa-sub-card-unlimited-bg);color:var(--sa-sub-text)}.sa-shop-subscription__plan-cell{text-align:center}.sa-shop-subscription__row:not(.sa-shop-subscription__row--header)>*:nth-child(2){background:var(--sa-sub-col-starter-bg)}.sa-shop-subscription__row:not(.sa-shop-subscription__row--header)>*:nth-child(3){background:var(--sa-sub-col-pro-bg)}.sa-shop-subscription__row:not(.sa-shop-subscription__row--header)>*:nth-child(4){background:var(--sa-sub-col-unlimited-bg)}.sa-shop-subscription__table>.sa-shop-subscription__row:first-child>.sa-shop-subscription__plan-cell{padding-top:32px}.sa-shop-subscription__table>.sa-shop-subscription__row:first-child>*:nth-child(2),.sa-shop-subscription__table>.sa-shop-subscription__row:first-child>*:nth-child(3),.sa-shop-subscription__table>.sa-shop-subscription__row:first-child>*:nth-child(4){border-top-left-radius:5px;border-top-right-radius:5px}.sa-shop-subscription__table>.sa-shop-subscription__row:last-child>*:nth-child(2),.sa-shop-subscription__table>.sa-shop-subscription__row:last-child>*:nth-child(3),.sa-shop-subscription__table>.sa-shop-subscription__row:last-child>*:nth-child(4){border-bottom-left-radius:5px;border-bottom-right-radius:5px}.sa-shop-subscription__row>*:first-child{background:var(--sa-sub-edge-bg)}.sa-shop-subscription__price{display:block;font-weight:600;color:#000}.sa-shop-subscription__billing-detail{display:block;font-size:13px;font-weight:400;color:var(--sa-sub-text-muted);margin-top:4px}.sa-shop-subscription__row--buttons .sa-shop-subscription__plan-cell{padding-top:12px;padding-bottom:20px}.sa-shop-subscription__btn{display:inline-block;padding:8px 24px;border-radius:var(--sa-sub-radius-btn);font-weight:400;font-size:16px;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s ease,transform .05s ease}.sa-shop-subscription__btn:hover{opacity:.92}.sa-shop-subscription__btn:active{transform:scale(.98)}.sa-shop-subscription__btn--pro{background:var(--sa-sub-btn-pro-bg);color:var(--sa-sub-btn-pro-color)}.sa-shop-subscription__btn--unlimited{background:var(--sa-sub-btn-unlimited-bg);color:var(--sa-sub-btn-unlimited-color)}.sa-shop-subscription__btn--starter{background:var(--sa-sub-toggle-active-bg);color:var(--sa-sub-text)}.sa-shop-subscription__check-icon{width:20px;height:20px;vertical-align:middle;object-fit:contain}.sa-shop-subscription__plan-cell--check .sa-shop-subscription__check-icon{filter:none}.sa-shop-subscription__beta{font-size:12px;font-weight:500;color:var(--sa-sub-text-muted);margin-left:4px}.sa-shop-subscription__footer{display:none;margin-top:1.5rem;font-size:14px;color:var(--sa-sub-text-muted);text-align:center}.sa-shop-subscription__footer--visible{display:block}.sa-shop-subscription__footer p{margin:0}.sa-shop-subscription__cta{margin-top:72px;display:flex;justify-content:center}.sa-shop-subscription__cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;color:#fff;border-radius:6px;font-size:16px;font-weight:400;text-decoration:none;transition:opacity .2s ease}.sa-shop-subscription__cta-btn:hover{opacity:.9}}@layer utilities{.sa-shop-subscription__table-wrap[aria-hidden=true]{display:none}.sa-shop-subscription__table-wrap--visible[aria-hidden=false]{display:block}}@media(min-width:768px){.sa-shop-subscription__row>*:first-child{font-size:20px}.sa-shop-subscription__row>*:nth-child(2),.sa-shop-subscription__row>*:nth-child(3),.sa-shop-subscription__row>*:nth-child(4){font-size:16px}}@media(max-width:767px){.sa-shop-subscription{--sa-sub-col-starter-bg: var(--sa-sub-col-starter-bg-m, var(--sa-sub-col-starter-bg-pc, transparent));--sa-sub-col-pro-bg: var(--sa-sub-col-pro-bg-m, var(--sa-sub-col-pro-bg-pc, transparent));--sa-sub-col-unlimited-bg: var(--sa-sub-col-unlimited-bg-m, var(--sa-sub-col-unlimited-bg-pc, transparent))}.sa-shop-subscription__tables{overflow:visible;width:100%}.sa-shop-subscription__table-wrap{min-width:0;width:100%}.sa-shop-subscription__plan-cards__spacer{display:none}.sa-shop-subscription__plan-cards{margin-bottom:12px;margin-left:0}.sa-shop-subscription__plan-card-slot{flex:1 1 0%;min-width:0}.sa-shop-subscription__plan-card{width:100%;max-width:100%;height:100px}.sa-shop-subscription__plan-card__back{right:-6px;bottom:-6px}.sa-shop-subscription__plan-card__glass{width:100%;max-width:100%;height:100px;font-size:14px;padding:6px 6px 10px 10px}.sa-shop-subscription__table{padding:12px 0;width:100%;background:transparent}.sa-shop-subscription__row{display:flex;flex-wrap:wrap;min-height:0;align-items:stretch}.sa-shop-subscription__row>*:first-child:not(.sa-shop-subscription__feature-title--empty){background:transparent}.sa-shop-subscription__row>*:nth-child(2),.sa-shop-subscription__row>*:nth-child(3),.sa-shop-subscription__row>*:nth-child(4){text-align:left;justify-content:flex-start;background:transparent}.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>*:nth-child(2),.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>*:nth-child(3),.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>*:nth-child(4){min-height:90px}.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>*:nth-child(2){background:var(--sa-sub-col-starter-bg)}.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>*:nth-child(3){background:var(--sa-sub-col-pro-bg)}.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>*:nth-child(4){background:var(--sa-sub-col-unlimited-bg)}.sa-shop-subscription__row--buttons+.sa-shop-subscription__row>*:nth-child(2),.sa-shop-subscription__row--buttons+.sa-shop-subscription__row>*:nth-child(3),.sa-shop-subscription__row--buttons+.sa-shop-subscription__row>*:nth-child(4){border-top-left-radius:15px;border-top-right-radius:15px;margin-top:8px}.sa-shop-subscription__table>.sa-shop-subscription__row:last-child>*:nth-child(2),.sa-shop-subscription__table>.sa-shop-subscription__row:last-child>*:nth-child(3),.sa-shop-subscription__table>.sa-shop-subscription__row:last-child>*:nth-child(4){border-bottom-left-radius:15px;border-bottom-right-radius:15px}.sa-shop-subscription__row>*:first-child{flex:0 0 100%;width:100%;min-height:44px;padding:6px 8px 10px;font-size:16px;font-weight:500;align-items:flex-end}.sa-shop-subscription__row>*:first-child.sa-shop-subscription__feature-title--empty{flex:0 0 0;width:0;min-width:0;min-height:0;padding:0;overflow:hidden;border:none;margin-left:calc(-1 * var(--sa-sub-col-gap))}.sa-shop-subscription__row>*:nth-child(2),.sa-shop-subscription__row>*:nth-child(3),.sa-shop-subscription__row>*:nth-child(4){flex:1 1 0%;min-width:0;min-height:44px;padding:6px 8px 10px;font-size:15px}.sa-shop-subscription__row--buttons~.sa-shop-subscription__row>.sa-shop-subscription__feature-title:not(.sa-shop-subscription__feature-title--empty){border-bottom:.5px solid #00000033}.sa-shop-subscription__row--buttons~.sa-shop-subscription__row~.sa-shop-subscription__row>.sa-shop-subscription__feature-title:not(.sa-shop-subscription__feature-title--empty){background:transparent;background-image:linear-gradient(var(--sa-sub-col-starter-bg),var(--sa-sub-col-starter-bg)),linear-gradient(var(--sa-sub-col-pro-bg),var(--sa-sub-col-pro-bg)),linear-gradient(var(--sa-sub-col-unlimited-bg),var(--sa-sub-col-unlimited-bg));background-size:calc((100% - 2 * var(--sa-sub-col-gap)) / 3) 100%;background-position:left center,center center,right center;background-repeat:no-repeat}.sa-shop-subscription__row.sa-shop-subscription__row--buttons>*:nth-child(2),.sa-shop-subscription__row.sa-shop-subscription__row--buttons>*:nth-child(3),.sa-shop-subscription__row.sa-shop-subscription__row--buttons>*:nth-child(4){min-height:48px;padding:8px}.sa-shop-subscription__row.sa-shop-subscription__row--buttons{border-bottom:0}.sa-shop-subscription__btn{font-size:15px;line-height:1;height:30px;padding:4px 12px;width:auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sa-shop-subscription__toggle-wrap{margin-bottom:3rem;display:flex;justify-content:flex-start}.sa-shop-subscription__toggle-btn{padding:8px 18px;font-size:14px}.sa-shop-subscription__footer{margin-top:1rem;font-size:13px;padding:0 16px}.sa-shop-subscription__cta{margin-top:48px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sa-shop-subscription.css.map */