.cpnp .cpsb-hero__grid>*{min-width:0}.cpnp .cpnp-motif{display:block;width:100%;height:auto;overflow:visible;fill:currentcolor}.cpnp .cpnp-plate{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cpnp .cpnp-plate .cpsb-preview__name{position:relative;z-index:1;font-size:calc(var(--cpsb-name-size, 7cqw) * var(--cpnp-name-scale, 1))}.cpnp .cpnp-slot{display:flex;justify-content:center;flex-shrink:0;pointer-events:none;color:var(--cpsb-ink-colour, #f7f7f5);font-size:calc(var(--cpsb-name-size, 7cqw) * var(--cpnp-name-scale, 1))}.cpnp .cpnp-slot:empty{display:none}.cpnp .cpnp-slot--side{width:calc(1em * var(--cpnp-side-k, .6));transform:translate(var(--cpnp-side-dx, 0em),var(--cpnp-side-dy, 0em))}.cpnp .cpnp-slot--frame{position:absolute;left:50%;top:50%;z-index:0;width:var(--cpnp-frame-w, 192%);transform:translate(-50%,calc(-50% + var(--cpnp-frame-dy, 0em)))}.cpnp .cpnp-slot--above{position:absolute;left:50%;bottom:100%;width:var(--cpnp-above-w, 78%);transform:translate(-50%,var(--cpnp-above-dy, 0em))}.cpnp .cpnp-slot--below{position:absolute;left:50%;top:100%;width:var(--cpnp-below-w, 100%);transform:translate(-50%,var(--cpnp-below-dy, 0em))}.cpnp .cpnp-chip{flex-direction:column;gap:5px;padding:8px 6px}.cpnp .cpnp-chip__band{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:38px;gap:.12em;font-size:calc(13px * var(--cpnp-chip-scale, 1));color:var(--cpsb-ink)}.cpnp .cpnp-chip__plate{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cpnp .cpnp-chip__name{position:relative;z-index:1;white-space:nowrap;line-height:1;font-size:calc(1em * var(--cpnp-name-scale, 1) * var(--cpnp-chip-fit, 1))}.cpnp .cpnp-chip__side{display:flex;flex-shrink:0;width:calc(1em * var(--cpnp-side-k, .6));transform:translate(var(--cpnp-side-dx, 0em),var(--cpnp-side-dy, 0em))}.cpnp .cpnp-chip__frame{position:absolute;left:50%;top:50%;z-index:0;width:var(--cpnp-frame-w, 192%);transform:translate(-50%,calc(-50% + var(--cpnp-frame-dy, 0em)))}.cpnp .cpnp-chip__above{position:absolute;left:50%;bottom:100%;width:var(--cpnp-above-w, 78%);transform:translate(-50%,var(--cpnp-above-dy, 0em))}.cpnp .cpnp-chip__below{position:absolute;left:50%;top:100%;width:var(--cpnp-below-w, 100%);transform:translate(-50%,var(--cpnp-below-dy, 0em))}.cpnp .cpnp-designs{grid-template-columns:repeat(var(--cpnp-chip-cols, 4),minmax(0,1fr))}.cpnp .cpnp-panel{margin:0 0 var(--cpnp-panel-space, 12px)}.cpnp .cpnp-panel[hidden]{display:none}.cpnp .cpnp-panel[data-cpnp-ready=on] .cpnp-panel__crop{position:relative;height:var(--cpnp-panel-h, 112px);border-radius:16px;overflow:hidden;border:2px solid var(--cpsb-border-strong);background:var(--cpsb-white);box-shadow:0 8px 18px #2b211c1a}.cpnp .cpnp-panel[data-cpnp-ready=on] .cpnp-panel__inner{position:absolute;top:0;left:calc((var(--cpnp-panel-scale, 125%) - 100%) / -2);width:var(--cpnp-panel-scale, 125%);transform-origin:50% 0;border:0;border-radius:0;background:none;box-shadow:none}.cpnp .cpnp-panel[data-cpnp-ready=on] .cpnp-panel__inner *{animation:none;transition:none}.cpnp .cpnp-panel[data-cpnp-ready=on] .cpnp-panel__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:7px 2px 0}.cpnp .cpnp-panel[data-cpnp-ready=on] .cpnp-panel__caption{font-family:var(--cpsb-font-display);font-weight:600;font-size:11px;line-height:1.3;color:var(--cpsb-green)}.cpnp .cpnp-panel[data-cpnp-ready=on] .cpnp-panel__enlarge{flex-shrink:0;padding:15px 10px;margin:-15px -10px;border:0;background:none;font-family:var(--cpsb-font-display);font-weight:600;font-size:11px;color:var(--cpsb-ink);text-decoration:underline;cursor:pointer}.cpnp .cpnp-fullbtn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:16px;min-height:48px;padding:12px 16px;border:2px solid var(--cpsb-ink);border-radius:14px;background:var(--cpsb-cream);color:var(--cpsb-ink);font-family:var(--cpsb-font-display);font-weight:600;font-size:15px;cursor:pointer}.cpnp .cpnp-fullbtn[hidden]{display:none}.cpnp .cpnp-fullbtn:hover{border-color:var(--cpsb-orange);color:var(--cpsb-orange)}.cpnp .cpnp-full[open]{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;height:100%;max-height:100%;padding:24px 16px;border:0;background:transparent;overflow:visible}.cpnp .cpnp-full::backdrop{background:#2b211cd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cpnp .cpnp-full__card{width:100%;max-width:560px;max-height:100%;overflow-y:auto;border-radius:24px;background:var(--cpsb-cream);box-shadow:0 24px 60px #0006}.cpnp .cpnp-full__head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px}.cpnp .cpnp-full__heading{flex:1;min-width:0}.cpnp .cpnp-full__title{font-family:var(--cpsb-font-display);font-weight:600;font-size:16px;color:var(--cpsb-ink)}.cpnp .cpnp-full__config{font-size:12px;color:var(--cpsb-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpnp .cpnp-full__close{flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;background:var(--cpsb-border);color:var(--cpsb-ink);font-size:17px;line-height:1;cursor:pointer}.cpnp .cpnp-full__body{position:relative;background:var(--cpsb-white);border-top:2px solid var(--cpsb-border);border-bottom:2px solid var(--cpsb-border)}.cpnp .cpnp-full__inner{position:relative;width:100%;border:0;border-radius:0;background:none;box-shadow:none;transform:none}.cpnp .cpnp-full__inner *{pointer-events:none}.cpnp .cpnp-full__inner .cpsb-preview__config{display:none}.cpnp .cpnp-full__keep{display:block;width:calc(100% - 32px);margin:12px 16px 16px;min-height:48px;padding:12px 16px;border:0;border-radius:14px;background:var(--cpsb-orange);color:#fff;font-family:var(--cpsb-font-display);font-weight:600;font-size:16px;cursor:pointer}.cpnp[data-cpnp-rating-mark=on] .cpnp-rating__score{display:inline-flex;align-items:center;gap:6px;padding:2px var(--cpnp-mark-pad, 4px);border-radius:7px;background:var(--cpnp-score-mark, #ffd23f)}.cpnp[data-cpnp-rating-mark=on] .cpsb-rating__flash{padding:2px var(--cpnp-mark-pad, 4px);border-radius:7px;background:var(--cpnp-flash-mark, #d7efe4)}.cpnp[data-cpnp-rating-mark=on] .cpsb-rating__sep{display:none}.cpnp .cpsb-rating__flash{--cpnp-flat-ink: var(--cpsb-green, #0f7a5a)}.cpnp .cpnp-flat{color:transparent;text-shadow:0 0 0 var(--cpnp-flat-ink, #2b211c)}@media screen and (max-width:749px){.cpnp[data-cpsb-mobile=on] .cpsb-hero__media>*,.cpnp[data-cpsb-mobile=on] .cpsb-hero__buy>*{min-width:0}.cpnp .cpnp-designs{--cpnp-chip-cols: 3}.cpnp[data-cpnp-panel-sticky=on] .cpnp-panel[data-cpnp-ready=on]{position:sticky;top:var(--cpnp-panel-top, 0px);z-index:3;margin-inline:calc(-1 * var(--cpnp-panel-space, 12px));padding:var(--cpnp-panel-space, 12px) var(--cpnp-panel-space, 12px) 8px;background:var(--cpsb-white)}.cpnp .cpnp-full__card{max-width:398px}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-rating-mark=on] .cpsb-rating{gap:4px}}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chips{display:grid;grid-template-columns:repeat(var(--cpnp-swatch-cols, 4),minmax(0,1fr));gap:var(--cpnp-swatch-gap, 10px)}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:auto;height:auto;min-height:44px;padding:8px 6px 10px;border-radius:14px}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__media{display:block;width:100%}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__img{display:block;width:100%;height:auto;aspect-ratio:var(--cpnp-swatch-ratio, 4 / 3);object-fit:contain;border-radius:10px;background:var(--cpsb-cream, #fdf6ec)}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__foot{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;font-size:12.5px;font-weight:700;line-height:1.2;text-align:center;color:var(--cpsb-ink, #2b211c)}.cpsb-hero.cpnp[data-cpnp-swatch=on][data-cpnp-swatch-tint=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__label{color:var(--cpnp-swatch-tint, var(--cpsb-ink, #2b211c))}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__tick{display:none;flex-shrink:0;width:18px;height:18px;border-radius:6px;background:var(--cpsb-green, #0f7a5a);color:#fff;font-size:11px;line-height:1;align-items:center;justify-content:center}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip__input:checked+.cpsb-chip.cpnp-swatch .cpnp-swatch__tick{display:inline-flex}@media screen and (max-width:749px){.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row]{position:relative;margin-inline:calc(var(--cpnp-colour-bleed, 16px) * -1)}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row] .cpsb-chips{display:flex;flex-wrap:nowrap;gap:var(--cpnp-colour-gap, 8px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px var(--cpnp-colour-peek, 46px) 2px var(--cpnp-colour-bleed, 16px);scroll-padding-left:var(--cpnp-colour-bleed, 16px);scrollbar-width:none;-ms-overflow-style:none}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row] .cpsb-chips::-webkit-scrollbar{display:none}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row] .cpsb-chip{flex:0 0 auto;scroll-snap-align:start;min-height:44px}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row] .cpsb-chip.cpnp-swatch{width:var(--cpnp-colour-w, 96px)}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row]:after{content:"";position:absolute;top:0;right:0;width:var(--cpnp-colour-fade, 34px);height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),var(--cpsb-white, #ffffff));pointer-events:none}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row]{position:relative;margin-inline:calc(var(--cpnp-colour-bleed, 16px) * -1)}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=ink] .cpsb-inks,.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=font] .cpsb-fonts,.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=design] .cpsb-designs{display:flex;flex-wrap:nowrap;gap:var(--cpnp-colour-gap, 8px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px var(--cpnp-colour-peek, 46px) 2px var(--cpnp-colour-bleed, 16px);scroll-padding-left:var(--cpnp-colour-bleed, 16px);margin-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=ink] .cpsb-inks::-webkit-scrollbar,.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=font] .cpsb-fonts::-webkit-scrollbar,.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=design] .cpsb-designs::-webkit-scrollbar{display:none}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=ink] .cpsb-ink,.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=font] .cpsb-font,.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=design] .cpsb-design{flex:0 0 auto;scroll-snap-align:start;min-height:44px}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=ink] .cpsb-ink{width:var(--cpnp-ink-w, 122px);justify-content:center}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=ink] .cpsb-ink__label{white-space:nowrap}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=font] .cpsb-font{width:var(--cpnp-font-w, 96px);padding-inline:6px;overflow:hidden}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row=design] .cpsb-design.cpnp-chip{width:var(--cpnp-design-w, 150px);padding:8px 10px}.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-rows=on] .cpsb-fieldset[data-cpnp-row]:after{content:"";position:absolute;top:0;right:0;width:var(--cpnp-colour-fade, 34px);height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),var(--cpsb-white, #ffffff));pointer-events:none}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.cpsb-hero.cpnp[data-cpsb-mobile=on][data-cpnp-swipe-colours=on] .cpsb-fieldset[data-cpsb-colour-row] .cpsb-chips{scroll-behavior:auto}}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__foot{max-width:100%}.cpsb-hero.cpnp[data-cpnp-swatch=on] .cpsb-chip.cpnp-swatch .cpnp-swatch__label{min-width:0;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cp-np-hero.css.map */