.Snap{top:calc(var(--Snap-prev-next-height)*-1);position:absolute;left:0}.Snap__visibilityRef{top:var(--Snap-prev-next-height);bottom:var(--Snap-prev-next-height);width:5px;position:absolute;left:10px}.Snap__snap{z-index:150;width:10px;height:var(--Snap-height);scroll-snap-align:start;scroll-snap-stop:always;position:relative}.Snap__snap.Snap__snap_first{height:var(--Snap-prev-next-height);scroll-snap-align:end}.Snap__snap.Snap__snap_last{height:var(--Snap-prev-next-height)}.Snap.is-debug .Snap__visibilityRef{z-index:200;background-color:gold}.Snap.is-debug .Snap__snap{z-index:150;background-color:red}.Snap.is-debug .Snap__snap.Snap__snap_first{background-color:green}.Snap.is-debug .Snap__snap.Snap__snap_last{background-color:#00f}.ColorPickerCards{--ColorPickerCards-length:0;--ColorPickerCards-100vh:500px;z-index:3;height:calc(var(--colorpickercards-length)*var(--ColorPickerCards-100vh));min-height:var(--ColorPickerCards-100vh);position:relative}.ColorPickerCards:not(.is-edit-mode){--ColorPickerCards-100vh:100vh}.ColorPicker{--ColorPicker-height:700px;--ColorPicker-picker-bottom-position:calc(120px + .05*var(--ColorPicker-height));--ColorPicker-picker-height:44px;height:100%;position:relative}.ColorPicker:not(.is-edit-mode){--ColorPicker-height:100vh}@media screen and (min-width:1024px){.ColorPicker{--ColorPicker-picker-bottom-position:calc(.05*var(--ColorPicker-height));--ColorPicker-picker-height:64px}.ColorPicker.has-header-only .ColorPicker__header{height:var(--ColorPicker-height)}}.ColorPicker__header{height:var(--ColorPicker-height)}@media screen and (min-width:1024px){.ColorPicker__header{height:calc(1.25*var(--ColorPicker-height));position:-webkit-sticky;position:sticky;top:0}}.ColorPicker__cont,.ColorPicker__pinned{position:relative}.ColorPicker__hero{z-index:3;width:100%;height:calc(var(--ColorPicker-height)/2);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 16px;animation:1s cubic-bezier(.645,.045,.355,1) forwards colorpicker-animline;display:flex;position:absolute;top:-30px;left:0}@media screen and (min-width:670px){.ColorPicker__hero{gap:16px}}@keyframes colorpicker-animline{0%,30%{opacity:0;translate:0 56px}to{opacity:1;translate:0}}.ColorPicker__heroTitle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:NouvelR\, sans-serif;font-size:5.6rem;font-weight:700;line-height:.95}@media screen and (min-width:1024px){.ColorPicker__heroTitle{font-size:14.4rem}}.ColorPicker__heroTitle.is-regular{font-size:4.8rem}@media screen and (min-width:1024px){.ColorPicker__heroTitle.is-regular{font-size:9.6rem}}.ColorPicker__heroTitle.is-small{font-size:2rem}@media screen and (min-width:1024px){.ColorPicker__heroTitle.is-small{font-size:4rem}}.ColorPicker__description{text-wrap:balance;font-family:NouvelR\, sans-serif;font-size:1.8rem;font-weight:400;line-height:1.4}@media screen and (min-width:670px){.ColorPicker__description{max-width:40ch;font-size:2rem}}.ColorPicker__linkWrapper{pointer-events:all}.ColorPicker__backgrounds{width:100%;height:var(--ColorPicker-height);margin-bottom:calc((var(--ColorPicker-picker-bottom-position) + var(--ColorPicker-picker-height))*-1);display:flex;position:relative}.ColorPicker__imageBackground{z-index:2;width:100%;height:calc(1*var(--ColorPicker-height));transition:all .6s cubic-bezier(.455,.03,.515,.955);position:absolute;top:0}.ColorPicker__imageBackground.is-hidden{opacity:0}.ColorPicker__imageBackground.is-next{z-index:1;transition:all}.ColorPicker__wrapCarousel{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.ColorPicker__carousel{white-space:nowrap;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-snap-points-x:repeat(100%);width:100%;height:100%;display:flex;position:relative;overflow-x:auto;overflow-y:hidden}.ColorPicker__carouselItem{scroll-snap-align:start;min-width:100%;min-height:100%}.ColorPicker__colors{z-index:2;bottom:var(--ColorPicker-picker-bottom-position);height:var(--ColorPicker-picker-height);align-items:center;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}@media screen and (min-width:670px){.ColorPicker__colors{position:-webkit-sticky;position:sticky}}.ColorPicker__colors.is-visible .ColorPicker__colorsBackground{transform:translate(-50%)scale(1)}.ColorPicker__colors.is-visible .ColorPicker__icon{transform:translateY(0)}.ColorPicker__colors.is-expand .ColorPicker__icon{transform:translateY(100%)}.ColorPicker__colors.is-expand .ColorPicker__colorsBackground{width:var(--ColorPicker-width);transition-delay:.1s}@media screen and (min-width:670px){.ColorPicker__colors.is-expand .ColorPicker__colorsBackground{transition-delay:.3s}}.ColorPicker__colors.is-expand .ColorPicker__colorsSelector{opacity:1;white-space:nowrap;transition-delay:.2s}@media screen and (min-width:670px){.ColorPicker__colors.is-expand .ColorPicker__colorsSelector{transition-delay:.6s}}.ColorPicker__colors.is-expand .ColorPicker__colorsLabel{opacity:1;transform:translate(-50%)}.ColorPicker__colorsBackground{transform-origin:50%;background-color:rgba(0,0,0,.5);border-radius:110px;width:44px;height:100%;transition:all .1s cubic-bezier(.645,.045,.355,1);position:absolute;left:50%;transform:translate(-50%)scale(0)}@media screen and (min-width:670px){.ColorPicker__colorsBackground{width:64px;transition:all .6s cubic-bezier(.645,.045,.355,1)}}.ColorPicker__iconWrap{align-items:center;transition:all .3s cubic-bezier(.645,.045,.355,1);display:none;position:absolute;top:50%;left:50%;overflow-y:hidden;transform:translate(-50%,-50%)}@media screen and (min-width:670px){.ColorPicker__iconWrap{display:inline-flex}}.ColorPicker__icon{fill:#fff;width:32px;transition:all .3s cubic-bezier(.645,.045,.355,1);transform:translateY(-100%)}.ColorPicker__colorsLabel{text-align:center;opacity:0;text-shadow:0 0 25px rgba(0,0,0,.9);width:100%;min-width:300px;font-family:NouvelR\, sans-serif;font-size:1.6rem;font-weight:400;line-height:1.4;transition:all .15s cubic-bezier(.645,.045,.355,1);position:absolute;top:-30px;left:50%;transform:translate(-50%,100%)}@media screen and (min-width:670px){.ColorPicker__colorsLabel{transition:all .6s cubic-bezier(.645,.045,.355,1)}}.ColorPicker__colorsSelector{z-index:0;opacity:0;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-block;position:relative;transform:translateY(1px)}.ColorPicker__colorsBt{background-color:var(--ColorPicker-color);aspect-ratio:1;border-radius:50%;width:16px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-block;position:relative}.ColorPicker__colorsBt:after{content:"";opacity:0;background-color:rgba(0,0,0,.5);border-radius:50%;width:250%;height:250%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ColorPicker__colorsBt:not(.is-selected){cursor:pointer}.ColorPicker__colorsBt:not(.is-selected):hover:before,.ColorPicker__colorsBt:not(.is-selected):focus:before{background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%)scale(1)}.ColorPicker__colorsBt:not(.is-selected):active{background-color:rgba(0,0,0,.8)}.ColorPicker__colorsBt:before{content:"";z-index:-1;aspect-ratio:1;border-radius:50%;width:calc(100% + 7px);transition:all .3s cubic-bezier(.645,.045,.355,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.ColorPicker__colorsBt.is-selected:before{background-color:#fff;transform:translate(-50%,-50%)scale(1)}@media screen and (min-width:670px){.ColorPicker__colorsBt{aspect-ratio:1;width:20px}}.ColorPicker__colorsBt:not(:last-child){margin-right:20px}