.nl-card{--nl-card-pad: 12px;container:nl-card / inline-size;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;color:var(--nl-ink)}@media screen and (min-width:990px){.nl-card{--nl-card-pad: 16px}}.nl-card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:var(--nl-media-ground, var(--nl-paper));border-radius:var(--nl-r-media)}.nl-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.nl-card__media .nl-card__layer{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.nl-card__media .nl-card__layer--model{background-color:var(--nl-media-ground, var(--nl-paper));opacity:0}html[data-nl-view=model] .nl-card--has-model:not(.nl-card--lead-product) .nl-card__layer--model,.nl-card--has-model.nl-card--lead-model .nl-card__layer--model{opacity:1}html[data-nl-view=model] .nl-card--has-model:not(.nl-card--lead-product) .nl-card__layer--product,.nl-card--has-model.nl-card--lead-model .nl-card__layer--product{opacity:0}@media(hover:none),(pointer:coarse){.nl-card__layer--model,html[data-nl-view=model] .nl-card--has-model:not(.nl-card--lead-product) .nl-card__layer--product,.nl-card--has-model.nl-card--lead-model .nl-card__layer--product{display:none}html[data-nl-view=model] .nl-card--has-model:not(.nl-card--lead-product) .nl-card__layer--model,.nl-card--has-model.nl-card--lead-model .nl-card__layer--model{display:block}}@media(hover:hover)and (pointer:fine){.nl-card--has-model .nl-card__media:hover .nl-card__layer--model{opacity:1}.nl-card--has-model .nl-card__media:hover .nl-card__layer--product{opacity:0}html[data-nl-view=model] .nl-card--has-model:not(.nl-card--lead-product) .nl-card__media:hover .nl-card__layer--model,.nl-card--has-model.nl-card--lead-model .nl-card__media:hover .nl-card__layer--model{opacity:0}html[data-nl-view=model] .nl-card--has-model:not(.nl-card--lead-product) .nl-card__media:hover .nl-card__layer--product,.nl-card--has-model.nl-card--lead-model .nl-card__media:hover .nl-card__layer--product{opacity:1}}@media(prefers-reduced-motion:no-preference){.nl-card__layer{transition:opacity var(--nl-d-base) var(--nl-ease)}}.nl-card--sold-out .nl-card__layer .nl-media__img:not(.nl-card__swap){opacity:.55}.nl-card--sold-out .nl-card__title,.nl-card--sold-out .nl-card__price{color:var(--nl-muted)}.nl-badge.nl-card__badge--quiet{height:18px;padding:0 6px;border-color:var(--nl-line);background-color:var(--nl-paper);color:var(--nl-muted);font-size:10px}.nl-card__swap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.nl-card__swap.is-shown{opacity:1}@media(prefers-reduced-motion:no-preference){.nl-card__swap{transition:opacity var(--nl-d-fast) var(--nl-ease)}}.nl-card__badges{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:var(--nl-z-raised);display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 64px);pointer-events:none}.nl-card .nl-glass{--nl-glass-surface: var(--nl-glass-fallback);-webkit-backdrop-filter:none;backdrop-filter:none}.nl-card__wishlist{position:absolute;inset-block-start:6px;inset-inline-end:6px;z-index:var(--nl-z-raised)}.nl-card__actions{position:absolute;inset-inline:6px;inset-block-end:6px;z-index:var(--nl-z-raised);min-height:36px;pointer-events:none}.nl-card__actions>*{pointer-events:auto}.nl-card__quick{position:absolute;inset-inline-end:0;inset-block-end:0;display:grid;place-items:center;flex:none;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:var(--nl-r-control);background:transparent;color:var(--nl-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.nl-card__quick:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.nl-card__quick>.nl-icon{grid-area:1 / 1}.nl-card__quick-done,.nl-card__quick.is-done .nl-card__quick-icon{opacity:0}.nl-card__quick.is-done .nl-card__quick-done{opacity:1}.nl-card__quick:focus-visible{outline:2px solid var(--nl-ink);outline-offset:0;box-shadow:var(--nl-focus-ring)}.nl-card__quick.is-error{color:var(--nl-sale)}.nl-card__toast{position:absolute;inset-inline:6px 48px;inset-block-end:6px;z-index:var(--nl-z-raised);margin:0;padding:8px 10px;font-size:var(--nl-fs-caption);line-height:1.35}@media(prefers-reduced-motion:no-preference){.nl-card__toast{animation:nl-card-toast var(--nl-d-base) var(--nl-ease)}}@keyframes nl-card-toast{0%{opacity:0;transform:translateY(6px)}}.nl-card__quick[aria-busy=true] .nl-icon{opacity:0}.nl-card__quick[aria-busy=true]:after{content:"";position:absolute;inset:50% auto auto 50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:1.5px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:1;background:none;animation:nl-spin .7s linear infinite}.nl-card__sizes{display:none}@media(hover:hover)and (pointer:fine){.nl-card__sizes{display:flex;flex-wrap:wrap;gap:2px;width:100%;min-width:0;padding:3px;opacity:0;transform:translateY(6px);pointer-events:none}.nl-card__media:hover .nl-card__sizes,.nl-card__sizes:focus-within{opacity:1;transform:none;pointer-events:auto}.nl-card__media:hover .nl-card__sizes+.nl-card__quick,.nl-card__sizes:focus-within+.nl-card__quick{opacity:0;pointer-events:none}}@media(prefers-reduced-motion:no-preference){.nl-card__sizes,.nl-card__quick,.nl-card__quick .nl-icon{transition:opacity var(--nl-d-fast) var(--nl-ease),transform var(--nl-d-base) var(--nl-ease)}}.nl-card__size{position:relative;flex:1 0 auto;min-width:var(--nl-tap);height:30px;margin:0;padding:0 8px;border:0;border-radius:calc(var(--nl-r-control) - 3px);background:transparent;color:var(--nl-ink);font-family:var(--nl-font-ui);font-weight:var(--nl-weight-ui);font-size:var(--nl-fs-caption);line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer}.nl-card__size:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}@media(hover:hover){.nl-card__size:not(:disabled,.is-sold-out):hover{background-color:var(--nl-ink);color:var(--nl-paper)}}.nl-card__size:focus-visible{outline:2px solid var(--nl-ink);outline-offset:-2px}.nl-card__size:disabled,.nl-card__size.is-sold-out{color:var(--nl-muted);cursor:not-allowed;opacity:.6}.nl-card__size.is-sold-out{cursor:pointer}.nl-card__size[aria-busy=true]{background-color:var(--nl-ink);color:var(--nl-paper)}.nl-card__info{display:flex;align-items:baseline;justify-content:space-between;gap:var(--nl-s-2) var(--nl-s-3);padding:10px var(--nl-card-pad) 0}.nl-card__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--nl-font-ui);font-weight:var(--nl-weight-ui);font-size:.875rem;line-height:1.3;letter-spacing:0;text-transform:none}.nl-card__title-link{display:-webkit-box;overflow:hidden;color:inherit;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}@media(hover:hover){.nl-card__title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}.nl-card__pricing{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.nl-card__price{flex:none;justify-content:flex-end;text-align:end}.nl-card__unit{margin:0;color:var(--nl-muted);font-size:var(--nl-fs-caption);line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}@media screen and (max-width:989px){.nl-card__price.nl-price--sale{flex-direction:column;align-items:flex-end;gap:0}}.nl-card__rating{display:flex;align-items:center;gap:4px;margin:0;padding:6px var(--nl-card-pad) 0;color:var(--nl-muted);font-size:var(--nl-fs-caption);line-height:1;font-variant-numeric:tabular-nums}.nl-card__stars{position:relative;display:inline-flex;flex:none}.nl-card__stars-track,.nl-card__stars-fill{display:inline-flex;gap:1px}.nl-card__stars .nl-icon{--nl-icon-size: 12px}.nl-card__stars-track{color:var(--nl-line-strong)}.nl-card__stars-fill{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;width:var(--nl-rating, 0%);color:var(--nl-ink)}.nl-card--sold-out .nl-card__stars-fill{color:var(--nl-muted)}@container nl-card (max-width: 259px){.nl-card__info{flex-direction:column;align-items:stretch;gap:2px}.nl-card__pricing{align-items:flex-start;gap:0}.nl-card__price,.nl-card__price.nl-price--sale{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:0 var(--nl-s-2);text-align:start}}.nl-card__dot{position:relative;display:block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--nl-swatch, var(--nl-ground-2));box-shadow:inset 0 0 0 1px #00000024}.nl-card__dots{--nl-dot-gap: 10px;display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--nl-dot-gap);min-height:var(--nl-tap);margin-block-start:calc((var(--nl-tap) - 10px) / -2 + 8px);padding:0 var(--nl-card-pad);pointer-events:none}.nl-card__dots>*{pointer-events:auto}.nl-card.nl-card>.nl-card__dots:last-child{padding-bottom:0}.nl-card__dot:before{content:"";position:absolute;inset:calc((var(--nl-tap) - 10px) / -2) calc(var(--nl-dot-gap) / -2)}@media(pointer:coarse){.nl-card__dots{--nl-dot-gap: 18px}}.nl-card__dot.is-current{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px var(--nl-paper),0 0 0 3px var(--nl-ink)}.nl-card__dot:focus-visible{outline:2px solid var(--nl-ink);outline-offset:2px}.nl-card__dots-more{color:var(--nl-muted);font-size:var(--nl-fs-caption);line-height:1}.nl-card__strengths{display:flex;flex-wrap:wrap;gap:6px;padding:10px var(--nl-card-pad) 0}.nl-card__strength{position:relative;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:calc(var(--nl-r-control) - 2px);background-color:var(--nl-ground);color:var(--nl-ink);font-family:var(--nl-font-ui);font-weight:var(--nl-weight-ui);font-size:var(--nl-fs-caption);line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none;font-variant-numeric:tabular-nums}.nl-card__strength:before{content:"";position:absolute;top:-9px;right:-3px;bottom:-9px;left:-3px}.nl-card__strength.is-current{background-color:var(--nl-paper);box-shadow:inset 0 0 0 1px var(--nl-ink)}.nl-card__strength.is-sold-out{color:var(--nl-muted);opacity:.6}@media(hover:hover){a.nl-card__strength:hover{background-color:var(--nl-ground-2)}}a.nl-card__strength:focus-visible{outline:2px solid var(--nl-ink);outline-offset:2px}@media(prefers-reduced-motion:no-preference){a.nl-card__strength{transition:background-color var(--nl-d-fast) var(--nl-ease)}}.nl-card__family{position:absolute;inset-inline-start:10px;inset-block-end:10px;z-index:var(--nl-z-raised);display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 64px);margin:0;padding:4px 8px 4px 6px;border-radius:var(--nl-r-badge);background-color:#ffffffe6;box-shadow:var(--nl-glass-hairline);color:var(--nl-ink);font-family:var(--nl-font-ui);font-weight:var(--nl-weight-ui);font-size:var(--nl-fs-micro);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.nl-card__family-dot{flex:none;width:8px;height:8px;border-radius:50%;background-color:var(--nl-family-swatch, var(--nl-ground-2));box-shadow:inset 0 0 0 1px #0000001f}.nl-card__family--frucht{--nl-family-swatch: var(--nl-family-frucht)}.nl-card__family--ice{--nl-family-swatch: var(--nl-family-ice)}.nl-card__family--dessert{--nl-family-swatch: var(--nl-family-dessert)}.nl-card__dot.is-sold-out{opacity:.45}.nl-card__cta{margin-top:auto;padding:var(--nl-s-3) var(--nl-card-pad) 0}.nl-card>:last-child:not(.nl-card__media){padding-bottom:var(--nl-s-4)}.nl-card--compact{--nl-card-pad: 8px}.nl-card--compact .nl-card__title,.nl-card--compact .nl-card__price{font-size:var(--nl-fs-small)}.nl-card--compact .nl-card__sizes{display:none}@media(prefers-reduced-motion:reduce){.nl-card__quick[aria-busy=true]:after{animation:none}}.nl-wish{display:inline-flex}.nl-wish__button{position:relative;display:grid;place-items:center;width:var(--nl-tap);height:var(--nl-tap);margin:0;padding:0;border:0;background:transparent;color:var(--nl-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.nl-wish--glass .nl-wish__button{width:36px;height:36px;border-radius:var(--nl-r-control)}.nl-card__wishlist .nl-wish__button,.nl-card__quick{width:34px;height:34px;border-radius:var(--nl-r-pill);background-color:#ffffffdb;box-shadow:var(--nl-glass-hairline)}.nl-card__wishlist{inset-block-start:8px;inset-inline-end:8px}.nl-card__actions{inset-inline:8px;inset-block-end:8px}.nl-wish--glass .nl-wish__button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.nl-wish__button>.nl-icon{grid-area:1 / 1}.nl-wish__on{opacity:0;transform:scale(.6)}.nl-wish__button[aria-pressed=true] .nl-wish__on{opacity:1;transform:none}.nl-wish__button[aria-pressed=true] .nl-wish__off{opacity:0}.nl-wish__button:focus-visible{outline:2px solid var(--nl-ink);outline-offset:0;box-shadow:var(--nl-focus-ring)}@media(prefers-reduced-motion:no-preference){.nl-wish__button>.nl-icon{transition:opacity var(--nl-d-fast) var(--nl-ease),transform var(--nl-d-base) var(--nl-ease)}.nl-wish__button:active{transform:scale(.94)}}@media(prefers-reduced-motion:no-preference){html::view-transition-group(product-image-transition){animation-duration:var(--nl-d-slow);animation-timing-function:var(--nl-ease)}html::view-transition-old(product-image-transition),html::view-transition-new(product-image-transition){animation-duration:var(--nl-d-base);animation-timing-function:var(--nl-ease)}html::view-transition-old(root-custom),html::view-transition-new(root-custom){animation-duration:var(--nl-d-base);animation-timing-function:var(--nl-ease)}}.nl-skeleton{position:relative;display:block;overflow:hidden;background-color:var(--nl-ground);border-radius:var(--nl-r-media)}.nl-skeleton--line{height:.875rem;border-radius:4px}.nl-skeleton--control{border-radius:var(--nl-r-control)}@media(prefers-reduced-motion:no-preference){.nl-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#fff0 25%,#ffffffbf,#fff0 75%);transform:translate(-100%);animation:nl-sheen 1.8s var(--nl-ease-in-out) infinite}}@keyframes nl-sheen{0%{transform:translate(-100%)}70%,to{transform:translate(100%)}}:root{--nl-color-black: #161616;--nl-color-white: #ffffff;--nl-color-grey: #9b9b9b;--nl-color-gray: #9b9b9b;--nl-color-silver: #c8ccd1;--nl-color-silver-dream: linear-gradient(135deg, #e6e8ec, #b9bfc8);--nl-color-blue: #3f6fb5;--nl-color-skyblue: #9fd0ee;--nl-color-green: #7fb08e;--nl-color-pink: #f2b3c6;--nl-color-purple: #8a6bbf;--nl-color-red: #c63a3f;--nl-color-orange: #ef8a3d;--nl-color-yellow: #f1d14d;--nl-color-liny: linear-gradient(135deg, #f2b3c6, #9fd0ee 50%, #f1d14d)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/nl-card.css.map */