.ps-box{color:rgb(var(--color-foreground))}.ps-box__layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.ps-box__media-inner{position:relative;overflow:hidden}.ps-box__image{width:100%;height:auto;display:block}.ps-box__hotspot{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;transform:translate(-50%,-50%);border-radius:50%;font-family:var(--font-heading-family);font-weight:700;font-size:1.3rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 0 0 4px rgba(var(--color-button),.25)}.ps-box__content{display:flex;flex-direction:column;gap:1.4rem}.ps-box__eyebrow{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-button))}.ps-box__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.ps-box__subheading{margin:0;max-width:56ch;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.82)}.ps-box__list{display:flex;flex-direction:column;gap:1.4rem;margin:.4rem 0 0;padding:0;list-style:none}.ps-box__item{display:flex;align-items:flex-start;gap:1.2rem}.ps-box__number{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.8rem;height:2.8rem;border-radius:50%;font-family:var(--font-heading-family);font-weight:700;font-size:1.3rem;background:rgba(var(--color-button),.16);color:rgb(var(--color-button))}.ps-box__item-body{display:flex;flex-direction:column;gap:.2rem}.ps-box__item-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.5rem;line-height:1.3}.ps-box__item-text{font-size:1.35rem;line-height:1.55;color:rgba(var(--color-foreground),.75)}.ps-box__footnote{margin:.6rem 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),.65)}.ps-box__buttons{margin-top:.8rem}.ps-box__buttons .button{min-width:20rem}@media screen and (min-width:990px){.ps-box__layout{grid-template-columns:var(--ps-box-media-width) 1fr;gap:4.5rem}.ps-box__layout--media-right{grid-template-columns:1fr var(--ps-box-media-width)}.ps-box__layout--media-right .ps-box__media{order:2}}@media screen and (max-width:749px){.ps-box__subheading{font-size:1.5rem}.ps-box__buttons .button{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/peesport-in-the-box.css.map */