photo-sphere-viewer
Version:
A JavaScript library to display Photo Sphere panoramas
1 lines • 18.2 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","index.scss"],"names":[],"mappings":"AAAA;;;;;GAAA;ACAA;EACE,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,kBAAkB;EAClB,mHAAmH;EACnH,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;AACT;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,UAAU;EACV,wCAAgC;EAAhC,gCAAgC;AAClC;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,kBAAkB;EAClB,4BAA4B;EAC5B,YAAY;EACZ,aAAa;EACb,8BAA8B;AAChC;AACA;EACE,WAAW;EACX,qBAAqB;EACrB,YAAY;EACZ,sBAAsB;AACxB;AACA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;AACd;AACA;EACE,qBAAqB;AACvB;;AAEA;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,kBAAkB;EAClB,WAAW;EACX,aAAa;EACb,OAAO;EACP,WAAW;EACX,YAAY;EACZ,iCAAiC;EACjC,2CAAmC;EAAnC,mCAAmC;AACrC;AACA;EACE,SAAS;AACX;AACA;EACE,+BAAuB;UAAvB,uBAAuB;AACzB;;AAEA;EACE,mBAAc;MAAd,kBAAc;UAAd,cAAc;EACd,+BAA+B;EAC/B,gBAAgB;EAChB,kBAAkB;AACpB;AACA;EACE,YAAY;EACZ,WAAW;EACX,eAAe;AACjB;AACA;EACE,8BAA8B;AAChC;AACA;EACE,qBAAqB;EACrB,aAAa;EACb,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,mBAAc;MAAd,kBAAc;UAAd,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,YAAY;EACZ,WAAW;EACX,uBAAuB;EACvB,+BAA+B;AACjC;AACA;EACE,oCAAoC;AACtC;AACA;EACE,oBAAoB;EACpB,YAAY;AACd;AACA;EACE,WAAW;EACX,2BAAmB;UAAnB,mBAAmB;EACnB,gDAAgC;EAAhC,wCAAgC;EAAhC,gCAAgC;EAAhC,8DAAgC;AAClC;;AAEA;EACE,0BAA0B;EAC1B,oBAAoB;AACtB;;AAEA;EACE,6BAAqB;UAArB,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,cAAc;EACd,gBAAgB;EAChB,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,WAAW;EACX,oCAAoC;EACpC,iCAAyB;EAAzB,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,WAAW;EACX,oCAAoC;EACpC,2BAAmB;UAAnB,mBAAmB;EACnB,+CAA+B;EAA/B,uCAA+B;EAA/B,+BAA+B;EAA/B,4DAA+B;AACjC;AACA;EACE,oDAA4C;UAA5C,4CAA4C;AAC9C;AACA;EACE,6BAAqB;UAArB,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,8BAAsB;UAAtB,sBAAsB;EACtB,WAAW;EACX,cAAc;EACd,UAAU;EACV,4CAAoC;EAApC,oCAAoC;EACpC,+CAAuC;UAAvC,uCAAuC;EACvC,kCAA0B;UAA1B,0BAA0B;AAC5B;AACA;EACE,eAAe;EACf,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB;EAClB,qBAAqB;EACrB,yBAAyB;AAC3B;AACA;EACE,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,4BAAsB;EAAtB,6BAAsB;MAAtB,0BAAsB;UAAtB,sBAAsB;EACtB,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,MAAM;EACN,OAAO;EACP,SAAS;EACT,QAAQ;EACR,mHAAmH;EACnH,YAAY;EACZ,YAAY;AACd;AACA;EACE,kBAAkB;AACpB;AACA;EACE,WAAW;AACb;AACA;EACE;IACE,WAAW;EACb;AACF;AACA;EACE,qBAAqB;EACrB,kBAAkB;AACpB;AACA;EACE,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,YAAY;EACZ,4BAA4B;EAC5B,iCAAiC;EACjC,0CAAkC;UAAlC,kCAAkC;EAClC,UAAU;EACV,uDAAuC;EAAvC,+CAAuC;EAAvC,uCAAuC;EAAvC,0DAAuC;EACvC,+CAAuC;UAAvC,uCAAuC;EACvC,iCAAyB;UAAzB,yBAAyB;EACzB,eAAe;EACf,gBAAgB;AAClB;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,WAAW;EACX,YAAY;EACZ,8BAA8B;AAChC;AACA;EACE,WAAW;EACX,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,WAAW;EACX,sBAAsB;EACtB,oCAA4B;EAA5B,4BAA4B;EAC5B,2DAA2C;EAA3C,mDAA2C;EAA3C,2CAA2C;EAA3C,8DAA2C;AAC7C;AACA;EACE,gCAAwB;UAAxB,wBAAwB;AAC1B;AACA;EACE,iCAAyB;UAAzB,yBAAyB;AAC3B;AACA;EACE,OAAO;EACP,WAAW;AACb;AACA;EACE,iCAAyB;UAAzB,yBAAyB;AAC3B;AACA;EACE,gCAAwB;UAAxB,wBAAwB;AAC1B;AACA;EACE,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,UAAU;EACV,UAAU;EACV,YAAY;EACZ,oCAAoC;EACpC,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,mBAAmB;EACnB,UAAU;EACV,WAAW;EACX,oqBAA4pB;UAA5pB,4pBAA4pB;EAC5pB,uBAAuB;AACzB;AACA;EACE,WAAW;EACX,YAAY;EACZ,8BAAsB;UAAtB,sBAAsB;EACtB,yBAAyB;EACzB,qBAAqB;EACrB,cAAc;AAChB;AACA;EACE,YAAY;AACd;AACA;EACE,yBAAiB;KAAjB,sBAAiB;MAAjB,qBAAiB;UAAjB,iBAAiB;EACjB,oBAAoB;AACtB;AACA;EACE,uCAA+B;UAA/B,+BAA+B;EAC/B,UAAU;EACV,iCAAyB;UAAzB,yBAAyB;AAC3B;AACA;;EAEE,cAAc;AAChB;AACA;EACE;IACE,WAAW;IACX,eAAe;EACjB;EACA;IACE,aAAa;EACf;EACA;IACE,OAAO;EACT;AACF;;AAEA;EACE,YAAY;EACZ,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,4BAAsB;EAAtB,6BAAsB;MAAtB,0BAAsB;UAAtB,sBAAsB;AACxB;AACA;EACE,mBAAU;MAAV,cAAU;UAAV,UAAU;EACV,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,qBAAqB;EACrB,iBAAiB;AACnB;AACA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,mBAAO;MAAP,WAAO;UAAP,OAAO;EACP,gBAAgB;EAChB,SAAS;EACT,UAAU;EACV,kBAAkB;AACpB;AACA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;EACf,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,uBAA2B;MAA3B,oBAA2B;UAA3B,2BAA2B;EAC3B,+CAAuC;EAAvC,uCAAuC;AACzC;AACA;EACE,+BAA+B;EAC/B,oBAAoB;AACtB;AACA;EACE,mBAAU;MAAV,cAAU;UAAV,UAAU;EACV,aAAa;EACb,YAAY;EACZ,mBAAmB;AACrB;AACA;EACE,eAAe;EACf,gBAAgB;AAClB;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;EAC1B,oBAAoB;AACtB;AACA;EACE,oCAAoC;AACtC;AACA;EACE,oCAAoC;AACtC;AACA;EACE,uBAAuB;AACzB;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,8BAAsB;UAAtB,sBAAsB;EACtB,gBAAgB;EAChB,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB;EAClB,UAAU;EACV,uDAAuC;EAAvC,+CAAuC;EAAvC,uCAAuC;EAAvC,0DAAuC;EACvC,+CAAuC;UAAvC,uCAAuC;EACvC,kCAA0B;UAA1B,0BAA0B;AAC5B;AACA;EACE,yBAAyB;EACzB,qBAAqB;EACrB,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,6BAA6B;AAC/B;AACA;EACE,yCAAiC;UAAjC,iCAAiC;AACnC;AACA;EACE,uCAAuC;AACzC;AACA;EACE,0CAAkC;UAAlC,kCAAkC;AACpC;AACA;EACE,0CAA0C;AAC5C;AACA;EACE,yCAAiC;UAAjC,iCAAiC;AACnC;AACA;EACE,wCAAwC;AAC1C;AACA;EACE,0CAAkC;UAAlC,kCAAkC;AACpC;AACA;EACE,yCAAyC;AAC3C;AACA;EACE,qDAA6C;UAA7C,6CAA6C;AAC/C;AACA;EACE,kDAA0C;UAA1C,0CAA0C;AAC5C;AACA;EACE,oDAA4C;UAA5C,4CAA4C;AAC9C;AACA;EACE,oDAA4C;UAA5C,4CAA4C;AAC9C;AACA;EACE,iDAAyC;UAAzC,yCAAyC;AAC3C;AACA;EACE,mDAA2C;UAA3C,2CAA2C;AAC7C;AACA;EACE,kDAA0C;UAA1C,0CAA0C;AAC5C;AACA;EACE,iDAAyC;UAAzC,yCAAyC;AAC3C;AACA;EACE,uCAA+B;UAA/B,+BAA+B;EAC/B,UAAU;EACV,kCAA0B;UAA1B,0BAA0B;AAC5B","file":"photo-sphere-viewer.css","sourcesContent":[null,".psv-container {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n position: relative;\n background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);\n overflow: hidden;\n}\n\n.psv-container--fullscreen {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n.psv-canvas-container {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n transition: opacity linear 100ms;\n}\n\n.psv-canvas {\n display: block;\n}\n\n.psv-loader-container {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 80;\n}\n\n.psv-loader {\n position: relative;\n text-align: center;\n color: rgba(61, 61, 61, 0.7);\n width: 150px;\n height: 150px;\n border: 10px solid transparent;\n}\n.psv-loader::before {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n.psv-loader, .psv-loader-image, .psv-loader-text {\n display: inline-block;\n vertical-align: middle;\n}\n.psv-loader-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.psv-loader-text {\n font: 14px sans-serif;\n}\n\n.psv-navbar {\n display: flex;\n position: absolute;\n z-index: 90;\n bottom: -40px;\n left: 0;\n width: 100%;\n height: 40px;\n background: rgba(61, 61, 61, 0.5);\n transition: bottom ease-in-out 0.1s;\n}\n.psv-navbar--open {\n bottom: 0;\n}\n.psv-navbar, .psv-navbar * {\n box-sizing: content-box;\n}\n\n.psv-caption {\n flex: 1 1 100%;\n color: rgba(255, 255, 255, 0.7);\n overflow: hidden;\n text-align: center;\n}\n.psv-caption-icon {\n height: 20px;\n width: 20px;\n cursor: pointer;\n}\n.psv-caption-icon * {\n fill: rgba(255, 255, 255, 0.7);\n}\n.psv-caption-content {\n display: inline-block;\n padding: 10px;\n font: 16px sans-serif;\n white-space: nowrap;\n}\n\n.psv-button {\n flex: 0 0 auto;\n padding: 10px;\n position: relative;\n cursor: pointer;\n height: 20px;\n width: 20px;\n background: transparent;\n color: rgba(255, 255, 255, 0.7);\n}\n.psv-button--active {\n background: rgba(255, 255, 255, 0.2);\n}\n.psv-button--disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n.psv-button-svg {\n width: 100%;\n transform: scale(1);\n transition: transform 200ms ease;\n}\n\n.psv-button:not(.psv-button--disabled):focus-visible {\n outline: 2px solid #007cff;\n outline-offset: -2px;\n}\n\n.psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg {\n transform: scale(1.2);\n}\n\n.psv-move-button + .psv-move-button {\n margin-left: -10px;\n}\n\n.psv-custom-button {\n width: auto;\n}\n\n.psv-autorotate-button.psv-button {\n width: 25px;\n height: 25px;\n padding: 7.5px;\n}\n\n.psv-zoom-range.psv-button {\n width: 80px;\n height: 1px;\n margin: 10px 0;\n padding: 9.5px 0;\n max-width: 600px;\n}\n.psv-zoom-range-line {\n position: relative;\n width: 80px;\n height: 1px;\n background: rgba(255, 255, 255, 0.7);\n transition: all 0.3s ease;\n}\n.psv-zoom-range-handle {\n position: absolute;\n border-radius: 50%;\n top: -3px;\n width: 7px;\n height: 7px;\n background: rgba(255, 255, 255, 0.7);\n transform: scale(1);\n transition: transform 0.3s ease;\n}\n.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line {\n box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);\n}\n.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle {\n transform: scale(1.3);\n}\n\n.psv-notification {\n position: absolute;\n z-index: 100;\n bottom: -40px;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n width: 100%;\n padding: 0 2em;\n opacity: 0;\n transition-property: opacity, bottom;\n transition-timing-function: ease-in-out;\n transition-duration: 200ms;\n}\n.psv-notification-content {\n max-width: 50em;\n background-color: rgba(61, 61, 61, 0.8);\n border-radius: 4px;\n padding: 0.5em 1em;\n font: 14px sans-serif;\n color: rgb(255, 255, 255);\n}\n.psv-notification--visible {\n opacity: 100;\n bottom: 80px;\n}\n\n.psv-overlay {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 110;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);\n color: black;\n opacity: 0.8;\n}\n.psv-overlay-image {\n margin-bottom: 4vh;\n}\n.psv-overlay-image svg {\n width: 50vw;\n}\n@media (orientation: landscape) {\n .psv-overlay-image svg {\n width: 25vw;\n }\n}\n.psv-overlay-text {\n font: 30px sans-serif;\n text-align: center;\n}\n.psv-overlay-subtext {\n font: 20px sans-serif;\n opacity: 0.8;\n text-align: center;\n}\n\n.psv-panel {\n position: absolute;\n z-index: 90;\n right: 0;\n height: 100%;\n width: 400px;\n max-width: calc(100% - 24px);\n background: rgba(10, 10, 10, 0.7);\n transform: translate3d(100%, 0, 0);\n opacity: 0;\n transition-property: opacity, transform;\n transition-timing-function: ease-in-out;\n transition-duration: 0.1s;\n cursor: default;\n margin-left: 9px;\n}\n.psv--has-navbar .psv-panel {\n height: calc(100% - 40px);\n}\n.psv-panel-close-button {\n display: none;\n position: absolute;\n top: 0;\n left: -24px;\n width: 24px;\n height: 24px;\n background: rgba(0, 0, 0, 0.9);\n}\n.psv-panel-close-button::before, .psv-panel-close-button::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 4px;\n width: 15px;\n height: 1px;\n background-color: #fff;\n transition: 0.2s ease-in-out;\n transition-property: width, left, transform;\n}\n.psv-panel-close-button::before {\n transform: rotate(45deg);\n}\n.psv-panel-close-button::after {\n transform: rotate(-45deg);\n}\n.psv-panel-close-button:hover::before, .psv-panel-close-button:hover::after {\n left: 0;\n width: 23px;\n}\n.psv-panel-close-button:hover::before {\n transform: rotate(135deg);\n}\n.psv-panel-close-button:hover::after {\n transform: rotate(45deg);\n}\n.psv-panel-resizer {\n display: none;\n position: absolute;\n top: 0;\n left: -9px;\n width: 9px;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n cursor: col-resize;\n}\n.psv-panel-resizer::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 1px;\n margin-top: -14.5px;\n width: 1px;\n height: 1px;\n box-shadow: 1px 0 #fff, 3px 0px #fff, 5px 0px #fff, 1px 2px #fff, 3px 2px #fff, 5px 2px #fff, 1px 4px #fff, 3px 4px #fff, 5px 4px #fff, 1px 6px #fff, 3px 6px #fff, 5px 6px #fff, 1px 8px #fff, 3px 8px #fff, 5px 8px #fff, 1px 10px #fff, 3px 10px #fff, 5px 10px #fff, 1px 12px #fff, 3px 12px #fff, 5px 12px #fff, 1px 14px #fff, 3px 14px #fff, 5px 14px #fff, 1px 16px #fff, 3px 16px #fff, 5px 16px #fff, 1px 18px #fff, 3px 18px #fff, 5px 18px #fff, 1px 20px #fff, 3px 20px #fff, 5px 20px #fff, 1px 22px #fff, 3px 22px #fff, 5px 22px #fff, 1px 24px #fff, 3px 24px #fff, 5px 24px #fff, 1px 26px #fff, 3px 26px #fff, 5px 26px #fff, 1px 28px #fff, 3px 28px #fff, 5px 28px #fff;\n background: transparent;\n}\n.psv-panel-content {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n color: rgb(220, 220, 220);\n font: 16px sans-serif;\n overflow: auto;\n}\n.psv-panel-content:not(.psv-panel-content--no-margin) {\n padding: 1em;\n}\n.psv-panel-content--no-interaction {\n user-select: none;\n pointer-events: none;\n}\n.psv-panel--open {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n transition-duration: 0.2s;\n}\n.psv-panel--open .psv-panel-close-button,\n.psv-panel--open .psv-panel-resizer {\n display: block;\n}\n@media screen and (max-width: 400px) {\n .psv-panel {\n width: 100%;\n max-width: none;\n }\n .psv-panel-resizer {\n display: none;\n }\n .psv-panel-close-button {\n left: 0;\n }\n}\n\n.psv-panel-menu {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.psv-panel-menu-title {\n flex: none;\n display: flex;\n align-items: center;\n font: 24px sans-serif;\n margin: 24px 12px;\n}\n.psv-panel-menu-title svg {\n width: 24px;\n height: 24px;\n margin-right: 12px;\n}\n.psv-panel-menu-list {\n flex: 1;\n list-style: none;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n}\n.psv-panel-menu-item {\n min-height: 1.5em;\n padding: 0.5em 1em;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n transition: background 0.1s ease-in-out;\n}\n.psv-panel-menu-item--active {\n outline: 1px solid currentcolor;\n outline-offset: -1px;\n}\n.psv-panel-menu-item-icon {\n flex: none;\n height: 1.5em;\n width: 1.5em;\n margin-right: 0.5em;\n}\n.psv-panel-menu-item-icon img {\n max-width: 100%;\n max-height: 100%;\n}\n.psv-panel-menu-item-icon svg {\n width: 100%;\n height: 100%;\n}\n.psv-panel-menu-item:focus-visible {\n outline: 2px solid #007cff;\n outline-offset: -2px;\n}\n.psv-panel-menu--stripped .psv-panel-menu-item:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd), .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd)::before {\n background: rgba(255, 255, 255, 0.1);\n}\n.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even), .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even)::before {\n background: transparent;\n}\n\n.psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n\n.psv-tooltip {\n position: absolute;\n z-index: 50;\n box-sizing: border-box;\n max-width: 200px;\n background-color: rgba(61, 61, 61, 0.8);\n border-radius: 4px;\n padding: 0.5em 1em;\n opacity: 0;\n transition-property: opacity, transform;\n transition-timing-function: ease-in-out;\n transition-duration: 100ms;\n}\n.psv-tooltip-content {\n color: rgb(255, 255, 255);\n font: 14px sans-serif;\n text-shadow: 0 1px #000;\n}\n.psv-tooltip-arrow {\n position: absolute;\n height: 0;\n width: 0;\n border: 7px solid transparent;\n}\n.psv-tooltip--top-left, .psv-tooltip--top-center, .psv-tooltip--top-right {\n transform: translate3d(0, 5px, 0);\n}\n.psv-tooltip--top-left .psv-tooltip-arrow, .psv-tooltip--top-center .psv-tooltip-arrow, .psv-tooltip--top-right .psv-tooltip-arrow {\n border-top-color: rgba(61, 61, 61, 0.8);\n}\n.psv-tooltip--bottom-left, .psv-tooltip--bottom-center, .psv-tooltip--bottom-right {\n transform: translate3d(0, -5px, 0);\n}\n.psv-tooltip--bottom-left .psv-tooltip-arrow, .psv-tooltip--bottom-center .psv-tooltip-arrow, .psv-tooltip--bottom-right .psv-tooltip-arrow {\n border-bottom-color: rgba(61, 61, 61, 0.8);\n}\n.psv-tooltip--left-top, .psv-tooltip--center-left, .psv-tooltip--left-bottom {\n transform: translate3d(5px, 0, 0);\n}\n.psv-tooltip--left-top .psv-tooltip-arrow, .psv-tooltip--center-left .psv-tooltip-arrow, .psv-tooltip--left-bottom .psv-tooltip-arrow {\n border-left-color: rgba(61, 61, 61, 0.8);\n}\n.psv-tooltip--right-top, .psv-tooltip--center-right, .psv-tooltip--right-bottom {\n transform: translate3d(-5px, 0, 0);\n}\n.psv-tooltip--right-top .psv-tooltip-arrow, .psv-tooltip--center-right .psv-tooltip-arrow, .psv-tooltip--right-bottom .psv-tooltip-arrow {\n border-right-color: rgba(61, 61, 61, 0.8);\n}\n.psv-tooltip--left-top, .psv-tooltip--top-left {\n box-shadow: -3px -3px 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--top-center {\n box-shadow: 0 -3px 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--right-top, .psv-tooltip--top-right {\n box-shadow: 3px -3px 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--left-bottom, .psv-tooltip--bottom-left {\n box-shadow: -3px 3px 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--bottom-center {\n box-shadow: 0 3px 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--right-bottom, .psv-tooltip--bottom-right {\n box-shadow: 3px 3px 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--center-left {\n box-shadow: -3px 0 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--center-right {\n box-shadow: 3px 0 0 rgba(90, 90, 90, 0.7);\n}\n.psv-tooltip--visible {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n transition-duration: 100ms;\n}"]}