.membership-points-actions{display:block;padding-top:calc(var(--section-pt-m) * var(--content-ratio-m));padding-bottom:calc(var(--section-pb-m) * var(--content-ratio-m));background:var(--actions-bg)}.membership-points-actions__inner{display:flex;flex-direction:column;row-gap:calc(30 * var(--content-ratio-m));padding-inline:calc(16 * var(--content-ratio-m))}.membership-points-actions__head{display:flex;align-items:center;justify-content:space-between;column-gap:calc(16 * var(--content-ratio-m))}.membership-points-actions__heading{margin:0;color:var(--actions-heading);font-size:calc(28 * var(--content-ratio-m));font-weight:700;line-height:1.3;letter-spacing:0}.membership-points-actions__controls{display:none}.membership-points-actions__body{position:relative}.membership-points-actions__pages{position:relative;display:flex;flex-direction:column;row-gap:calc(16 * var(--content-ratio-m))}.membership-points-actions__page{display:flex;flex-direction:column;row-gap:calc(16 * var(--content-ratio-m))}.membership-points-actions__card{position:relative;z-index:0;display:flex;flex-direction:column;row-gap:calc(20 * var(--content-ratio-m));padding:calc(16 * var(--content-ratio-m));border:1px solid var(--actions-card-border);border-radius:calc(20 * var(--content-ratio-m));background:var(--actions-card-bg)}.membership-points-actions:not(.is-expanded) .membership-points-actions__card--folded{display:none}.membership-points-actions__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(40 * var(--content-ratio-m));height:calc(40 * var(--content-ratio-m));border-radius:50%;background:var(--actions-icon-bg);color:var(--actions-icon-fg)}.membership-points-actions__icon-mask{display:block;width:calc(var(--actions-icon-size) * var(--content-ratio-m));height:calc(var(--actions-icon-size) * var(--content-ratio-m));background:currentColor;-webkit-mask:var(--actions-icon-mask) center / contain no-repeat;mask:var(--actions-icon-mask) center / contain no-repeat}.membership-points-actions__content{display:flex;flex-direction:column;row-gap:calc(16 * var(--content-ratio-m));align-items:flex-start}.membership-points-actions__text{margin:0;color:var(--actions-text);font-size:calc(16 * var(--content-ratio-m));font-weight:600;line-height:1.4;letter-spacing:0}.membership-points-actions__link{display:inline-flex;align-items:center;column-gap:calc(4 * var(--content-ratio-m));color:var(--actions-link-hover);font-size:calc(14 * var(--content-ratio-m));font-weight:500;line-height:1.4;text-decoration:underline;text-underline-position:from-font}.membership-points-actions__link svg{flex-shrink:0;width:calc(16 * var(--content-ratio-m));height:calc(16 * var(--content-ratio-m))}.membership-points-actions__link:focus-visible{outline:2px solid var(--actions-link-hover);outline-offset:2px}.membership-points-actions__tip-wrap{position:relative;display:inline-flex;z-index:3;vertical-align:middle;margin-left:calc(4 * var(--content-ratio-m))}.membership-points-actions__tip{display:inline-flex;align-items:center;justify-content:center;width:calc(16 * var(--content-ratio-m));height:calc(16 * var(--content-ratio-m));padding:0;border:1px solid var(--actions-tip-border);border-radius:50%;background:none;color:var(--actions-tip-border);font-size:calc(10 * var(--content-ratio-m));font-weight:500;line-height:1;cursor:pointer}.membership-points-actions__tip:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.membership-points-actions__tip:focus-visible{outline:2px solid var(--actions-link-hover);outline-offset:2px}.membership-points-actions__text-wrap{position:relative}.membership-points-actions__tip-bubble{position:absolute;z-index:3;top:calc(100% + 10 * var(--content-ratio-m));right:0;left:0;width:auto;max-width:calc(271 * var(--content-ratio-m));margin-inline:auto;padding:calc(9 * var(--content-ratio-m)) calc(8 * var(--content-ratio-m));border-radius:calc(6 * var(--content-ratio-m));background:var(--actions-tip-bg);color:var(--actions-tip-text);font-size:calc(14 * var(--content-ratio-m));font-weight:500;line-height:1.4;text-align:left;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.membership-points-actions__tip-bubble:before{content:"";position:absolute;bottom:100%;left:50%;width:calc(11.32 * var(--content-ratio-m));height:calc(4.9 * var(--content-ratio-m));background:var(--actions-tip-bg);transform:translate(-50%);clip-path:polygon(50% 0,100% 100%,0 100%)}.membership-points-actions__text-wrap.is-open .membership-points-actions__tip-bubble,.membership-points-actions__text-wrap:has(.membership-points-actions__tip:focus-visible) .membership-points-actions__tip-bubble,.membership-points-actions__tip-bubble:hover{visibility:visible;opacity:1}.membership-points-actions__more{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;height:calc(140 * var(--content-ratio-m));pointer-events:none}.membership-points-actions__more:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--actions-bg-rgb),0),rgba(var(--actions-bg-rgb),.8) 47.1%,rgb(var(--actions-bg-rgb)) 84.64%)}.membership-points-actions.is-expanded .membership-points-actions__more{position:static;height:auto;padding-top:calc(16 * var(--content-ratio-m))}.membership-points-actions.is-expanded .membership-points-actions__more:before{display:none}.membership-points-actions__more-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:calc(36 * var(--content-ratio-m));min-width:calc(108 * var(--content-ratio-m));padding-inline:calc(18 * var(--content-ratio-m));border:1px solid rgba(0,0,0,.1);border-radius:999px;background:var(--actions-card-bg);color:var(--actions-heading);font-size:calc(14 * var(--content-ratio-m));font-weight:600;line-height:1.4;letter-spacing:.02em;cursor:pointer;pointer-events:auto}.membership-points-actions__more-button:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.membership-points-actions__more-button:focus-visible{outline:2px solid var(--actions-heading);outline-offset:2px}.membership-points-actions__head>xo-animate,.membership-points-actions__card>xo-animate{display:block}@media(min-width:768px){.membership-points-actions{padding-top:calc(var(--section-pt) * var(--content-ratio));padding-bottom:calc(var(--section-pb) * var(--content-ratio))}.membership-points-actions__inner{width:calc(1280 * var(--content-ratio));margin-inline:auto;row-gap:calc(60 * var(--content-ratio));padding-inline:0}.membership-points-actions__head{column-gap:calc(40 * var(--content-ratio))}.membership-points-actions__heading{font-size:calc(44 * var(--content-ratio))}.membership-points-actions__controls{display:flex;flex-shrink:0;column-gap:calc(12 * var(--content-ratio))}.membership-points-actions__arrow{display:inline-flex;align-items:center;justify-content:center;width:calc(44 * var(--content-ratio));height:calc(44 * var(--content-ratio));padding:0;border:0;border-radius:999px;background:var(--actions-arrow-bg);color:var(--actions-arrow-icon);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .3s ease}.membership-points-actions__arrow svg{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio))}.membership-points-actions__arrow[disabled]{opacity:.35;cursor:default}.membership-points-actions__arrow:focus-visible{outline:2px solid var(--actions-heading);outline-offset:2px}.membership-points-actions__pages{flex-direction:row;overflow-x:auto;padding-block:calc(24 * var(--content-ratio));margin-block:calc(-24 * var(--content-ratio));scroll-snap-type:x mandatory;scrollbar-width:none}.membership-points-actions__pages::-webkit-scrollbar{display:none}.membership-points-actions__page{display:grid;flex:0 0 100%;grid-template-columns:repeat(3,1fr);align-content:start;gap:calc(25 * var(--content-ratio));scroll-snap-align:start}.membership-points-actions:not(.is-expanded) .membership-points-actions__card--folded{display:flex}.membership-points-actions__card{row-gap:calc(40 * var(--content-ratio));min-height:calc(283 * var(--content-ratio));padding:calc(38 * var(--content-ratio)) calc(36 * var(--content-ratio)) calc(66 * var(--content-ratio));border-radius:calc(20 * var(--content-ratio));transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.membership-points-actions__icon{width:calc(40 * var(--content-ratio));height:calc(40 * var(--content-ratio));transition:background-color .3s ease,color .3s ease}.membership-points-actions__icon-mask{width:calc(var(--actions-icon-size) * var(--content-ratio));height:calc(var(--actions-icon-size) * var(--content-ratio))}.membership-points-actions__content{row-gap:calc(20 * var(--content-ratio))}.membership-points-actions__text{font-size:calc(20 * var(--content-ratio))}.membership-points-actions__link{color:var(--actions-link);font-size:calc(16 * var(--content-ratio));transition:color .3s ease}.membership-points-actions__link svg{width:calc(16 * var(--content-ratio));height:calc(16 * var(--content-ratio))}.membership-points-actions__tip-wrap{margin-left:calc(6 * var(--content-ratio))}.membership-points-actions__tip{width:calc(20 * var(--content-ratio));height:calc(20 * var(--content-ratio));font-size:calc(12 * var(--content-ratio))}.membership-points-actions__tip-bubble{top:calc(100% + 10 * var(--content-ratio));max-width:calc(271 * var(--content-ratio));padding:calc(9 * var(--content-ratio)) calc(8 * var(--content-ratio));border-radius:calc(6 * var(--content-ratio));font-size:calc(14 * var(--content-ratio))}.membership-points-actions__tip-bubble:before{width:calc(11.32 * var(--content-ratio));height:calc(4.9 * var(--content-ratio))}.membership-points-actions__more{display:none}.membership-points-actions__card:focus-within{z-index:2;border-color:var(--actions-card-border-hover);box-shadow:0 6px 15px var(--actions-card-shadow-hover)}.membership-points-actions__card:focus-within .membership-points-actions__icon{background:var(--actions-icon-bg-hover);color:var(--actions-icon-fg-hover)}.membership-points-actions__card:focus-within .membership-points-actions__link{color:var(--actions-link-hover)}}@media(min-width:768px)and (hover:hover){.membership-points-actions__card:hover{z-index:2;border-color:var(--actions-card-border-hover);box-shadow:0 6px 15px var(--actions-card-shadow-hover);transform:translateY(calc(-6 * var(--content-ratio)))}.membership-points-actions__card:hover .membership-points-actions__icon{background:var(--actions-icon-bg-hover);color:var(--actions-icon-fg-hover)}.membership-points-actions__card:hover .membership-points-actions__link{color:var(--actions-link-hover)}.membership-points-actions__text-wrap:has(.membership-points-actions__tip:hover) .membership-points-actions__tip-bubble{visibility:visible;opacity:1}.membership-points-actions__arrow:not([disabled]):hover{opacity:.8}}@media(prefers-reduced-motion:reduce){.membership-points-actions__card,.membership-points-actions__icon,.membership-points-actions__link,.membership-points-actions__arrow,.membership-points-actions__tip-bubble{transition:none}.membership-points-actions__card:hover{transform:none}.membership-points-actions__pages{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-membership-points-actions.css.map */