.inline-cart-free-samples{padding:.9375rem .5rem;border-top:solid .0625rem var(--hh-color-brand-tertiary);border-bottom:solid .0625rem var(--hh-color-brand-tertiary)}.inline-cart-free-samples.hide{display:none}@media screen and (min-width: 990px){.inline-cart-free-samples{padding:2rem 2.25rem 2.8125rem}}.free-samples__status{color:var(--hh-color-subdued);gap:.25rem;margin-bottom:.8125rem}.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:.625rem;flex-direction:column}.free-sample-drawer__header{padding:1.5rem 2.375rem 1.625rem;gap:.4375rem;text-align:center}@media screen and (min-width: 749px){.free-samples__status{margin-bottom:1.1875rem}.free-sample-drawer__header{text-align:left}.free-sample-items{gap:1.3125rem;flex-direction:row}}.free-sample-item{padding:.375rem .375rem .375rem 1.25rem;border:solid .0625rem var(--hh-color-brand-tertiary);min-width:14.0625rem}.free-sample-item.is-empty{cursor:pointer}.free-sample-item__actions{gap:.4688rem}.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:4.5rem;height:4.5rem;border:none;padding:0}.free-sample-media__wrapper{min-height:4.5rem}.free-sample-media{width:6.875rem;height:1.5rem}.free-sample-item.is-empty .free-sample-item__media{cursor:pointer}@media screen and (max-width: 750px){.free-sample-media__wrapper{min-height:2.8125rem}.free-sample-item.is-empty .free-sample-item__media{width:2.8125rem;height:2.8125rem}}.free-sample-selection-item{border-top:solid .0625rem var(--hh-color-brand-tertiary);padding:1.625rem 4.375rem 1.625rem 4.5rem;position:relative;gap:1.125rem}.free-sample-selections{max-height:calc(100vh - 10rem);overflow-y:auto}.free-sample-selections li:last-child .free-sample-selection-item{border-bottom:solid .0625rem 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:.5625rem .4375rem;transform:rotate(180deg);white-space:nowrap}.free-sample-selection-item__image{width:11.25rem;height:2.5rem}.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:.5rem;margin-left:.1875rem}@media screen and (min-width: 749px){.free-sample-selection-item__title{font-size:1rem}.free-sample-selection-item__subtitle{font-size:.875rem}.free-sample-learn-more__action{margin-top:.25rem}}@media screen and (max-width: 750px){.free-sample-selections{max-height:calc(100vh - 13.75rem);max-height:calc(100dvh - 13.75rem)}.free-sample-drawer__footer{padding:.875rem .4375rem;display:flex;flex-direction:column;gap:.9375rem}.free-sample-selection-item__badge{line-height:1}.free-sample-selection-item{padding:1.625rem 3.125rem 1.625rem 2.5rem}.free-sample-selection-item__image{width:6.875rem;height:1.5rem}}.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, 1.3125rem);right:var(--hh-close-right, 1.125rem);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, .25rem .625rem);border-radius:var(--hh-close-border-radius, 2.1875rem);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:1.25rem;height:1.25rem;border-radius:1.25rem;transform:translateY(-50%);position:absolute;top:50%;right:2.25rem}.free-sample-selection-item__action svg{transition:.25s;width:1.25rem;height:1.25rem}@media screen and (max-width: 750px){.free-sample-selection-item__action{right:.25rem;padding:.4688rem;height:2.5rem;width:2.5rem;cursor:pointer}.free-sample-selection-item__action svg{width:1.5625rem;height:1.5625rem}}.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:1.25rem 1.5625rem;white-space:break-spaces}@media screen and (min-width: 749px){.free-sample-learn-more__body{padding:3.75rem 4.6875rem}}.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:.875rem;left:.8125rem;font:var(--hh-body-small-font);gap:.5rem}.free-sample-drawer__close .icon{width:.875rem;height:.75rem;margin-right:.125rem}@media screen and (min-width: 749px){.free-sample-drawer__close{top:var(--hh-close-top, 1.3125rem);right:var(--hh-close-right, 1.125rem);left:auto;background-color:var(--hh-close-background-color, transparent);padding:var(--hh-close-padding, .25rem .625rem);border-radius:var(--hh-close-border-radius, 2.1875rem);font:var(--hh-close-font, inherit)}.free-sample-drawer__close .icon{display:none}}
/*# sourceMappingURL=/cdn/shop/t/856/assets/component-cart-free-sample.css.map */