.sibrille-light-gradient-cache-bust-20260521-1505{--sibrille-light-gradient-version: "20260521-1505"}.sibrille-light-gradient{--sibrille-light-bg: #f5f5f3;--sibrille-light-text: #1a1a1a;--sibrille-light-muted: #666666;--sibrille-light-line: #e4e1dc;--sibrille-light-track: #dedbd5;--sibrille-light-active: #1a1a1a;--sibrille-light-gold: #d4a574;--sibrille-light-radius: 10px;--sibrille-light-max-width: 1128px;--sibrille-light-height-desktop: 640px;--sibrille-light-height-mobile: 320px;--sibrille-light-padding-top: 80px;--sibrille-light-padding-bottom: 80px;--sibrille-light-position: 70%;--sibrille-light-level: .7;--sibrille-light-glow-opacity: .554;--sibrille-light-glow-scale: 1.126;padding-block:var(--sibrille-light-padding-top) var(--sibrille-light-padding-bottom);background:var(--sibrille-light-bg);color:var(--sibrille-light-text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.sibrille-light-gradient *,.sibrille-light-gradient *:before,.sibrille-light-gradient *:after{box-sizing:border-box}.sibrille-light-gradient--embedded{padding:0;background:transparent}.sibrille-light-gradient__inner{width:min(calc(100% - 64px),var(--sibrille-light-max-width));margin-inline:auto}.sibrille-light-gradient__inner--embedded{width:100%}.sibrille-light-gradient__heading{max-width:720px;margin:0 auto 44px;text-align:center}.sibrille-light-gradient__title{margin:0;color:var(--sibrille-light-text);font-size:clamp(30px,3vw,36px);line-height:1.18;font-weight:400;letter-spacing:0}.sibrille-light-gradient__subtitle{margin:18px 0 0;color:var(--sibrille-light-muted);font-size:17px;line-height:1.65;font-weight:400}.sibrille-light-gradient__comparison{width:100%;--sibrille-light-position: 70%;--sibrille-light-level: .7;--sibrille-light-glow-opacity: .554;--sibrille-light-glow-scale: 1.126}.sibrille-light-gradient__media{position:relative;width:100%;height:min(var(--sibrille-light-height-desktop),calc((100vw - 64px)*.75));min-height:360px;overflow:hidden;border-radius:var(--sibrille-light-radius);background:#ece9e3 url(sibrille-light-gradient-low-20260504.png) center / cover no-repeat;box-shadow:0 22px 60px #1814101a;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sibrille-light-gradient__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;color:transparent;font-size:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .12s linear}.sibrille-light-gradient__image--low{z-index:1}.sibrille-light-gradient__image--high{z-index:2;opacity:var(--sibrille-light-level)}.sibrille-light-gradient__glow{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:3;pointer-events:none;opacity:var(--sibrille-light-glow-opacity);transform:scale(var(--sibrille-light-glow-scale));transform-origin:68% 18%;background:radial-gradient(circle at 68% 17%,#fffbe0e6,#ffe29799 10%,#ffc46847 24%,#ffce821f 40%,#ffce8200 62%),radial-gradient(ellipse at 70% 28%,#ffda9252,#ffc77124 32%,#ffc77100 62%),radial-gradient(ellipse at 62% 46%,#ffb3521f,#ffb35200 58%);filter:blur(2px);mix-blend-mode:screen;transition:opacity .12s linear,transform .16s cubic-bezier(.22,1,.36,1)}.sibrille-light-gradient__comparison.is-dragging .sibrille-light-gradient__image--high,.sibrille-light-gradient__comparison.is-dragging .sibrille-light-gradient__glow{transition-duration:0ms}.sibrille-light-gradient__divider{display:none}.sibrille-light-gradient__labels{display:flex;justify-content:space-between;gap:24px;margin-top:22px;color:var(--sibrille-light-muted);font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sibrille-light-gradient__label--right{text-align:right}.sibrille-light-gradient__track{position:relative;height:56px;margin:10px 24px 0;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sibrille-light-gradient__track-line{position:absolute;top:50%;left:0;width:100%;height:6px;border-radius:999px;background:var(--sibrille-light-track);transform:translateY(-50%)}.sibrille-light-gradient__track-fill{position:absolute;top:50%;left:0;width:var(--sibrille-light-position);height:6px;border-radius:999px;background:linear-gradient(90deg,var(--sibrille-light-active),var(--sibrille-light-gold));transform:translateY(-50%)}.sibrille-light-gradient__handle{position:absolute;top:50%;left:var(--sibrille-light-position);z-index:4;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(26,26,26,.08);border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 12px 34px #16120c38;transform:translate(-50%,-50%);cursor:grab;touch-action:none;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.sibrille-light-gradient__handle:active,.sibrille-light-gradient__comparison.is-dragging .sibrille-light-gradient__handle{cursor:grabbing;transform:translate(-50%,-50%) scale(.98);box-shadow:0 10px 26px #16120c42}.sibrille-light-gradient__handle:focus-visible{outline:2px solid var(--sibrille-light-gold);outline-offset:4px}.sibrille-light-gradient__handle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media screen and (max-width:989px){.sibrille-light-gradient{--sibrille-light-padding-top: 64px;--sibrille-light-padding-bottom: 64px}.sibrille-light-gradient__inner{width:min(calc(100% - 48px),720px)}.sibrille-light-gradient__inner--embedded{width:100%}.sibrille-light-gradient__media{height:min(var(--sibrille-light-height-desktop),calc((100vw - 48px)*.75));min-height:300px}}@media screen and (max-width:749px){.sibrille-light-gradient{--sibrille-light-padding-top: 48px;--sibrille-light-padding-bottom: 48px}.sibrille-light-gradient__inner{width:min(calc(100% - 32px),430px)}.sibrille-light-gradient__inner--embedded{width:100%}.sibrille-light-gradient__heading{margin-bottom:30px}.sibrille-light-gradient__title{font-size:30px;line-height:1.22}.sibrille-light-gradient__subtitle{margin-top:14px;font-size:16px;line-height:1.55}.sibrille-light-gradient__media{height:var(--sibrille-light-height-mobile);min-height:220px;box-shadow:0 14px 36px #1814101f}.sibrille-light-gradient__labels{margin-top:18px;gap:16px;font-size:11px;letter-spacing:.1em}.sibrille-light-gradient__track{height:60px;margin:8px 25px 0}.sibrille-light-gradient__handle{width:50px;height:50px}}.sibrille-figma-pdp__transform{background:#fafafa;padding:96px 0}.sibrille-light-demo{--sibrille-light-position: 70%;--sibrille-light-level: .7;--sibrille-light-inverse-level: .3;--sibrille-light-warm-level: .3;--sibrille-light-cool-level: .7;--sibrille-temperature-3000-opacity: .28;--sibrille-temperature-4000-opacity: 1;--sibrille-temperature-5000-opacity: 0;--sibrille-temperature-6500-opacity: 0;--sibrille-temperature-warm-intensity: 1;--sibrille-temperature-neutral-intensity: 0;--sibrille-temperature-cool-intensity: 0;--sibrille-temperature-image-filter: saturate(1.025) sepia(.035) brightness(.995);width:min(calc(100% - 64px),1360px);margin:0 auto;color:#171717;font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.sibrille-light-demo *,.sibrille-light-demo *:before,.sibrille-light-demo *:after{box-sizing:border-box}.sibrille-light-demo__intro{max-width:920px;margin:0 auto 56px;text-align:center}.sibrille-light-demo__intro h2{margin:0;color:#222;font-size:clamp(34px,3vw,44px);line-height:1.18;font-weight:400;letter-spacing:0}.sibrille-light-demo__intro p{margin:24px auto 0;max-width:780px;color:#666;font-size:clamp(16px,1.25vw,18px);line-height:1.45;font-weight:400;letter-spacing:0}.sibrille-light-demo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,2.9vw,40px);align-items:start}.sibrille-light-demo__card{min-width:0}.sibrille-light-demo__card-header{display:flex;align-items:flex-start;gap:14px;min-height:78px;margin-bottom:22px}.sibrille-light-demo__icon{flex:0 0 auto;display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid rgba(17,17,17,.08);border-radius:50%;background:#fff;color:#171717;box-shadow:0 10px 26px #1111110f}.sibrille-light-demo__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sibrille-light-demo__card-header h3{margin:0;color:#111;font-size:clamp(24px,2.2vw,30px);line-height:1.12;font-weight:700;letter-spacing:0}.sibrille-light-demo__card-header p{margin:8px 0 0;color:#666;font-size:clamp(15px,1.25vw,17px);line-height:1.45;font-weight:400;letter-spacing:0}.sibrille-light-demo__media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgba(17,17,17,.06);border-radius:24px;background:#ebe7df;box-shadow:0 18px 45px #00000014;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate}.sibrille-light-demo__picture,.sibrille-light-demo__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.sibrille-light-demo__image{object-fit:cover;color:transparent;font-size:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translateZ(0);transition:filter .16s linear,opacity .16s linear}.sibrille-light-demo__image.sibrille-light-gradient__image--low,.sibrille-light-demo__image.sibrille-light-gradient__image--high{z-index:auto;opacity:1}.sibrille-light-demo__card--brightness .sibrille-light-demo__image{filter:none;transition:opacity .18s linear}.sibrille-light-demo__card--brightness .sibrille-light-demo__image--brightness-low{z-index:1;opacity:1}.sibrille-light-demo__card--brightness .sibrille-light-demo__image--brightness-high{z-index:2;opacity:var(--sibrille-light-level)}.sibrille-light-demo__card--temperature .sibrille-light-demo__image--temperature{opacity:0;filter:none;transition:opacity .16s linear,filter .14s linear}.sibrille-light-demo__card--temperature .sibrille-light-demo__image--temp-3000{z-index:2;opacity:var(--sibrille-temperature-3000-opacity);filter:saturate(.42) brightness(.972)}.sibrille-light-demo__card--temperature .sibrille-light-demo__image--temp-4000{z-index:1;opacity:var(--sibrille-temperature-4000-opacity);filter:saturate(.66) brightness(.986)}.sibrille-light-demo__card--temperature .sibrille-light-demo__image--temp-5000{z-index:3;opacity:var(--sibrille-temperature-5000-opacity);filter:var(--sibrille-temperature-image-filter)}.sibrille-light-demo__card--temperature .sibrille-light-demo__image--temp-6500{z-index:4;opacity:var(--sibrille-temperature-6500-opacity)}.sibrille-light-demo__brightness-shade,.sibrille-light-demo__brightness-glow,.sibrille-light-demo__temperature-warm,.sibrille-light-demo__temperature-neutral,.sibrille-light-demo__temperature-cool{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .16s linear}.sibrille-light-demo__brightness-shade{z-index:2;background:radial-gradient(ellipse at 66% 28%,#0000,#00000014 56%,#00000024),linear-gradient(180deg,#0000001f,#0000002e);opacity:calc(var(--sibrille-light-inverse-level) * .18);mix-blend-mode:multiply}.sibrille-light-demo__brightness-glow{z-index:3;opacity:calc(var(--sibrille-light-level) * .34);background:radial-gradient(circle at 61% 18%,#fff4cd85,#ffcf7647 18%,#ffcf7600 34%),radial-gradient(circle at 68% 29%,#ffedc27a,#ffc76840 17%,#ffc76800 33%),radial-gradient(circle at 61% 41%,#ffe7b275,#ffbe5c3d 18%,#ffbe5c00 35%),radial-gradient(ellipse at 55% 47%,#ffb8523d,#ffb95221 28%,#ffb95200 62%),linear-gradient(90deg,#ffcf7a24,#ffefd314 48%,#ffe0a42e);mix-blend-mode:soft-light}.sibrille-light-demo__card--standard .sibrille-light-demo__brightness-glow{opacity:calc(var(--sibrille-light-level) * .3);background:radial-gradient(ellipse at 67% 18%,#fff4d27a,#ffd38640 18%,#ffd38600 40%),radial-gradient(ellipse at 70% 34%,#ffd28238,#ffd28217 34%,#ffd28200 64%)}.sibrille-light-demo__temperature-warm{z-index:5;opacity:calc(var(--sibrille-temperature-warm-intensity) * .035);background:radial-gradient(ellipse 7% 9% at 60.7% 18.5%,#fff2d485,#ffc76e2e 39%,#ffc76e00 72%),radial-gradient(ellipse 7% 9% at 68.4% 28.5%,#fff0ce7a,#ffc2642b 40%,#ffc26400 72%),radial-gradient(ellipse 8% 10% at 62.3% 39.3%,#ffecc470,#ffbc5c29 42%,#ffbc5c00 74%),radial-gradient(ellipse 23% 31% at 49% 43%,#ffbe5e1f,#ffbe5e0d 40%,#ffbe5e00 72%),radial-gradient(ellipse 16% 24% at 80% 34%,#ffca781a,#ffca780a 44%,#ffca7800 78%);mix-blend-mode:soft-light}.sibrille-light-demo__temperature-neutral{z-index:6;opacity:calc(var(--sibrille-temperature-neutral-intensity) * .12);background:radial-gradient(ellipse 7% 9% at 60.7% 18.5%,#fff8e8bd,#ffe8be33 39%,#ffe8be00 74%),radial-gradient(ellipse 7% 9% at 68.4% 28.5%,#fffaecad,#ffe8c22e 40%,#ffe8c200 74%),radial-gradient(ellipse 8% 10% at 62.3% 39.3%,#fff6e29e,#ffe4b82e 42%,#ffe4b800 76%),radial-gradient(ellipse 21% 29% at 49% 43%,#ffe8c229,#ffe8c212 40%,#ffe8c200 72%);mix-blend-mode:soft-light}.sibrille-light-demo__temperature-cool{z-index:7;opacity:calc(var(--sibrille-temperature-cool-intensity) * .16);background:radial-gradient(ellipse 7% 9% at 60.7% 18.5%,#f4faffbd,#bcdaff3d 40%,#bcdaff00 74%),radial-gradient(ellipse 7% 9% at 68.4% 28.5%,#f6fcffb3,#b8d8ff38 42%,#b8d8ff00 76%),radial-gradient(ellipse 8% 10% at 62.3% 39.3%,#f6fcffa3,#b8d8ff33 44%,#b8d8ff00 78%),radial-gradient(ellipse 21% 29% at 49% 43%,#c3deff26,#c3deff12 43%,#c3deff00 76%),radial-gradient(ellipse 14% 22% at 80% 34%,#cde4ff1f,#cde4ff0d 45%,#cde4ff00 78%);mix-blend-mode:color}.sibrille-light-demo__card.is-dragging .sibrille-light-demo__image,.sibrille-light-demo__card.is-dragging .sibrille-light-demo__brightness-shade,.sibrille-light-demo__card.is-dragging .sibrille-light-demo__brightness-glow,.sibrille-light-demo__card.is-dragging .sibrille-light-demo__temperature-warm,.sibrille-light-demo__card.is-dragging .sibrille-light-demo__temperature-neutral,.sibrille-light-demo__card.is-dragging .sibrille-light-demo__temperature-cool{transition-duration:0ms}.sibrille-light-demo__controls{margin-top:18px;padding-inline:0}.sibrille-light-demo__labels{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:10px;color:#222;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sibrille-light-demo__labels span:last-child{text-align:right}.sibrille-light-demo__track{position:relative;height:44px;margin-inline:22px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sibrille-light-demo__track-line,.sibrille-light-demo__track-fill{position:absolute;top:50%;left:0;height:6px;border-radius:999px;transform:translateY(-50%)}.sibrille-light-demo__track-line{width:100%;background:linear-gradient(90deg,#262626,#a1a1a1 48%,#f5f5f5)}.sibrille-light-demo__card--temperature .sibrille-light-demo__track-line{background:linear-gradient(90deg,#f5b122,#ffcf82 48%,#65a8ff)}.sibrille-light-demo__track-fill{width:var(--sibrille-light-position);background:#ffffff52;box-shadow:inset 0 0 0 1px #fff3}.sibrille-light-demo__handle{position:absolute;top:50%;left:var(--sibrille-light-position);z-index:4;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(17,17,17,.08);border-radius:50%;background:#fff;color:#171717;box-shadow:0 12px 30px #11111129;transform:translate(-50%,-50%);cursor:grab;touch-action:none;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.sibrille-light-demo__handle:active,.sibrille-light-demo__card.is-dragging .sibrille-light-demo__handle{cursor:grabbing;border-color:#11111124;box-shadow:0 10px 24px #1113;transform:translate(-50%,-50%) scale(.98)}.sibrille-light-demo__handle:focus-visible{outline:2px solid #171717;outline-offset:4px}.sibrille-light-demo__handle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media screen and (max-width:989px){.sibrille-figma-pdp__transform{padding:76px 0}.sibrille-light-demo{width:min(calc(100% - 48px),720px)}.sibrille-light-demo__intro{margin-bottom:44px}.sibrille-light-demo__grid{grid-template-columns:1fr;gap:42px}.sibrille-light-demo__card-header{min-height:auto}}@media screen and (max-width:749px){.sibrille-figma-pdp__transform{padding:58px 0}.sibrille-light-demo{width:min(calc(100% - 32px),560px)}.sibrille-light-demo__intro{margin-bottom:36px}.sibrille-light-demo__intro h2{font-size:30px;line-height:1.15}.sibrille-light-demo__intro p{margin-top:18px;font-size:16px;line-height:1.5}.sibrille-light-demo__grid{gap:38px}.sibrille-light-demo__card-header{gap:12px;margin-bottom:18px}.sibrille-light-demo__icon{width:40px;height:40px}.sibrille-light-demo__card-header h3{font-size:24px}.sibrille-light-demo__card-header p{font-size:15px}.sibrille-light-demo__media{border-radius:20px;box-shadow:0 14px 34px #00000014}.sibrille-light-demo__labels{gap:16px;font-size:11px}.sibrille-light-demo__track{height:42px;margin-inline:19px}.sibrille-light-demo__handle{width:36px;height:36px}}.sibrille-figma-pdp__review-card .sibrille-figma-pdp__review-media{position:relative;display:block;width:calc(100% + 48px);aspect-ratio:4 / 5;margin:-24px -24px 20px;overflow:hidden;border-radius:var(--sibrille-figma-radius, 8px) var(--sibrille-figma-radius, 8px) 0 0;background:#f6f1ea}.sibrille-figma-pdp__review-media-bg,.sibrille-figma-pdp__review-media-img{display:block;width:100%;height:100%;object-fit:cover}.sibrille-figma-pdp__review-media-bg{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(18px);opacity:.28;transform:scale(1.08)}.sibrille-figma-pdp__review-media-img{position:relative;z-index:1}.sibrille-figma-pdp__review-card .sibrille-figma-pdp__review-content{display:grid;gap:12px}.sibrille-figma-pdp__review-card .sibrille-figma-pdp__review-content .sibrille-figma-pdp__stars,.sibrille-figma-pdp__review-card .sibrille-figma-pdp__review-content p{margin-bottom:0}@media screen and (max-width:749px){.sibrille-figma-pdp__review-card .sibrille-figma-pdp__review-media{width:calc(100% + 36px);margin:-22px -18px 18px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/sibrille-light-gradient.css.map */