.hp-perks{--perk-gap: 16px;--perk-w: 320px;--perk-ratio: 3 / 4;--perk-radius: var(--blocks-radius)}.hp-perks__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.hp-perks__title{margin:0}.hp-perks__link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:rgb(var(--color-foreground));transition:color var(--m-duration-default) ease}.hp-perks__link:hover{color:rgb(var(--color-button-hover))}.hp-perks__link svg{width:1em;height:1em;flex:0 0 auto}.hp-perks__track{display:flex;gap:var(--perk-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.hp-perks__track::-webkit-scrollbar{display:none}.hp-perks__track:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:4px}.hp-perks__track.is-dragging,.hp-perks__track.is-settling{scroll-snap-type:none}@media(hover:hover)and (pointer:fine){.hp-perks[data-rail-drag=true] .hp-perks__track{cursor:grab}.hp-perks[data-rail-drag=true] .hp-perks__track.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.hp-perks__track.is-dragging a,.hp-perks__track.is-dragging img{pointer-events:none}}.hp-perks__card{position:relative;flex:0 0 var(--perk-w);scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;aspect-ratio:var(--perk-ratio);border-radius:var(--perk-radius);background-color:rgb(var(--color-background-secondary));color:rgb(var(--color-foreground))}.hp-perks__card:focus-within{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.hp-perks__body{position:relative;z-index:1;padding:clamp(16px,1.8vw,26px)}.hp-perks__eyebrow{display:block;margin-bottom:8px;font-size:calc(var(--font-base-size, 16) * 1px);font-weight:var(--font-weight-body, 400);color:rgb(var(--color-foreground))}.hp-perks__heading{margin:0;color:rgb(var(--color-heading))}.hp-perks__desc{margin:8px 0 0;color:rgb(var(--color-foreground-secondary))}.hp-perks__media{position:relative;flex:1 1 auto;min-height:0;margin-top:auto}.hp-perks__media img{display:block;width:100%;height:100%;object-fit:cover}.hp-perks__placeholder{width:100%;height:100%;background-color:rgb(var(--color-border))}.hp-perks__card--overlay .hp-perks__media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.hp-perks__card--overlay .hp-perks__body{margin-top:0}.hp-perks__card--overlay-bottom .hp-perks__body{margin-top:auto}.hp-perks__icon{position:absolute;right:clamp(12px,1.4vw,18px);bottom:clamp(12px,1.4vw,18px);z-index:2}@media(max-width:767px){.hp-perks__head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.hp-perks__link{transition:none}}.hp-perks__dialog{width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px);padding:0;border:0;border-radius:var(--perk-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:auto}.hp-perks__dialog::backdrop{background:rgba(var(--bg-black),.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hp-perks__dialog-inner{position:relative;padding:clamp(20px,3vw,34px)}.hp-perks__dialog-heading{margin:0 8px 10px 0;color:rgb(var(--color-heading))}.hp-perks__dialog-body{color:rgb(var(--color-foreground-secondary))}.hp-perks__dialog-media{margin-top:18px;border-radius:var(--medium-blocks-radius);overflow:hidden}.hp-perks__dialog-media img{display:block;width:100%;height:auto}.hp-perks__dialog-cta{margin-top:20px}.hp-perks__dialog-close{position:absolute;top:12px;right:12px}.hp-perks__nav{display:none;justify-content:flex-end;gap:6px;margin-top:20px}.hp-perks.has-overflow .hp-perks__nav{display:flex}.hp-perks__arrow{margin:0;transition:opacity var(--m-duration-default) ease,background-color var(--m-duration-default) ease}.hp-perks__arrow:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.hp-perks__arrow[disabled]{pointer-events:none}@media screen and (min-width:768px){.hp-perks:not([data-nav-desktop=true]) .hp-perks__nav{display:none}}@media(max-width:767px){.hp-perks:not([data-nav-mobile=true]) .hp-perks__nav{display:none}}.hp-perks[data-track-width=fluid] .hp-perks__track,.hp-perks[data-track-width=full] .hp-perks__track{--perk-offset: max(var(--perk-cp, 15px), calc((100vw - min(var(--perk-cw, 1170px), 100vw)) / 2 + var(--perk-cp, 15px)));width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding-inline-start:var(--perk-offset);padding-inline-end:0;scroll-padding-inline-start:var(--perk-offset)}.hp-perks[data-track-width=fluid] .hp-perks__track{width:min(var(--fluid-container-width, 1750px),100vw);margin-inline:calc(50% - min(calc(var(--fluid-container-width, 1750px) / 2),50vw))}.hp-perks[data-track-width=full] .hp-perks__track{padding-inline-start:0;scroll-padding-inline-start:0}.hp-perks[data-media-ratio=custom] .hp-perks__card{aspect-ratio:auto}.hp-perks[data-media-ratio=custom] .hp-perks__media{flex:0 0 auto;aspect-ratio:var(--perk-media-ratio, var(--perk-ratio));margin-top:auto}.hp-perks[data-media-ratio=custom] .hp-perks__body{flex:0 0 auto}.hp-perks[data-media-ratio=custom] .hp-perks__media img,.hp-perks[data-media-ratio=custom] .hp-perks__media video{width:100%;height:100%;object-fit:cover;display:block}.hp-perks[data-arrow-pos]{position:relative}@media(min-width:768px){.hp-perks[data-arrow-pos=bottom-right] .hp-perks__nav{justify-content:flex-end}.hp-perks[data-arrow-pos=bottom-left] .hp-perks__nav{justify-content:flex-start}.hp-perks[data-arrow-pos=bottom-centre] .hp-perks__nav{justify-content:center}.hp-perks[data-arrow-pos=top-right] .hp-perks__nav{position:absolute;top:0;right:0;margin-top:0;justify-content:flex-end}.hp-perks[data-arrow-pos^=bottom] .hp-perks__nav{position:static;margin-top:20px}}@media(max-width:767px){.hp-perks[data-arrow-pos-mobile=bottom-right] .hp-perks__nav{justify-content:flex-end}.hp-perks[data-arrow-pos-mobile=bottom-left] .hp-perks__nav{justify-content:flex-start}.hp-perks[data-arrow-pos-mobile=bottom-centre] .hp-perks__nav{justify-content:center}.hp-perks[data-arrow-pos-mobile=top-right] .hp-perks__nav{position:absolute;top:0;right:0;margin-top:0;justify-content:flex-end}.hp-perks[data-arrow-pos-mobile^=bottom] .hp-perks__nav{position:static;margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/shop-perks.css.map */