.perk-side-panel{--perk-panel-border: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));--perk-panel-border-strong: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));--perk-panel-surface: linear-gradient(180deg, rgb(var(--color-white-rgb) / .06) 0%, transparent 28%), rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--perk-panel-shadow: inset 0 1px 0 rgb(var(--color-white-rgb) / .14), 0 18px 42px rgb(var(--color-shadow-rgb) / .1);display:grid;gap:clamp(var(--gap-md),3vw,var(--gap-xl));color:var(--color-foreground)}.perk-side-panel :is(h2,p,ul){margin:0}.perk-side-panel ul{padding:0}.perk-side-panel__surface{position:relative;overflow:hidden;border:1px solid var(--perk-panel-border-strong);border-radius:calc(var(--style-border-radius-lg) + .15rem);background:var(--perk-panel-surface);box-shadow:var(--perk-panel-shadow)}.perk-side-panel__surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top right,rgb(var(--color-white-rgb) / .08),transparent 38%),radial-gradient(circle at bottom left,rgb(var(--color-white-rgb) / .04),transparent 42%)}.perk-side-panel__surface>*{position:relative;z-index:1}.perk-side-panel__topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-xs) var(--gap-md)}.perk-side-panel__top-label{color:var(--color-foreground-muted);font-family:var(--font-label--family);font-size:var(--font-caption--size);font-weight:var(--font-label--weight);letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.perk-side-panel__top-note{color:var(--color-foreground-muted);font-size:var(--font-size--xs);line-height:var(--line-height--body-normal)}.perk-side-panel__hero{display:grid;gap:clamp(var(--gap-lg),3vw,var(--gap-xl));padding:clamp(var(--padding-lg),4vw,var(--padding-2xl));align-items:center;container-type:inline-size}.perk-side-panel__hero-copy{display:grid;gap:var(--gap-md)}.perk-side-panel__title{color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:clamp(1.8rem,5vw,2.35rem);line-height:var(--line-height--display-normal);letter-spacing:var(--letter-spacing--display-tight);text-wrap:balance}.perk-side-panel__intro{display:grid;gap:var(--gap-xs);color:var(--color-foreground);font-size:var(--font-size--sm);line-height:var(--line-height--body-loose);text-wrap:pretty}.perk-side-panel__intro :is(p,ul,ol){margin:0}.perk-side-panel__intro p+p{margin-top:.6rem}.perk-side-panel__intro :is(.what-included-box__label,.bundle-offers__perk-panel-summary-label){color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:var(--font-size--md);line-height:var(--line-height--heading-normal)}.perk-side-panel__intro :is(.what-included-box__description,.bundle-offers__perk-panel-summary-description){color:var(--color-foreground-muted)}.perk-side-panel__intro--empty,.perk-side-panel__tags--empty{display:none}.perk-side-panel__tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs);list-style:none}.perk-side-panel__tags li{display:inline-flex;align-items:center;min-height:1.9rem;padding:.45rem .8rem;border:1px solid var(--perk-panel-border);border-radius:999px;background:rgb(var(--color-white-rgb) / .05);color:var(--color-foreground-heading);font-size:var(--font-size--xs);font-weight:500;letter-spacing:.02em;line-height:1.2}.perk-side-panel__visual{position:relative;display:grid;place-items:center;min-height:clamp(190px,32vw,280px)}.perk-side-panel__media-glow{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:999px;background:radial-gradient(circle at center,rgb(var(--color-white-rgb) / .14),transparent 70%);filter:blur(14px)}.perk-side-panel__media{position:relative;z-index:1;display:grid;place-items:center;width:min(100%,280px);min-height:clamp(180px,28vw,260px);padding:clamp(16px,4vw,24px);border:1px solid var(--perk-panel-border);border-radius:calc(var(--style-border-radius-card) + .35rem);background:linear-gradient(180deg,rgb(var(--color-white-rgb) / .08) 0%,transparent 100%),rgb(var(--color-background-rgb) / .2)}.perk-side-panel__media .what-included-box__media{display:grid;place-items:center;width:min(100%,230px);min-height:160px;margin:0 auto}.perk-side-panel__media .what-included-box__media-image,.perk-side-panel__image{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.perk-side-panel__media .what-included-box__icon{width:min(100%,110px);height:auto}.perk-side-panel__visual[hidden],.perk-side-panel__intro[hidden],.perk-side-panel__tags[hidden]{display:none!important}.perk-side-panel--perk2 .perk-side-panel__media-glow{top:12%;right:10%;bottom:18%;left:10%}@container (min-width: 34rem){.perk-side-panel__hero{grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr)}.perk-side-panel--text-only .perk-side-panel__hero{grid-template-columns:minmax(0,1fr)}}@container (max-width: 33.999rem){.perk-side-panel__visual{min-height:0}.perk-side-panel__media{width:min(100%,240px);min-height:180px}}@media screen and (max-width:749px){.perk-side-panel__topbar{align-items:flex-start}.perk-side-panel__hero{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/perk-side-panels.css.map */