.portman-lamp-overview-section .portman-lamp-overview__page{overflow-x:clip;max-width:100%}.hotspot-wrapper.portman-lamp-overview{position:relative;z-index:1;isolation:isolate;width:100%;max-width:100%;padding:0 0 48px;background:#000;overflow:visible;border-radius:2px}.hotspot-wrapper.portman-lamp-overview .portman-radio-toggle{display:none}.hotspot-wrapper.portman-lamp-overview .hotspot-container{position:relative;max-width:100%;margin:0 auto;display:block;overflow:visible}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage{position:relative;width:100%;margin:0 auto;overflow:visible}@media screen and (min-width:750px){.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage{overflow:visible}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage>.portman-slider-widget{margin:0;width:max-content;min-width:var(--portman-lamp-switcher-width, 280px);max-width:min(480px,92vw);box-sizing:border-box}.hotspot-wrapper.portman-lamp-overview .portman-states-list{gap:0!important;width:100%}.hotspot-wrapper.portman-lamp-overview .portman-state-row{min-height:var(--portman-lamp-switcher-row-step, 52px);height:auto;box-sizing:border-box;align-items:center;padding:4px 0}.hotspot-wrapper.portman-lamp-overview .portman-label{white-space:normal;line-height:1.35;flex:1 1 auto;min-width:0;text-align:left;overflow:visible;overflow-wrap:anywhere}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget.align-right .portman-label{text-align:left}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget.align-left .portman-label{text-align:right}.hotspot-wrapper.portman-lamp-overview .portman-label__text{display:block;max-width:100%}.hotspot-wrapper.portman-lamp-overview.has-desktop-max-height .hotspot-media-stage__zoom{max-height:var(--portman-lamp-desktop-max-h);width:100%;margin-inline:auto;display:flex;justify-content:center;align-items:flex-start}.hotspot-wrapper.portman-lamp-overview.has-desktop-max-height .portman-img-0{position:relative;width:auto;max-width:100%;max-height:var(--portman-lamp-desktop-max-h);height:auto;object-fit:contain}.hotspot-wrapper.portman-lamp-overview.has-desktop-max-height .hotspot-img:not(.portman-img-0){top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center}}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage__zoom{position:relative;width:100%;z-index:1}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage__hotspots{position:absolute;z-index:5;margin:0;padding:0;box-sizing:border-box;pointer-events:none}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage__hotspots .portman-hotspot-item{pointer-events:auto}.hotspot-wrapper.portman-lamp-overview .hotspot-img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity 0s ease,visibility 0s ease;pointer-events:none}.hotspot-wrapper.portman-lamp-overview .portman-img-0{position:relative}.hotspot-wrapper.portman-lamp-overview .portman-slider-inner{position:relative;display:block;margin:0;padding:0}.hotspot-wrapper.portman-lamp-overview .portman-states-list{display:flex;flex-direction:column;gap:24px;position:relative;z-index:2;margin:0;padding:0;list-style:none}.hotspot-wrapper.portman-lamp-overview .portman-state-row{display:flex;align-items:center;gap:16px;margin:0;padding:0;cursor:pointer}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget.align-right .portman-state-row{flex-direction:row}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget.align-left .portman-state-row{flex-direction:row-reverse}.hotspot-wrapper.portman-lamp-overview .portman-node{position:relative;width:20px;height:20px;min-width:20px;min-height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:0}.hotspot-wrapper.portman-lamp-overview .portman-node:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:all .2s ease}.hotspot-wrapper.portman-lamp-overview .portman-state-row:hover .portman-node:after{background:#fff;transform:scale(1.4)}.hotspot-wrapper.portman-lamp-overview .portman-track-bg{display:block;position:absolute;top:calc(var(--portman-lamp-switcher-row-step, 52px) / 2);bottom:calc(var(--portman-lamp-switcher-row-step, 52px) / 2);left:8px;width:4px;min-height:20px;background:#ffffff26;border-radius:4px;z-index:1}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget.align-left .portman-track-bg{left:auto;right:8px}.hotspot-wrapper.portman-lamp-overview .portman-knob{display:block;position:absolute;top:0;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 16px #fffc;transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:3;pointer-events:none}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget.align-left .portman-knob{left:auto;right:2px}.hotspot-wrapper.portman-lamp-overview .portman-label{font-size:12px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:color .35s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),letter-spacing .45s cubic-bezier(.22,1,.36,1),opacity .35s ease;-webkit-user-select:none;user-select:none;margin:0;padding:0;line-height:1;white-space:nowrap;opacity:.55;transform:translate(0);display:block}.hotspot-wrapper.portman-lamp-overview .portman-label__text{display:inline}.hotspot-wrapper.portman-lamp-overview .portman-state-row:hover .portman-label{color:#fffc}.hotspot-wrapper.portman-lamp-overview .portman-hotspot-item{display:block;position:absolute;width:44px;height:44px;z-index:3;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}.hotspot-wrapper.portman-lamp-overview .portman-hotspot-item *{pointer-events:none}.hotspot-wrapper.portman-lamp-overview .portman-hotspot-item.is-visible{display:block}.hotspot-wrapper.portman-lamp-overview .hotspot:hover,.hotspot-wrapper.portman-lamp-overview .hotspot.is-active{z-index:8}.hotspot-wrapper.portman-lamp-overview .hotspot:after{content:none;display:none}.hotspot-wrapper.portman-lamp-overview .hotspot-dot-outer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .8);box-shadow:0 0 15px #fff6;pointer-events:none}.hotspot-wrapper.portman-lamp-overview .hotspot-dot-inner{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 15px #fff;pointer-events:none}.hotspot-wrapper.portman-lamp-overview .hotspot.is-visited .hotspot-dot-outer{background:#ffffff26;border-color:#ffffff4d;box-shadow:none}.hotspot-wrapper.portman-lamp-overview .hotspot:before{content:"";position:absolute;width:100%;height:100%;background:#fffc;border-radius:50%;z-index:1;pointer-events:none;opacity:0}.hotspot-wrapper.portman-lamp-overview .hotspot.animate-pulse-3x:not(.is-visited):before{animation:portman-lamp-pulse 1.8s ease-out 3 forwards}@keyframes portman-lamp-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.5);opacity:0}}.hotspot-wrapper.portman-lamp-overview .hotspot.is-visited:before{display:none}.hotspot-wrapper.portman-lamp-overview .hotspot:hover .hotspot-dot-outer{transform:translate(-50%,-50%) scale(1.4);background:#ffffff4d;border-color:#fff}.hotspot-wrapper.portman-lamp-overview .hotspot-content h4{margin:0 0 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;line-height:1.35;word-break:normal}.hotspot-wrapper.portman-lamp-overview .hotspot-content p{margin:0;font-size:13px;color:#fff9;line-height:1.5}.hotspot-wrapper.portman-lamp-overview--empty{padding:1.5rem;text-align:center;color:#ffffff8c;background:#000;font-size:.9rem}.hotspot-wrapper.portman-lamp-overview .portman-lamp-overview__placeholder{background:#ffffff0f}.portman-ma-switcher{display:none}.portman-ma-switcher__readout{flex:1 1 auto;min-width:0;min-height:2.85rem;display:grid;place-items:center;padding:0 .5rem;text-align:center}.portman-ma-switcher__state{grid-area:1 / 1;margin:0;max-width:100%;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.98);filter:blur(3px);transition:opacity .32s cubic-bezier(.22,1,.36,1),visibility .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),filter .32s cubic-bezier(.22,1,.36,1)}@keyframes portman-ma-state-in{0%{opacity:0;transform:translateY(10px) scale(.97);filter:blur(4px);letter-spacing:.2em}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:.14em}}@media(prefers-reduced-motion:reduce){.portman-ma-switcher__state{transition:opacity .15s ease,visibility .15s ease;transform:none;filter:none}@keyframes portman-ma-state-in{0%,to{opacity:1;transform:none;filter:none;letter-spacing:.14em}}}.portman-ma-switcher__key{flex:0 0 auto;display:block;width:3.75rem;height:3.75rem;padding:5px;margin:0;border:none;border-radius:13px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(165deg,#1a1a1c,#0e0e10 55%,#08080a);box-shadow:0 6px 16px #000000a6,inset 0 1px #ffffff0d,inset 0 -2px #000000d9;transition:transform .1s ease,box-shadow .1s ease}.portman-ma-switcher__key-cap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:400;letter-spacing:.04em;line-height:1;color:#d1d1d3;text-shadow:none;background:radial-gradient(ellipse 92% 78% at 50% 38%,#48484c,#3a3a3e 42%,#303034),linear-gradient(180deg,#3e3e42,#323236 48%,#2a2a2e);box-shadow:inset 0 1px #ffffff17,inset 0 -3px 6px #00000061,inset 0 0 0 1px #00000038;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.portman-ma-switcher__key:active .portman-ma-switcher__key-cap{transform:translateY(2px);filter:brightness(.92);box-shadow:inset 0 2px 7px #0000008c,inset 0 0 0 1px #00000047}.portman-ma-switcher__key:active{transform:translateY(1px);box-shadow:0 2px 10px #0000008c,inset 0 1px #ffffff08}.portman-ma-switcher__key:focus-visible{outline:2px solid rgb(var(--portman-accent-rgb));outline-offset:3px}.portman-ma-switcher__key:disabled{opacity:.38;cursor:not-allowed;transform:none}.portman-ma-switcher__key:disabled .portman-ma-switcher__key-cap{transform:none}@media screen and (max-width:749px){.hotspot-wrapper.portman-lamp-overview{padding:0 0 32px;margin-top:0;overflow-x:clip}.hotspot-wrapper.portman-lamp-overview .hotspot-container{display:flex;flex-direction:column;overflow-x:clip}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage{width:100%;max-width:100%;left:auto;transform:none;overflow:hidden;min-height:var(--portman-lamp-mobile-stage-min-h, 360px)}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage__zoom{transform:scale(calc(var(--portman-lamp-mobile-zoom-pct, 100) / 100)) translateY(calc(var(--portman-lamp-mobile-shift-y, 0px) / (var(--portman-lamp-mobile-zoom-pct, 100) / 100)));transform-origin:calc(var(--portman-lamp-mobile-focus-x, 50) * 1%) calc(var(--portman-lamp-mobile-focus-y-pct, 50) * 1%)}.hotspot-wrapper.portman-lamp-overview .hotspot-media-stage__zoom.is-zoom-idle{transform:none}.portman-ma-switcher__state-text{display:inline-block;text-transform:uppercase;letter-spacing:.1em;line-height:1.35}.hotspot-wrapper.portman-lamp-overview .portman-hotspot-item{width:44px;height:44px;touch-action:manipulation;z-index:5}.hotspot-wrapper.portman-lamp-overview .hotspot-dot-outer{width:16px;height:16px;border-width:1.5px}.hotspot-wrapper.portman-lamp-overview .hotspot-dot-inner{width:6px;height:6px}.hotspot-wrapper.portman-lamp-overview .hotspot.animate-pulse-3x:not(.is-visited):before{animation-name:portman-lamp-pulse-mobile}@keyframes portman-lamp-pulse-mobile{0%{transform:scale(.7);opacity:.65}to{transform:scale(2.2);opacity:0}}.hotspot-wrapper.portman-lamp-overview .hotspot-content{display:none}.hotspot-wrapper.portman-lamp-overview .portman-ma-switcher{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:12px 0 0;padding:0}.hotspot-wrapper.portman-lamp-overview .portman-slider-widget{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/portman-lamp-overview.css.map */