.cine-sub{--sub-surface: #FBF8F3;--sub-radius: 24px;--sub-ring: 0 0 0 2px var(--cream), 0 0 0 4px var(--teal)}.cine-sub__band{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(148px,18vw,232px) clamp(96px,11vw,152px)}.cine-sub__glow{position:absolute;inset:-20% -10% auto auto;width:min(900px,120vw);aspect-ratio:1;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(23,194,194,.22),transparent 70%),radial-gradient(40% 40% at 30% 70%,rgba(196,154,60,.14),transparent 70%);transform:translate3d(18%,-6%,0)}.cine-sub__band-inner{display:grid;gap:22px;justify-items:start}.cine-sub__title{font-size:clamp(3rem,8vw,7.25rem);max-width:12ch}.cine-sub__title em{color:var(--glow)}.cine-sub__intro{margin:0;max-width:34rem;font-size:16px}.cine-sub__body{padding-block:clamp(56px,8vw,104px) clamp(72px,9vw,128px)}.cine-sub__inner{display:grid;gap:clamp(40px,6vw,72px)}.cine-sub__editor-tag{margin:0 0 -24px;color:var(--fg-muted);display:flex;align-items:center;gap:10px}.cine-sub__editor-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}.cine-sub__card{position:relative;display:grid;align-content:start;gap:18px;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:var(--sub-radius);background:var(--sub-surface);box-shadow:0 30px 60px -44px #03191a61;min-width:0}.cine-sub__card-title{font-size:clamp(1.7rem,3vw,2.35rem)}.cine-sub__card-body{margin:0;max-width:36rem}.cine-sub__link{display:inline-flex;align-items:center;min-height:44px;color:var(--deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.cine-sub__link:hover{color:var(--teal)}.cine-sub :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--teal);outline-offset:3px}.cine-sub__primary{min-height:48px}.cine-sub__out{display:grid;gap:clamp(32px,5vw,64px);align-items:start}.cine-sub__card--login{gap:20px}.cine-sub__key{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0b7d7d1a;color:var(--teal)}.cine-sub__steps{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:sub-step}.cine-sub__steps li{counter-increment:sub-step;display:grid;grid-template-columns:28px 1fr;align-items:baseline;font-size:16px}.cine-sub__steps li:before{content:counter(sub-step);font-family:var(--cine-font-display);font-size:22px;color:var(--teal)}.cine-sub__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:6px}.cine-sub__can{display:grid;gap:18px;padding-top:4px}.cine-sub__can-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.cine-sub__can-list li{display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}.cine-sub__num{color:var(--fg-muted)}.cine-sub__can-text{font-family:var(--cine-font-display);font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.2;letter-spacing:-.01em}.cine-sub__in{display:grid;gap:clamp(32px,5vw,56px)}.cine-sub__hello{display:grid;gap:18px;justify-items:start}.cine-sub__greeting em{color:var(--teal)}.cine-sub__current{display:grid;gap:10px}.cine-sub__current-label{color:var(--fg-muted)}.cine-sub__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.cine-sub__chip{padding:9px 16px;border-radius:980px;background:var(--deep);color:var(--cream);font-family:var(--cine-font-body);font-size:13.5px;font-weight:500}.cine-sub__cadence{margin:0;max-width:40rem}.cine-sub__logout,.cine-sub__jump{margin-top:-6px}.cine-sub__grid{display:grid;gap:20px;align-items:start}.cine-sub__side{display:grid;gap:20px}.cine-sub__portal-btn{justify-self:start;min-height:48px}.cine-sub__portal-note{margin:0;color:var(--fg-muted);padding-inline:4px}.cine-sub__form{display:grid;gap:26px;margin:0}.cine-sub__field,.cine-sub__fieldset{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}.cine-sub__label{color:var(--fg);padding:0}.cine-sub__fieldset>legend{margin-bottom:10px}.cine-sub__select-wrap{position:relative}.cine-sub__select-wrap:after{content:"";position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);transform:translateY(-70%) rotate(45deg);pointer-events:none}.cine-sub__select,.cine-sub__input{width:100%;min-height:52px;padding:14px 18px;border:1px solid rgba(15,15,15,.2);border-radius:14px;background:#fff;color:var(--ink);font-family:var(--cine-font-body);font-size:16px;font-weight:400;box-sizing:border-box}.cine-sub__select{appearance:none;-webkit-appearance:none;padding-right:48px}.cine-sub__textarea{min-height:96px;resize:vertical;line-height:1.6}.cine-sub__radio{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.cine-sub__flavors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cine-sub__flavor{position:relative;display:block;cursor:pointer}.cine-sub__flavor-face{position:relative;display:grid;justify-items:center;gap:8px;height:100%;min-height:44px;padding:12px 10px 14px;border:1px solid rgba(15,15,15,.14);border-radius:18px;background:#fff;text-align:center;box-sizing:border-box;transition:border-color .3s var(--cine-ease),box-shadow .3s var(--cine-ease)}.cine-sub__flavor:hover .cine-sub__flavor-face{border-color:#0b7d7d8c}.cine-sub__flavor-img{display:block;width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--sand)}.cine-sub__flavor-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .5s var(--cine-ease)}.cine-sub__flavor:hover .cine-sub__flavor-img img{transform:scale(1.12)}.cine-sub__flavor-name{font-family:var(--cine-font-body);font-size:13px;font-weight:500;line-height:1.35;color:var(--ink)}.cine-sub__tick{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;opacity:0;transform:scale(.6);transition:opacity .25s var(--cine-ease),transform .35s var(--cine-ease)}.cine-sub__radio:checked+.cine-sub__flavor-face{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#f2faf9}.cine-sub__radio:checked+.cine-sub__flavor-face .cine-sub__tick{opacity:1;transform:scale(1)}.cine-sub__radio:focus-visible+.cine-sub__flavor-face,.cine-sub__radio:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}.cine-sub__pills{display:flex;flex-wrap:wrap;gap:10px}.cine-sub__pill{position:relative;cursor:pointer}.cine-sub__pill span{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid rgba(15,15,15,.2);border-radius:980px;background:#fff;font-family:var(--cine-font-body);font-size:14px;font-weight:400;color:var(--ink);transition:background-color .3s var(--cine-ease),color .3s var(--cine-ease)}.cine-sub__radio:checked+span{background:var(--deep);border-color:var(--deep);color:var(--cream)}.cine-sub__submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:6px}.cine-sub__submit-note{margin:0;color:var(--fg-muted);line-height:1.6}.cine-sub__errors{padding:14px 18px;border-radius:14px;background:#fbeae6;color:#8a2414}.cine-sub__errors ul{margin:0;padding-left:18px}.cine-sub__success{display:grid;gap:12px;justify-items:start;padding:clamp(22px,3vw,32px);border-radius:18px;background:#0b7d7d14;border:1px solid rgba(11,125,125,.25)}.cine-sub__success p{margin:0}.cine-sub__success-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--teal);color:#fff}.cine-sub__upsell{margin:0;padding-top:28px;border-top:1px solid var(--line);color:var(--fg-muted);display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}@media(min-width:560px){.cine-sub__flavors{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.cine-sub__out{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(48px,7vw,112px)}.cine-sub__hello{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px}.cine-sub__hello .cine-sub__greeting{grid-column:1 / -1}.cine-sub__logout{justify-self:end;margin-top:0}.cine-sub__jump{display:none}.cine-sub__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.cine-sub__side{gap:24px;position:sticky;top:112px}.cine-sub__flavors{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.cine-sub__flavor-face,.cine-sub__flavor-img img,.cine-sub__tick,.cine-sub__pill span{transition:none}.cine-sub__flavor:hover .cine-sub__flavor-img img{transform:scale(1.04)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cine-subscription.css.map */