sub-plan-picker{display:block;color:#000;--sub-pp-accent: #000;--sub-pp-badge-bg: #C3CCA6;--sub-pp-badge-text: #000}.sub-pp__ui{display:flex;flex-direction:column;gap:12px}.sub-pp__ui[hidden],.sub-pp__defs[hidden],.sub-pp__groups[hidden],.sub-pp__choose[hidden]{display:none}.sub-pp__warn{margin:0 0 8px;padding:8px 10px;border-radius:4px;background:#fdecea;color:#b3261e;font-size:12px}.sub-pp__choose-title{margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.3}.sub-pp__choose--toggle .sub-pp__groups{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border:1px solid #d9d9d4;border-radius:4px}.sub-pp__choose--toggle .sub-pp__groups button{font:inherit;font-size:14px;font-weight:500;padding:9px 8px;border:0;border-radius:3px;background:none;color:#555;cursor:pointer}.sub-pp__choose--toggle .sub-pp__groups button[aria-checked=true]{background:var(--sub-pp-accent);color:#fff}.sub-pp__choose--toggle .sub-pp__choose-title{margin-bottom:6px;font-size:13px}.sub-pp__choose--cards{padding:14px;border:1px solid #d9d9d4;border-radius:var(--sub-pp-g-radius, 6px);background:var(--sub-pp-g-bg, #f6f6f2)}.sub-pp__choose--cards.is-plain{padding:0;border:0;background:none}.sub-pp__choose--cards .sub-pp__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.sub-pp__gcard{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 30px 8px 8px;font:inherit;text-align:left;color:#000;background:#fff;border:1px solid #d9d9d4;border-radius:max(0px,calc(var(--sub-pp-g-radius, 6px) - 2px));cursor:pointer;transition:border-color .15s,box-shadow .15s}.sub-pp__gcard:not(.has-img){padding-left:12px}.sub-pp__gcard:hover{border-color:#999}.sub-pp__gcard:focus-visible{outline:none;box-shadow:0 0 0 2px #0f2044}.sub-pp__gcard[aria-checked=true]{border-color:var(--sub-pp-accent);box-shadow:inset 0 0 0 1px var(--sub-pp-accent)}.sub-pp__gcard:after{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;border:1.5px solid #999;border-radius:50%;box-sizing:border-box;background:#fff}.sub-pp__gcard[aria-checked=true]:after{border:0;background:var(--sub-pp-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat}.sub-pp__gimg{flex:none;width:var(--sub-pp-g-img, 48px);height:var(--sub-pp-g-img, 48px);border-radius:3px;overflow:hidden;background:#eee}.sub-pp__gimg img{display:block;width:100%;height:100%;object-fit:cover}.sub-pp__gtext{display:flex;flex-direction:column;gap:2px;min-width:0}.sub-pp__gname{font-size:15px;font-weight:600;line-height:1.25}.sub-pp__gsub{font-size:12px;line-height:1.35;color:#555}.sub-pp__gsub span{display:block}.sub-pp__choose--cards{container-type:inline-size}@container (max-width: 380px){.sub-pp__choose:not(.no-stack) .sub-pp__gcard{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 28px 10px 10px}.sub-pp__choose:not(.no-stack) .sub-pp__gcard.has-img{padding-left:10px}.sub-pp__choose:not(.no-stack) .sub-pp__gimg{width:calc(var(--sub-pp-g-img, 48px) + 8px);height:calc(var(--sub-pp-g-img, 48px) + 8px)}}.sub-pp__tiles{display:flex;flex-direction:column;gap:10px}.sub-pp__tile{position:relative;padding:14px 14px 14px 44px;border:1px solid #d9d9d4;border-radius:4px;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.sub-pp__tile:hover{border-color:#999}.sub-pp__tile:focus-visible{box-shadow:0 0 0 2px #0f2044}.sub-pp__tile[aria-checked=true]{border:2px solid var(--sub-pp-accent);padding:13px 13px 13px 43px;background:#fafaf7}.sub-pp__tile[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sub-pp__tile:before{content:"";position:absolute;left:14px;top:16px;width:18px;height:18px;border:1.5px solid #999;border-radius:50%;background:#fff;box-sizing:border-box}.sub-pp__tile[aria-checked=true]:before{left:13px;top:15px;border:5px solid var(--sub-pp-accent)}.sub-pp__tile.has-badge{margin-top:12px;padding-top:24px}.sub-pp__tile.has-badge[aria-checked=true]{padding-top:23px}.sub-pp__tile.has-badge:before{top:26px}.sub-pp__tile.has-badge[aria-checked=true]:before{top:25px}.sub-pp__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:4px 12px;border-radius:999px;background:var(--sub-pp-badge-bg);color:var(--sub-pp-badge-text);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:14px;white-space:nowrap;box-shadow:0 0 0 3px var(--sub-pp-badge-ring, #fff)}.sub-pp--badge-left .sub-pp__badge{left:40px;transform:translateY(-50%)}.sub-pp--badge-right .sub-pp__badge{left:auto;right:14px;transform:translateY(-50%)}.sub-pp__row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sub-pp__name{font-size:16px;font-weight:600;line-height:1.3}.sub-pp__price{display:flex;flex-direction:column;align-items:flex-end;font-size:16px;font-weight:600;white-space:nowrap;line-height:1.3}.sub-pp__was{margin-right:6px;font-size:13px;font-weight:400;color:#888}.sub-pp__then{font-size:12px;font-weight:400;color:#555}.sub-pp__meta{margin-top:3px;font-size:13px;color:#555;line-height:1.45}.sub-pp__tile{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:start}.sub-pp__tile>*{grid-column:1 / -1}.sub-pp__tile>.sub-pp__row{display:contents}.sub-pp__tile>.sub-pp__row>.sub-pp__name{grid-column:1;grid-row:1}.sub-pp__tile>.sub-pp__row>.sub-pp__price{grid-column:2;grid-row:1 / span 2}.sub-pp__tile>.sub-pp__meta{grid-column:1;grid-row:2}.sub-pp__detail{display:none;margin-top:12px;padding-top:12px;border-top:1px solid #e6e6e0;font-size:13px;line-height:1.5;color:#333}.sub-pp__tile.is-open .sub-pp__detail{display:block}.sub-pp--collapsible .sub-pp__tile:not(.is-open) .sub-pp__cbody{display:none}.sub-pp__detail p{margin:0 0 8px}.sub-pp__detail p:last-child{margin-bottom:0}.sub-pp__detail strong{color:#000}.sub-pp__extra{color:#0f2044;font-weight:500}.sub-pp__lab{margin:12px 0 6px;font-size:12px;color:#555}.sub-pp__chips{display:flex;flex-wrap:wrap;gap:6px}.sub-pp__chip{font:inherit;font-size:13px;padding:6px 12px;border:1px solid #cfcfc8;border-radius:4px;background:#fff;color:#000;cursor:pointer}.sub-pp__chip[aria-pressed=true]{border-color:var(--sub-pp-accent);background:var(--sub-pp-accent);color:#fff}.sub-pp__chip:disabled{opacity:.4;cursor:not-allowed}.sub-pp__note{margin-top:10px;padding:8px 10px;border-radius:4px;background:#f3f5ec;color:#333;font-size:12px;line-height:1.5}.sub-pp__foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 26px;padding:12px 16px;background:#f6f6f2;border:1px solid #e3e3dc;border-radius:6px;font-size:14px;font-weight:500;line-height:1.4;color:#1a1a1a;text-align:center}.sub-pp__foot>*{display:inline-flex;align-items:center;gap:7px}.sub-pp__foot>[hidden]{display:none}.sub-pp__foot>*:before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--sub-pp-icon) center / contain no-repeat;mask:var(--sub-pp-icon) center / contain no-repeat}.sub-pp__trust{--sub-pp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}.sub-pp__terms{--sub-pp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2l3 3-3 3'/%3E%3Cpath d='M4 11V9a4 4 0 0 1 4-4h12'/%3E%3Cpath d='M7 22l-3-3 3-3'/%3E%3Cpath d='M20 13v2a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}.sub-pp__learn{--sub-pp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}.sub-pp__trust,.sub-pp__learn{white-space:nowrap}.sub-pp__learn{font:inherit;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.sub-pp__learn:hover{color:var(--sub-pp-accent)}.sub-pp__terms a{text-decoration:underline;text-underline-offset:3px}.sub-pp-on variant-picker[data-template-product-match=true],.sub-pp-on .sealsubs-target-element{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;padding:0!important}.sub-pp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e6e0;box-shadow:0 -4px 16px #0000000f;transform:translateY(110%);transition:transform .2s ease}.sub-pp-sticky.is-visible{transform:none}.sub-pp-sticky__inner{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.sub-pp-sticky__tabs{display:flex;gap:4px}.sub-pp-sticky__tab{flex:1;font:inherit;font-size:12px;font-weight:500;padding:7px 4px;border:1px solid #d9d9d4;border-radius:4px;background:#fff;color:#555;cursor:pointer;line-height:1.2}.sub-pp-sticky__tab span{display:block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#0f2044}.sub-pp-sticky__tab[aria-pressed=true]{border-color:var(--sub-pp-accent, #000);background:var(--sub-pp-accent, #000);color:#fff}.sub-pp-sticky__tab[aria-pressed=true] span{color:var(--sub-pp-badge-bg, #C3CCA6)}.sub-pp-sticky__atc{font:inherit;font-size:15px;font-weight:600;width:100%;padding:13px;border:0;border-radius:4px;background:var(--sub-pp-accent, #000);color:#fff;cursor:pointer}.sub-pp-sticky.is-busy .sub-pp-sticky__atc{opacity:.6}.sub-pp__tile-atc{display:block;width:100%;margin-top:14px;padding:13px;border:0;border-radius:4px;background:var(--sub-pp-accent);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.sub-pp__tile-atc:hover{opacity:.88}.sub-pp__tile-atc:disabled{opacity:.4;cursor:not-allowed}.sub-pp.is-busy .sub-pp__tile-atc{opacity:.6}.sub-pp__consent{margin:10px 0 0!important;font-size:11px;line-height:1.45;color:#666}.sub-pp__consent a{color:inherit;text-decoration:underline}.sub-pp-atc-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;padding:0!important}.sub-pp__tl{list-style:none;margin:0;padding:0}.sub-pp__tl-step{position:relative;padding:0 0 16px 26px}.sub-pp__tl-step:last-child{padding-bottom:0}.sub-pp__tl-step:before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;box-sizing:border-box;border:1.5px solid #999;background:#fff;z-index:1}.sub-pp__tl-step.is-now:before{border:0;background:var(--sub-pp-tl-dot, #0fa573);outline:1px solid var(--sub-pp-tl-dot, #0fa573);outline-offset:2px}.sub-pp__tl-step:not(:last-child):after{content:"";position:absolute;left:5.5px;top:18px;bottom:2px;width:1px;background:#cfcfc8}.sub-pp__tl-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.sub-pp__tl-label,.sub-pp__tl-price{font-size:14px;font-weight:600;color:#000}.sub-pp__pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--sub-pp-pill-bg, #e3f3ea);color:var(--sub-pp-pill-text, #0b6b3a);font-size:11px;font-weight:600;line-height:16px;white-space:nowrap}.sub-pp__tl-text{margin-top:2px;font-size:13px;line-height:1.45;color:#555}.sub-pp__detail .sub-pp__tl+p{margin-top:12px}.sub-pp__terms{margin:0}.sub-pp__terms[hidden]{display:none}.sub-pp__terms a{color:inherit;text-decoration:underline}.sub-pp__b2b{margin:0;padding:10px 14px;border:1px solid #f3c6c2;border-radius:4px;background:#fdecea;color:#b3261e;font-size:13px;font-weight:600}.sub-pp__dialog{max-width:460px;width:calc(100% - 32px);padding:0;border:0;border-radius:8px;color:#000}.sub-pp__dialog::backdrop{background:#00000080}.sub-pp__dialog-inner{position:relative;padding:32px 28px 28px}.sub-pp__dialog-close{position:absolute;top:12px;right:14px;padding:4px;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:#333}.sub-pp__dialog-title{margin:0 0 18px;font-size:22px;font-weight:700}.sub-pp__dialog-body{font-size:14px;line-height:1.55;color:#333}.sub-pp__dialog-body p{margin:0 0 14px}.sub-pp__dialog-ok{display:block;width:100%;margin:8px 0 12px;padding:14px;border:0;border-radius:4px;background:var(--sub-pp-accent, #000);color:#fff;font:inherit;font-weight:600;cursor:pointer}.sub-pp__dialog-link{display:block;text-align:center;font-size:12px;color:#555;text-decoration:underline}.sub-pp__switch{margin-top:6px;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--sub-pp-pill-text, #0b6b3a);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sub-pp__switch:hover{text-decoration-thickness:2px}.sub-pp__tl+.sub-pp__switch{display:block}@property --sub-pp-glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes sub-pp-glow{to{--sub-pp-glow-angle: 360deg}}.sub-pp--glow .sub-pp__tile[aria-checked=true]{border-color:var(--sub-pp-glow-track, #d9d9d4)}.sub-pp--glow .sub-pp__tile[aria-checked=true]:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--sub-pp-glow-angle),transparent 0deg 240deg,var(--sub-pp-glow-tail, #c3cca6) 300deg,var(--sub-pp-glow, #000) 356deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sub-pp-glow var(--sub-pp-glow-speed, 2.5s) linear infinite}.sub-pp--glow .sub-pp__badge{z-index:1}@media(prefers-reduced-motion:reduce){.sub-pp--glow .sub-pp__tile[aria-checked=true]{border-color:var(--sub-pp-accent)}.sub-pp--glow .sub-pp__tile[aria-checked=true]:after{display:none}}@supports not (background: conic-gradient(from 0deg,#000,#fff)){.sub-pp--glow .sub-pp__tile[aria-checked=true]{border-color:var(--sub-pp-accent)}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/sub-plan-picker.css.map */
