.card{display:block;text-decoration:none}.card-anchor:focus-visible{position:relative;z-index:2}.card-information{padding:var(--hh-spacing-sm) var(--hh-spacing-sm) var(--hh-spacing-md)}@media screen and (min-width: 750px){.card-information{padding:var(--hh-spacing-2sm) var(--hh-spacing-xs)}}.card-information__content{gap:.2rem}.card__media--gallery{height:100%;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;visibility:visible;width:100%;z-index:0}.card__media--gallery.active{opacity:1;pointer-events:fill;z-index:2}.card__media--gallery .splide__track{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.card__media--gallery .splide__slide{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:0}.card__media--gallery .splide__slide--hover{opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);z-index:1}.card__media:hover .splide__slide--hover{opacity:1}.card__media--gallery.splide.is-initialized .splide__slide{opacity:1;position:relative}.card__media--gallery .splide__pagination{bottom:10px;display:block!important;position:absolute;right:10px}.card__media--gallery .splide__pagination__page{background-color:var(--hh-dots-line-background-active, #000000);border:none;height:1px;margin:0 1px;outline:none;opacity:.3;padding:0;transition:width .2s ease;width:4px}.card__media--gallery .splide__pagination__page.is-active{opacity:1;width:20px}.card__media--gallery .card__media-item{opacity:1;pointer-events:fill}.card__media-item{bottom:0;opacity:0;position:absolute;top:0;width:100%;z-index:1;overflow:visible;pointer-events:none;transition:opacity var(--hh-duration-default) ease}.card__media-item.active{opacity:1;pointer-events:fill}.card--soft{background-color:var(--hh-color-light);color:var(--hh-color-foreground)}.card__text{display:flex;align-items:center}.card .icon-arrow{width:1.5rem}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--hh-duration-short) ease;overflow:hidden}.card .h1 .icon-arrow,.card .h2 .icon-arrow{padding-bottom:.3rem;padding-top:.3rem}.card--media{display:block;text-decoration:none}.card--text-only{display:flex;justify-content:center}.card--text-only:before{content:"";display:block;padding-bottom:100%}.card--product{border:.1rem solid var(--hh-color-light);position:relative}.card__media{aspect-ratio:5 / 7;animation-duration:1.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,var(--hh-color-placeholder) 8%,var(--hh-color-neutral) 38%,var(--hh-color-placeholder) 54%);background-size:1000px 640px;position:relative;display:flex;align-items:center;justify-content:center}.card__media--placeholder-logo{width:10rem;color:var(--hh-color-reverse)}.card__media--placeholder-logo svg{display:block;width:100%;height:auto}.card--stretch{height:100%}.card--light-border{border:.1rem solid var(--hh-color-light)}.card--light-border:hover{border:.1rem solid var(--hh-color-light);box-shadow:none}.card__text-spacing{padding:3rem}.card-colored.bg-neutral{background-color:var(--hh-color-light)}.card--media .card__text-spacing{padding:2rem}.card-information__options{display:flex;gap:1rem}.swatch-color-button{width:1.5rem;height:1.5rem;background-color:var(--hh-color-light);padding:0;border:0;position:relative;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:center}.swatch-color-button:hover{position:relative}.swatch-color-button:hover:after,.swatch-color-button.active:after{content:"";position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;border:.5px solid var(--hh-color-night)}.swatch-color-button .disabled-line{height:1px;position:relative;top:0;left:0;transform:rotate(130deg);display:block;pointer-events:none;background-color:var(--hh-color-night, .5)}@media screen and (min-width: 750px){.card--media .card__text-spacing{padding-left:3rem;padding-right:3rem}}.card-information>*+*{margin-top:.5rem}.card--text-only .card__inner{display:grid;grid-template-rows:1fr auto 1fr;width:100%}.card__content{margin-left:2.5rem;margin-right:2.5rem}.card__content>*{margin:0}.card--text-only .card__content{grid-row:2;justify-self:center;margin-bottom:6rem;margin-top:5rem}.card--text-only .card__badge{align-self:flex-end;grid-row:3}.card--search .card__badge>*,.card--text-only .card__badge>*{margin:0 1.2rem 1.2rem}.card--search .card__badge,.card--text-only .card__badge{position:initial}.card--text-only .card__content+.card__badge{margin-top:-5rem}.card--search .card__content{justify-self:flex-start;text-align:left}.media+.card__content{margin-top:2rem;margin-bottom:1.5rem}@media screen and (min-width: 750px){.card--text-only .card__content{margin-top:7rem;margin-bottom:7rem}.card--text-only .card__content+.card__badge{margin-top:-7rem}}.card__text-spacing>*{margin:0}.card__text-spacing>*:not(.overlay-card)+*{margin-top:1.5rem}.card__text{margin:0;word-break:break-word}.card--text-only .card__text{text-align:center}.card-information__text{min-height:var(--hh-spacing-md)}@media screen and (min-width: 750px){.card-information__text{min-height:var(--hh-spacing-sm)}}.card-information__wrapper{width:100%;gap:1rem}.card-wrapper{color:inherit;display:block;position:relative;text-decoration:none}.card-wrapper:focus-within .card{box-shadow:none}.card__media-spacer{padding:2rem 2rem 0}@media screen and (min-width: 750px){.card__media-spacer{padding:3rem 3rem 0}}.card__media-full-spacer{padding:2rem}.card-article-info{margin-top:1rem;display:flex;flex-wrap:wrap}.card__badge{top:1rem;display:flex;flex-wrap:wrap;left:1rem;position:absolute;z-index:2}.card__badge>*{margin-right:1rem;margin-top:.5rem}.overlay-card{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;background:transparent;transition:background-color var(--hh-duration-long) ease}.card:hover .card-colored .overlay-card{background-color:var(--hh-color-light)}@media screen and (min-width: 990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--hh-duration-long) ease}.card-wrapper:hover .media.media--hover-effect>img.single-color:first-child:not(:only-child){opacity:0}.card-wrapper .media>img:not(.single-color){opacity:0}.card-wrapper .media>img.active{opacity:1}.card-wrapper:hover .card-information__text{text-decoration:underline;text-underline-offset:.3rem}.card-wrapper:hover .card__text{transition:var(--hh-duration-long) ease;transform:scale(1.06)}.card--search img{transition:transform var(--hh-duration-default) ease}.card-wrapper:hover .card--search img{transform:scale(1.05)}.card-wrapper:hover .card__heading{text-decoration:underline;text-underline-offset:.3rem}.card-wrapper:hover .card.card--search{background-color:var(--hh-color-light);transition:background-color var(--hh-duration-long) ease}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}
/*# sourceMappingURL=/cdn/shop/t/246/assets/component-card.css.map */