Tribes2/t2-model-skinner
1
0
Fork 0
mirror of https://github.com/exogen/t2-model-skinner.git synced 2026-02-26 18:13:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
t2-model-skinner/docs/_next/static/css/481d64a53a5033ec.css.map
Brian Beck 1f588bfe96 Tweak control alignment
2024-08-26 13:29:26 -07:00

1 line
No EOL
21 KiB
Text
Raw Blame History

{"version":3,"sources":["webpack://_N_E/src/styles/global.css","webpack://_N_E/node_modules/rc-slider/assets/index.css"],"names":[],"mappings":"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AEA,eACE,YAAa,CACb,kBAAmB,CACnB,qBAAsB,CACtB,kBAAmB,CACnB,eAAgB,CAChB,mBACF,CAEA,iCACE,cACF,CAEA,kBACE,cAAe,CAGf,QAAS,CACT,eAGF,CAEA,oCARE,YAAa,CACb,kBAAmB,CAGnB,QAAS,CACT,SASF,CANA,kBAGE,OAGF,CAEA,aACE,cAAe,CACf,kBAAmB,CACnB,kBAAmB,CACnB,OAAQ,CACR,eAAgB,CAChB,iBACF,CAEA,+BACE,WACF,CAEA,WACE,YAAa,CACb,mBAAoB,CACpB,kBAAmB,CACnB,6BAA8B,CAC9B,cAAe,CACf,gBAAiB,CACjB,kBACF,CAEA,aACE,aAAc,CACd,yBACF,CAEA,sBACE,UACF,CAEA,SACE,YAAa,CACb,kBAAmB,CACnB,QACF,CAEA,UACE,mBAAoB,CACpB,kBAAmB,CACnB,sBAAuB,CACvB,oBAAqB,CACrB,iBACF,CAEA,yCACE,KACE,qBACF,CAEA,OACE,cACF,CAEA,YACE,eAAgB,CAChB,qBACF,CAEA,UACE,qBAAsB,CACtB,kBACF,CAEA,OACE,4BACF,CAEA,SACE,qBACF,CAEA,aACE,eAAgB,CAChB,gBACF,CAEA,oBACE,kBAAmB,CACnB,mBACF,CAEA,gBACE,YACF,CAEA,aACE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,QACF,CAEA,aACE,YACF,CAEA,+BACE,WACF,CAEA,WACE,YAAa,CACb,iBAAkB,CAClB,eACF,CACF,CAEA,eACE,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAClB,aAAc,CACd,kBAA6B,CAC7B,aACF,CAEA,sBACE,mBAAoB,CACpB,kBAAmB,CACnB,sBAAuB,CACvB,aAAc,CACd,QAAS,CACT,QAAS,CACT,eAAgB,CAChB,cAAe,CACf,aACF,CAEA,+BACE,UACF,CAEA,WACE,cAAe,CACf,eACF,CAEA,gBACE,YAAa,CACb,kBAAmB,CACnB,cAAe,CACf,oBAAqB,CACrB,OAAQ,CACR,aACF,CAEA,qCACE,UAAW,CACX,WAAY,CACZ,SAAU,CACV,QACF,CCviBA,WACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,iBAGF,CACA,wBAHE,qBAAsB,CACtB,yCAKF,CACA,gBAEE,UAAW,CAEX,wBAEF,CACA,iCANE,iBAAkB,CAElB,UAAW,CAEX,iBAOF,CALA,iBAGE,wBAEF,CACA,kBACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,qBAAsB,CACtB,wBAAyB,CACzB,iBAAkB,CAClB,cAAe,CACf,mBAAoB,CACpB,WAAY,CACZ,UAAY,CACZ,kBACF,CACA,+EACE,oBAAqB,CACrB,4BACF,CACA,wBACE,YAAa,CACb,eACF,CACA,gCACE,oBAAqB,CACrB,4BACF,CACA,sCACE,oBAAqB,CACrB,gBACF,CACA,wBACE,oBACF,CACA,yBACE,oBAAqB,CACrB,0BAA2B,CAC3B,uBAAwB,CACxB,eACF,CACA,gBACE,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,UAAW,CACX,cACF,CACA,qBACE,iBAAkB,CAClB,oBAAqB,CACrB,UAAW,CACX,iBAAkB,CAClB,qBAAsB,CACtB,cACF,CACA,4BACE,UACF,CACA,gBACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,sBAAuB,CACvB,mBACF,CACA,eACE,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,qBAAsB,CACtB,wBAAyB,CACzB,iBAAkB,CAClB,cACF,CACA,sBACE,oBACF,CACA,uBACE,iBACF,CACA,oBACE,wBACF,CACA,qCACE,qBACF,CACA,yEAEE,qBAAsB,CACtB,iBAAkB,CAClB,eAAgB,CAChB,kBACF,CACA,4EAEE,4BACF,CACA,oBACE,UAAW,CACX,WAAY,CACZ,aACF,CACA,oCACE,SAAU,CACV,WACF,CACA,qCACE,QAAS,CACT,QAAS,CACT,SACF,CACA,sCACE,YAAa,CACb,gBAAiB,CACjB,kBACF,CACA,oCACE,KAAM,CACN,SAAU,CACV,WACF,CACA,oCACE,SAAU,CACV,WACF,CACA,mCACE,gBACF,CAQA,0GACE,uBAAyB,CACzB,sBAAwB,CACxB,wBAAyB,CACzB,2BACF,CACA,0JAEE,wCAAyC,CACzC,4BACF,CACA,4EACE,yCAA0C,CAC1C,4BACF,CACA,uEAEE,kBAAsB,CACtB,mDACF,CACA,mCACE,yDACF,CACA,qCACE,GACE,kBAAsB,CACtB,yBAA0B,CAC1B,SACF,CACA,GACE,kBAAsB,CACtB,yBACF,CACF,CACA,sCACE,GACE,kBAAsB,CACtB,yBACF,CACA,GACE,kBAAsB,CACtB,yBAA0B,CAC1B,SACF,CACF,CACA,mBACE,iBAAkB,CAClB,WAAY,CACZ,YAAa,CACb,kBAGF,CACA,wCAHE,qBAAsB,CACtB,yCAKF,CACA,0BACE,YACF,CACA,iCACE,iBACF,CACA,yBACE,cAAe,CACf,WAAY,CACZ,eAAgB,CAChB,UAAW,CACX,cAAe,CACf,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,wBAAyB,CACzB,iBAAkB,CAClB,0BACF,CACA,yBACE,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,wBAAyB,CACzB,kBACF,CACA,0DACE,UAAW,CACX,QAAS,CACT,gBAAiB,CACjB,sBAAuB,CACvB,wBACF","file":"static/css/481d64a53a5033ec.css","sourcesContent":["html {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n*,\r\n*:before,\r\n*:after {\r\n box-sizing: inherit;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Roboto, sans-serif;\r\n font-size: 100%;\r\n background-color: #01292e;\r\n background-image: linear-gradient(to bottom, #124044 0%, #001720 100%);\r\n color: rgb(152, 255, 212);\r\n}\r\n\r\nmain {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: stretch;\r\n}\r\n\r\n.Viewport {\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n align-items: stretch;\r\n justify-content: center;\r\n}\r\n\r\n.CanvasInteractions {\r\n flex: 0 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 10px 20px;\r\n}\r\n\r\n.Toolbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n}\r\n\r\nselect {\r\n min-width: 8em;\r\n min-height: 22px;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.CanvasBackgroundColor {\r\n /* display: flex; */\r\n display: none;\r\n align-items: center;\r\n}\r\n\r\n.ColorSwatch {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n}\r\n\r\n.RangeSwatch {\r\n display: inline-block;\r\n width: 12px;\r\n height: 12px;\r\n border: 2px solid rgba(128, 128, 128, 0.7);\r\n border-radius: 6px;\r\n margin: 0 5px;\r\n overflow: hidden;\r\n}\r\n\r\n.RangeSwatch[data-color=\"black\"] {\r\n background: black;\r\n}\r\n\r\n.RangeSwatch[data-color=\"white\"] {\r\n background: white;\r\n}\r\n\r\n.RangeLabels {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.rc-slider {\r\n width: 100%;\r\n}\r\n\r\n.ColorSwatch + label {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid rgba(128, 128, 128, 0.7);\r\n margin-right: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.ColorSwatch + Label .HiddenLabel {\r\n visibility: hidden;\r\n}\r\n\r\n.ColorSwatch[value=\"black\"] + label {\r\n background: black;\r\n}\r\n\r\n.ColorSwatch[value=\"magenta\"] + label {\r\n background: magenta;\r\n}\r\n\r\n.ColorSwatch[value=\"white\"] + label {\r\n background: white;\r\n}\r\n\r\n.ColorSwatch:checked + label {\r\n border: 2px solid rgb(0, 140, 255);\r\n}\r\n\r\n.CanvasInteractions:focus {\r\n outline: none;\r\n}\r\n\r\n.CanvasViewport {\r\n position: relative;\r\n display: grid;\r\n place-content: center;\r\n min-width: 640px;\r\n background: rgba(0, 0, 0, 0.3);\r\n border-radius: 10px;\r\n margin-top: 10px;\r\n}\r\n\r\n.CanvasInteractions:focus .CanvasViewport,\r\n.CanvasInteractions:focus-within .CanvasViewport {\r\n outline: 2px solid rgba(114, 250, 209, 0.5);\r\n}\r\n\r\n.CanvasBackdrop {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n margin: 0 auto;\r\n}\r\n\r\n.CanvasTools {\r\n display: flex;\r\n align-self: stretch;\r\n justify-content: space-between;\r\n}\r\n\r\n.Export {\r\n display: flex;\r\n}\r\n\r\n.Export input[type=\"text\"] {\r\n font-size: 11px;\r\n}\r\n\r\n.Export button {\r\n display: inline-block;\r\n border: 1px solid rgb(49, 87, 226);\r\n border-radius: 3px;\r\n padding: 2px 10px;\r\n background: rgb(20, 105, 241);\r\n color: white;\r\n font-size: 13px;\r\n text-decoration: none;\r\n margin-left: 3px;\r\n}\r\n\r\n.Export select {\r\n width: 6em;\r\n min-width: 6em;\r\n flex: 0 0 auto;\r\n margin-left: 3px;\r\n}\r\n\r\n.SliderContainer {\r\n min-width: 200px;\r\n min-height: 30px;\r\n padding: 2px 10px;\r\n}\r\n\r\n.Buttons {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n width: 100%;\r\n}\r\n\r\n.Buttons select {\r\n flex: 1 0 auto;\r\n}\r\n\r\n.Buttons button {\r\n display: grid;\r\n place-content: center;\r\n flex: 0 0 auto;\r\n border: 1px solid rgb(23, 159, 138);\r\n border-radius: 2px;\r\n width: 28px;\r\n height: 24px;\r\n background: rgb(74, 193, 171);\r\n color: rgb(5, 69, 76);\r\n font-size: 16px;\r\n text-decoration: none;\r\n}\r\n\r\n.Buttons button:hover:not(:disabled),\r\n.Buttons button[data-active] {\r\n background: rgb(99, 255, 226);\r\n}\r\n\r\n.Buttons button:active:not(:disabled) {\r\n transform: translate3d(0, 1px, 0);\r\n}\r\n\r\n.Buttons button:disabled {\r\n opacity: 0.5;\r\n}\r\n\r\n.Buttons button[data-locked],\r\n.Buttons button[data-locked]:hover,\r\n.Buttons button[data-locked]:active {\r\n border-color: rgb(253, 91, 91);\r\n background: rgb(200, 79, 64);\r\n color: white;\r\n}\r\n\r\n.CanvasToggle {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.CanvasToggle button {\r\n display: grid;\r\n place-content: center;\r\n border: 1px solid rgb(23, 159, 138);\r\n border-left-width: 0;\r\n border-radius: 0;\r\n padding: 1px 10px 2px 10px;\r\n background: rgb(89, 156, 161);\r\n color: rgb(26, 68, 73);\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n margin: 0;\r\n}\r\n\r\n.CanvasToggle button:first-child {\r\n border-left-width: 1px;\r\n border-top-left-radius: 4px;\r\n border-bottom-left-radius: 4px;\r\n}\r\n\r\n.CanvasToggle button:last-child {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n}\r\n\r\n.CanvasToggle button[data-selected] {\r\n background: rgb(99, 255, 226);\r\n border-color: rgb(23, 159, 138);\r\n}\r\n\r\n.ModelTools {\r\n display: flex;\r\n flex-wrap: wrap;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 10px 0 10px 10px;\r\n z-index: 2;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 10px;\r\n}\r\n\r\n/* .ModelTools:has(input[type=\"checkbox\"]:checked) {\r\n background-color: #01292e;\r\n background-image: linear-gradient(to bottom, #124044 0%, #001720 100vh);\r\n} */\r\n\r\n.Field {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 4px;\r\n}\r\n\r\n.Field > label,\r\n.Field > div > label {\r\n text-transform: uppercase;\r\n font-size: 11px;\r\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);\r\n opacity: 0.8;\r\n}\r\n\r\n.Field .LabelWithControls {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.BrushToolsPopup {\r\n background: rgba(5, 22, 21, 0.9);\r\n border-radius: 4px;\r\n border: 1px solid rgb(0, 255, 200);\r\n padding: 10px 12px;\r\n user-select: none;\r\n}\r\n\r\n.PopupArrow {\r\n display: none;\r\n}\r\n\r\n.Fields {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.Field label strong {\r\n margin-left: 4px;\r\n color: #d0ffee;\r\n}\r\n\r\n.CanvasContainer {\r\n position: relative;\r\n}\r\n\r\n.CanvasContainer[data-active=\"false\"] {\r\n display: none;\r\n}\r\n\r\n.CanvasSelector {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 0 32px;\r\n transform: translate3d(0, -50%, 0);\r\n z-index: 2;\r\n}\r\n\r\nh6 {\r\n margin: 0;\r\n padding: 0;\r\n font-weight: bold;\r\n font-size: 11px;\r\n}\r\n\r\n.Field.ApplyTo {\r\n display: flex;\r\n flex-direction: row;\r\n align-self: flex-start;\r\n align-items: center;\r\n padding-top: 6px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.Field.ApplyTo input[type=\"radio\"] {\r\n margin: 2px 3px;\r\n}\r\n\r\n.Field.ApplyTo ul {\r\n font-size: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.Field.ApplyTo li {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.SliderField {\r\n font-size: 13px;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 19px;\r\n margin-right: auto;\r\n}\r\n\r\n.SliderField input[type=\"range\"] {\r\n width: 120px;\r\n}\r\n\r\n.AppFooter {\r\n display: flex;\r\n align-self: flex-end;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n line-height: 18px;\r\n margin: auto 0 10px 0;\r\n}\r\n\r\n.AppFooter a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n\r\n.AppFooter .Separator {\r\n opacity: 0.7;\r\n}\r\n\r\n.Sponsor {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5em;\r\n}\r\n\r\n.IconLink {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n margin: 0 12px 0 0;\r\n}\r\n\r\n@media only screen and (max-width: 899px) {\r\n main {\r\n flex-direction: column;\r\n }\r\n\r\n .Field {\r\n padding: 0 10px;\r\n }\r\n\r\n .ModelTools {\r\n position: static;\r\n flex-direction: column;\r\n }\r\n\r\n .Viewport {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n select {\r\n max-width: calc(100vw - 20px);\r\n }\r\n\r\n .Toolbar {\r\n flex-direction: column;\r\n }\r\n\r\n model-viewer {\r\n min-width: 100vw;\r\n min-height: 100vh;\r\n }\r\n\r\n .CanvasInteractions {\r\n align-items: center;\r\n padding-bottom: 50px;\r\n }\r\n\r\n .CanvasViewport {\r\n display: none;\r\n }\r\n\r\n .CanvasTools {\r\n display: none;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .SliderField {\r\n margin-top: 0;\r\n }\r\n\r\n .SliderField input[type=\"range\"] {\r\n width: 152px;\r\n }\r\n\r\n .AppFooter {\r\n display: flex;\r\n align-self: center;\r\n margin-top: 20px;\r\n }\r\n}\r\n\r\n.FrameSelector {\r\n display: flex;\r\n align-items: center;\r\n margin-right: auto;\r\n border-radius: 5px;\r\n padding: 2px 0;\r\n background: rgb(74, 193, 171);\r\n color: rgb(5, 69, 76);\r\n}\r\n\r\n.FrameSelector button {\r\n display: inline-flex;\r\n align-items: center;\r\n background: transparent;\r\n color: inherit;\r\n border: 0;\r\n margin: 0;\r\n padding: 2px 8px;\r\n font-size: 12px;\r\n line-height: 1;\r\n}\r\n\r\n.FrameSelector button:disabled {\r\n opacity: 0.4;\r\n}\r\n\r\n.FrameInfo {\r\n font-size: 12px;\r\n font-weight: 500;\r\n}\r\n\r\n.AnimationSpeed {\r\n display: flex;\r\n align-items: center;\r\n font-size: 11px;\r\n margin: 0 38px 0 16px;\r\n gap: 6px;\r\n color: rgb(122, 183, 165);\r\n}\r\n\r\n.AnimationSpeed input[type=\"checkbox\"] {\r\n width: 12px;\r\n height: 12px;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n",".rc-slider {\n position: relative;\n width: 100%;\n height: 14px;\n padding: 5px 0;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-rail {\n position: absolute;\n width: 100%;\n height: 4px;\n background-color: #e9e9e9;\n border-radius: 6px;\n}\n.rc-slider-track {\n position: absolute;\n height: 4px;\n background-color: #abe2fb;\n border-radius: 6px;\n}\n.rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n margin-top: -5px;\n background-color: #fff;\n border: solid 2px #96dbfa;\n border-radius: 50%;\n cursor: pointer;\n cursor: -webkit-grab;\n cursor: grab;\n opacity: 0.8;\n touch-action: pan-x;\n}\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n}\n.rc-slider-handle:focus {\n outline: none;\n box-shadow: none;\n}\n.rc-slider-handle:focus-visible {\n border-color: #2db7f5;\n box-shadow: 0 0 0 3px #96dbfa;\n}\n.rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: unset;\n}\n.rc-slider-handle:hover {\n border-color: #57c5f7;\n}\n.rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n color: #999;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n}\n.rc-slider-mark-text-active {\n color: #666;\n}\n.rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n pointer-events: none;\n}\n.rc-slider-dot {\n position: absolute;\n bottom: -2px;\n width: 8px;\n height: 8px;\n vertical-align: middle;\n background-color: #fff;\n border: 2px solid #e9e9e9;\n border-radius: 50%;\n cursor: pointer;\n}\n.rc-slider-dot-active {\n border-color: #96dbfa;\n}\n.rc-slider-dot-reverse {\n margin-right: -4px;\n}\n.rc-slider-disabled {\n background-color: #e9e9e9;\n}\n.rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n}\n.rc-slider-disabled .rc-slider-handle,\n.rc-slider-disabled .rc-slider-dot {\n background-color: #fff;\n border-color: #ccc;\n box-shadow: none;\n cursor: not-allowed;\n}\n.rc-slider-disabled .rc-slider-mark-text,\n.rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n}\n.rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.rc-slider-vertical .rc-slider-rail {\n width: 4px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-track {\n bottom: 0;\n left: 5px;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-handle {\n margin-top: 0;\n margin-left: -5px;\n touch-action: pan-y;\n}\n.rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-step {\n width: 4px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-dot {\n margin-left: -2px;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n display: block !important;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-leave {\n display: block !important;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn {\n 0% {\n transform: scale(0, 0);\n transform-origin: 50% 100%;\n opacity: 0;\n }\n 100% {\n transform: scale(1, 1);\n transform-origin: 50% 100%;\n }\n}\n@keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform: scale(1, 1);\n transform-origin: 50% 100%;\n }\n 100% {\n transform: scale(0, 0);\n transform-origin: 50% 100%;\n opacity: 0;\n }\n}\n.rc-slider-tooltip {\n position: absolute;\n top: -9999px;\n left: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip-hidden {\n display: none;\n}\n.rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n}\n.rc-slider-tooltip-inner {\n min-width: 24px;\n height: 24px;\n padding: 6px 2px;\n color: #fff;\n font-size: 12px;\n line-height: 1;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n}\n.rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n}\n"],"sourceRoot":""}
Reference in a new issue View git blame Copy permalink