.inline-cart-free-samples{padding:1.5rem .8rem;border-top:solid .1rem var(--hh-color-brand-tertiary);border-bottom:solid .1rem var(--hh-color-brand-tertiary)}.inline-cart-free-samples.hide{display:none}@media screen and (min-width: 990px){.inline-cart-free-samples{padding:3.2rem 3.6rem 4.5rem}}.free-samples__status{color:var(--hh-color-subdued);gap:.4rem;margin-bottom:1.3rem}.free-sample-drawer__footer .free-samples__status{margin-bottom:0}.free-samples__status svg{display:none}hh-free-samples[full=true] .free-samples__status,hh-sampler-set-builder[full=true] .free-samples__status{color:var(--hh-color-night)}hh-free-samples[full=true] .free-samples__status svg,hh-sampler-set-builder[full=true] .free-samples__status svg{display:block}.free-sample-items{gap:1rem;flex-direction:column}.free-sample-drawer__header{padding:2.4rem 3.8rem 2.6rem;gap:.7rem;text-align:center}@media screen and (min-width: 749px){.free-samples__status{margin-bottom:1.9rem}.free-sample-drawer__header{text-align:left}.free-sample-items{gap:2.1rem;flex-direction:row}}.free-sample-item{padding:.6rem .6rem .6rem 2rem;border:solid .1rem var(--hh-color-brand-tertiary);min-width:22.5rem}.free-sample-item.is-empty{cursor:pointer}.free-sample-item__actions{gap:.75rem}.free-sample-item__actions *{line-height:1}.free-sample-item__actions hh-button{--hh-font: var(--hh-body-x-small-font)}.free-sample-item__media{background-color:#f5f5f5;width:7.2rem;height:7.2rem;border:none;padding:0}.free-sample-media__wrapper{min-height:7.2rem}.free-sample-media{width:11rem;height:2.4rem}.free-sample-item.is-empty .free-sample-item__media{cursor:pointer}@media screen and (max-width: 750px){.free-sample-media__wrapper{min-height:4.5rem}.free-sample-item.is-empty .free-sample-item__media{width:4.5rem;height:4.5rem}}.free-sample-selection-item{border-top:solid .1rem var(--hh-color-brand-tertiary);padding:2.6rem 7rem 2.6rem 7.2rem;position:relative;gap:1.8rem}.free-sample-selections{max-height:calc(100vh - 16rem);overflow-y:auto}.free-sample-selections li:last-child .free-sample-selection-item{border-bottom:solid .1rem var(--hh-color-brand-tertiary)}.free-sample-selection-item.selected{background-color:#f7f7f7}.free-sample-drawer__footer{position:absolute;left:0;bottom:0}.free-sample-selection-item__badge{position:absolute;left:0;top:0;height:100%;background-color:var(--hh-color-night);writing-mode:vertical-lr;padding:.9rem .7rem;transform:rotate(180deg);white-space:nowrap}.free-sample-selection-item__image{width:18rem;height:4rem}.free-sample-selection-item__title,.free-sample-selection-item__subtitle{font:var(--hh-body-x-small-font);margin:0}.free-sample-learn-more__action svg{width:.8rem;margin-left:.3rem}@media screen and (min-width: 749px){.free-sample-selection-item__title{font-size:1.6rem}.free-sample-selection-item__subtitle{font-size:1.4rem}.free-sample-learn-more__action{margin-top:.4rem}}@media screen and (max-width: 750px){.free-sample-selections{max-height:calc(100vh - 22rem);max-height:calc(100dvh - 22rem)}.free-sample-drawer__footer{padding:1.4rem .7rem;display:flex;flex-direction:column;gap:1.5rem}.free-sample-selection-item__badge{line-height:1}.free-sample-selection-item{padding:2.6rem 5rem 2.6rem 4rem}.free-sample-selection-item__image{width:11rem;height:2.4rem}}.learn-more-trigger{border:0;background-color:transparent}.free-sample-learn-more{position:fixed;z-index:1;background:var(--hh-color-day);left:0;top:0;height:100%;transform:translate(-100%);transition:.25s}.free-sample-learn-more__close{cursor:pointer;top:var(--hh-close-top, 2.1rem);right:var(--hh-close-right, 1.8rem);color:var(--hh-close-color, inherit);background-color:var(--hh-close-background-color, transparent);border:var(--hh-close-border, none);padding:var(--hh-close-padding, .4rem 1rem);border-radius:var(--hh-close-border-radius, 3.5rem);font:var(--hh-close-font, inherit);position:absolute;z-index:1}hh-free-samples[full=true] .free-sample-selection-item:not(.selected) .free-sample-selection-item__action,hh-sampler-set-builder[full=true] .free-sample-selection-item:not(.selected) .free-sample-selection-item__action{opacity:.5;pointer-events:none}hh-free-samples[full=true] .free-sample-selection-item:not(.selected) .free-sample-selection-item__action button,hh-sampler-set-builder[full=true] .free-sample-selection-item:not(.selected) .free-sample-selection-item__action button{pointer-events:none}.free-sample-selection-item__action{width:2rem;height:2rem;border-radius:2rem;transform:translateY(-50%);position:absolute;top:50%;right:3.6rem}.free-sample-selection-item__action svg{transition:.25s;width:2rem;height:2rem}@media screen and (max-width: 750px){.free-sample-selection-item__action{right:.4rem;padding:.75rem;height:4rem;width:4rem;cursor:pointer}.free-sample-selection-item__action svg{width:2.5rem;height:2.5rem}}.free-sample-selection-item.selected .free-sample-selection-item__action svg{transform:rotate(45deg)}.free-sample-learn-more.visible{transform:translate(0)}.free-sample-learn-more__body{padding:2rem 2.5rem;white-space:break-spaces}@media screen and (min-width: 749px){.free-sample-learn-more__body{padding:6rem 7.5rem}}.free-sample-learn-more__media{padding-bottom:38%}hh-free-samples[selected=true] .free-sample-drawer__action--pending,hh-sampler-set-builder[full=true] .free-sample-drawer__action--pending{display:none}hh-free-samples:not([selected=true]) .free-sample-drawer__action--confirm,hh-sampler-set-builder:not([full=true]) .free-sample-drawer__action--confirm{display:none}.free-sample-drawer__close{position:absolute;cursor:pointer;top:1.4rem;left:1.3rem;font:var(--hh-body-small-font);gap:.8rem}.free-sample-drawer__close .icon{width:1.4rem;height:1.2rem;margin-right:.2rem}@media screen and (min-width: 749px){.free-sample-drawer__close{top:var(--hh-close-top, 2.1rem);right:var(--hh-close-right, 1.8rem);left:auto;background-color:var(--hh-close-background-color, transparent);padding:var(--hh-close-padding, .4rem 1rem);border-radius:var(--hh-close-border-radius, 3.5rem);font:var(--hh-close-font, inherit)}.free-sample-drawer__close .icon{display:none}}
/*# sourceMappingURL=/cdn/shop/t/839/assets/component-cart-free-sample.css.map */