OverlayScrollbars/website/v1/frameworks/react/static/css/main.957e9a21.chunk.css.map

{"version":3,"sources":["index.css","App.css"],"names":[],"mappings":"AAAA,UACE,QAAS,CACT,SAAU,CACV,sBAAuB,CACvB,cAAe,CACf,aAAc,CACd,qBACF,CACA,EACE,kBACF,CCVA,KACE,eACF,CACA,QACE,kBAAmB,CAEnB,6DAAqE,CACrE,6DAA6D,CAA7D,qDAA6D,CAC7D,QAAS,CACT,UAAW,CACX,mBAAqB,CACrB,sCAA6C,CAC7C,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CACjB,sBAAuB,CACvB,kBAAmB,CACnB,WAAY,CACZ,uFAAiG,CACjG,iBAAkB,CAClB,SACF,CACA,aACE,iBAAkB,CAElB,aAAc,CACd,YAAc,CACd,eAAgB,CAChB,cAAe,CACf,aAAgB,CAChB,sCACF,CACA,2BACE,aAAc,CACd,eACF,CACA,wBACE,aACF,CACA,4BACE,aACF,CACA,0BACE,aAAc,CACd,eACF,CACA,SACE,6BAA8B,CAC9B,iBAAkB,CAClB,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CACjB,cACF,CACA,iBACE,iBAAkB,CAClB,cAAiB,CACjB,eAAgB,CAChB,SAAU,CACV,eACF,CACA,4BACE,WACF,CACA,+CAEE,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UACF,CACA,mCACE,kBACF,CAKA,oHACE,eACF,CACA,+EAEE,kBACF,CAKA,oJAEE,8BAAuB,CAAvB,sBACF,CACA,sGAEE,KACF,CACA,8CACE,SACF,CACA,6CACE,YACF,CACA,wCACE,KACF,CACA,kDACE,QACF,CACA,yCACE,mBACF,CACA,uCACE,sBACF,CACA,wCACE,eAAiB,CACjB,cAAe,CACf,oBAAiB,CAAjB,gBAAiB,CACjB,qBAAsB,CACtB,wBACF,CACA,2DACE,oBAAqB,CACrB,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,qBACF,CACA,uBACE,kBACF,CACA,0BACE,iBAAkB,CAClB,cAAe,CACf,aAAc,CACd,aACF,CACA,6BACE,eAAgB,CAChB,aACF,CACA,gCACE,WACF,CACA,gCACE,gBACF,CACA,4CACE,gBAAiB,CACjB,eAAiB,CACjB,kBACF,CACA,iDACE,YACF,CACA,gDACE,eAAgB,CAChB,aAAc,CACd,eACF,CACA,yBACE,aAAc,CACd,aACF,CACA,6EAEE,wBAAyB,CACzB,WAAY,CACZ,gBAAiB,CACjB,qBAA2B,CAC3B,iBAAkB,CAClB,YAAa,CACb,gBACF,CACA,wGAEE,wBAAyB,CACzB,UAAW,CACX,WAAY,CACZ,gBACF,CACA,wCACE,oBAAqB,CACrB,eAAgB,CAChB,kBAAmB,CACnB,aAAgB,CAChB,UAAW,CACX,2BAA6B,CAC7B,wBAAyB,CACzB,cAAe,CACf,2CAAgD,CAChD,aACF,CACA,iCACE,aAAc,CACd,aACF,CACA,WACE,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,wBAAyB,CACzB,eAAiB,CACjB,cACF,CACA,EACE,oBAAqB,CACrB,oBAAqB,CACrB,iBAAkB,CAClB,aAAc,CACd,4CAAwC,CAAxC,oCAAwC,CACxC,qCAA4C,CAC5C,aAAgB,CAChB,eAAgB,CAChB,sBAAwB,CACxB,cAAe,CACf,SACF,CACA,QACE,UAAW,CACX,qCACF,CACA,SACE,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,QAAS,CACT,MAAO,CACP,SAAU,CACV,UAAW,CACX,sBAAuB,CACvB,UAAW,CACX,gCAAiC,CACjC,8DAA4D,CAA5D,sDACF,CACA,eACE,WAAY,CACZ,kBAAmB,CACnB,+BACF,CACA,SACE,aAAc,CACd,aACF,CACA,OACE,cAAe,CACf,gBAAiB,CACjB,sBAAuB,CACvB,eAAiB,CACjB,aAAc,CACd,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,cAAe,CACf,iFAAiF,CAAjF,yEAAiF,CACjF,cAAiB,CACjB,aAAc,CACd,UAAW,CACX,UAAW,CACX,iBAAkB,CAClB,0BAA+B,CAC/B,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CACjB,cAAe,CACf,sBACF,CACA,aACE,UAAW,CACX,kBAAmB,CACnB,oBAAqB,CACrB,8CACF,CACA,cACE,+CACF,CACA,iBACE,UAAW,CACX,kBAAmB,CACnB,qCACF,CAJA,YACE,UAAW,CACX,kBAAmB,CACnB,qCACF,CACA,IACE,0BAA2B,CACvB,wBAAyB,CAEpB,qBAAsB,CACnB,oBAAqB,CACb,gBAAiB,CACrC,mBACF,CACA,SACE,yHAAmF,CACnF,mBACF,CACA,gBACE,6GAAuE,CACvE,mBACF,CACA,wBACE,0BACF","file":"main.957e9a21.chunk.css","sourcesContent":["html, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: sans-serif;\r\n  font-size: 11pt;\r\n  color: #31485B;\r\n  box-sizing: border-box;\r\n}\r\n* {\r\n  box-sizing: inherit;\r\n}",".App {\r\n  min-width: 600px;\r\n}\r\n.header {\r\n  background: #36befd;\r\n  background: -moz-linear-gradient(-45deg, #36befd 1%, #6461f6 100%);\r\n  background: -webkit-linear-gradient(-45deg, #36befd 1%, #6461f6 100%);\r\n  background: linear-gradient(135deg, #36befd 1%, #6461f6 100%);\r\n  margin: 0;\r\n  color: #fff;\r\n  letter-spacing: 0.1pt;\r\n  text-shadow: 0px 1px 3px rgba(0, 0, 255, 0.1);\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-wrap: nowrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 76px;\r\n  box-shadow: 0 15px 20px -15px rgba(57, 120, 253, 0.15), 0 55px 50px -35px rgba(47, 78, 249, 0.12);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.header code {\r\n  border-radius: 4px;\r\n  margin: 2px;\r\n  display: block;\r\n  padding: 0.5em;\r\n  background: #fff;\r\n  font-size: 10pt;\r\n  margin: 0px auto;\r\n  box-shadow: 0px 1px 3px rgba(0, 0, 255, 0.15);\r\n}\r\n.header code .code-keyword {\r\n  color: #0059FF;\r\n  font-weight: bold;\r\n}\r\n.header code .code-char {\r\n  color: #4D4D4C;\r\n}\r\n.header code .code-variable {\r\n  color: #3778AD;\r\n}\r\n.header code .code-string {\r\n  color: #279737;\r\n  font-weight: 400;\r\n}\r\n.content { \r\n  min-height: calc(100vh - 76px);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-flow: column;\r\n  flex-wrap: wrap;\r\n}\r\n.content-section {\r\n  position: relative;\r\n  padding: 40px 0px;\r\n  background: #fff;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n}\r\n.content-section:last-child {\r\n  flex-grow: 1;\r\n}\r\n.content-section:before,\r\n.content-section:after {\r\n  content: '';\r\n  display: block;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: -1;\r\n}\r\n.content-section:nth-child(2n - 1) {\r\n  background: #f6f8fb;\r\n}\r\n.content-section:nth-child(2n - 1):before,\r\n.content-section:nth-child(2n - 1):after {\r\n  background: #fff;\r\n}\r\n.content-section:nth-child(2n + 0) {\r\n  background: #fff;\r\n}\r\n.content-section:nth-child(2n + 0):before,\r\n.content-section:nth-child(2n + 0):after {\r\n  background: #f6f8fb;\r\n}\r\n.content-section.skew:before,\r\n.content-section.skew:after {\r\n  transform: skewY(-7deg);\r\n}\r\n.content-section.skew + .content-section:before,\r\n.content-section.skew + .content-section:after {\r\n  transform: skewY(-7deg);\r\n}\r\n.content-section skew + .content-section.skew:before,\r\n.content-section.skew + .content-section.skew:before {\r\n  top: 0;\r\n}\r\n.content-section + .content-section.skew:before {\r\n  top: -50vw;\r\n}\r\n.content-section.skew + .content-section:after {\r\n  bottom: -50vw;\r\n}\r\n.content-section + .content-section:after {\r\n  top: 0;\r\n}\r\n.content-section.skew + .content-section.skew:after {\r\n  bottom: 0;\r\n}\r\n.content-section.skew:first-child:before {\r\n  top: -50vw !important;\r\n}\r\n.content-section.skew:last-child:after {\r\n  bottom: -50vw !important;\r\n}\r\n.content-section-content-framework > span {\r\n  font-weight: bold;\r\n  font-size: 30pt;\r\n  user-select: none;\r\n  -moz-user-select: none;\r\n  -webkit-user-select: none;\r\n}\r\n.content-section-content-framework > span:not(:nth-child(2)) {\r\n  display: inline-block;\r\n  color: transparent;\r\n  height: 190px;\r\n  width: 190px;\r\n  vertical-align:middle; \r\n}\r\n.content-section-title {\r\n  margin-bottom: 14px;\r\n}\r\n.content-section-title > h2{\r\n  text-align: center;\r\n  font-size: 26pt;\r\n  color: #39547A;\r\n  margin: 24px 0px;\r\n}\r\n.content-section-title > table{\r\n  text-align: left;\r\n  margin: 0px auto;\r\n}\r\n.content-section-title > table tr {\r\n  margin: 10px;\r\n}\r\n.content-section-title > table td {\r\n  line-height: 18pt;\r\n}\r\n.content-section-title > table td:first-child {\r\n  text-align: right;\r\n  font-weight: bold;\r\n  vertical-align: top;\r\n}\r\n.content-section-title > table td:first-child span{\r\n  margin: 0px 6px;\r\n}\r\n.content-section-title > table td:last-child span {\r\n  text-align: left;\r\n  color: #36befd;\r\n  font-weight: bold;\r\n}\r\n.content-section-content {\r\n  display: table;\r\n  margin: 0px auto;\r\n}\r\n.content-section-content .os-host,\r\n.content-section-content .os-host-textarea {\r\n  border: 2px solid #36befd;\r\n  width: 480px;\r\n  max-height: 300px;\r\n  margin: 10px auto 20px auto;\r\n  border-radius: 6px;\r\n  padding: 10px;\r\n  line-height: 16pt;\r\n}\r\n.content-section-content > .os-host .os-host,\r\n.content-section-content > .os-host-textarea .os-host-textarea {\r\n  border: 2px solid #6461f6;\r\n  width: auto;\r\n  height: auto;\r\n  margin: 10px auto;\r\n}\r\n.content-section-content .bonus-content {\r\n  display: inline-block;\r\n  white-space: pre;\r\n  background: #f0f3f6;\r\n  padding: 0px 5px;\r\n  margin: 2px;\r\n  border-radius: 4px !important;\r\n  border: 1px solid #DDE3ED;\r\n  font-size: 10pt;\r\n  font-family: \"Lucida Console\", Monaco, monospace;\r\n  color: #39547A;\r\n}\r\n.content-section-content-buttons {\r\n  display: table;\r\n  margin: 0px auto;\r\n}\r\n.info-span {\r\n  background: #F7F7F7;\r\n  padding: 2px 5px;\r\n  margin: 2px;\r\n  white-space: nowrap;\r\n  border-radius: 4px;\r\n  border: 1px solid #DEDFE0;\r\n  font-weight: bold;\r\n  font-size: 10pt;\r\n}\r\na {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n  position: relative;\r\n  color: #36befd;\r\n  transition: color 0.3s, text-shadow 0.3s;\r\n  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);\r\n  padding: 0px 1px;\r\n  font-weight: 600;\r\n  outline: none !important;\r\n  cursor: pointer;\r\n  z-index: 0;\r\n}\r\na:hover {\r\n  color: #fff;\r\n  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);\r\n}\r\na:before {\r\n  content: '';\r\n  position: absolute;\r\n  display: block;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 0%;\r\n  width: 100%;\r\n  background: transparent;\r\n  z-index: -1;\r\n  border-bottom: 1px dotted #36befd;\r\n  transition: height 0.3s, border 0.3s, background-color 0.15s;\r\n}\r\na:hover:before {\r\n  height: 100%;\r\n  background: #36befd;\r\n  border-bottom: 1px solid #36befd;\r\n}\r\n.buttons {\r\n  display: table;\r\n  margin: 0px auto;\r\n}\r\nbutton {\r\n  font-size: 10pt;\r\n  line-height: 28pt;\r\n  font-family: sans-serif;\r\n  font-weight: bold;\r\n  color: #555E6B;\r\n  line-height: 40px;\r\n  border: 1px solid #D6D6D6;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;\r\n  padding: 0px 14px;\r\n  display: block;\r\n  float: left;\r\n  margin: 5px;\r\n  text-align: center;\r\n  background: rgba(0, 0, 0, 0.02);\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  min-width: 80px;\r\n  outline: none !important;\r\n}\r\nbutton:hover {\r\n  color: #fff;\r\n  background: #6461f6;\r\n  border-color: #6461f6;\r\n  box-shadow: 0 4px 8px -1px rgba(170, 170, 170, 0.45);\r\n}\r\nbutton:active {\r\n  box-shadow: inset 0 4px 9px -1px rgba(0, 0, 0, 0.15);\r\n}\r\n::selection {\r\n  color: #fff;\r\n  background: #6461f6;\r\n  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.28);\r\n}\r\nimg {\r\n  -webkit-touch-callout: none;\r\n      -webkit-user-select: none;\r\n       -khtml-user-select: none;\r\n           -moz-user-select: none;\r\n              -ms-user-select: none;\r\n                      user-select: none;\r\n  pointer-events: none;\r\n}\r\n.os-logo {\r\n  background: transparent url(\"assets/overlayscrollbars.svg\") no-repeat center center;\r\n  background-size: 80%;\r\n}\r\n.framework-logo {\r\n  background: transparent url(\"assets/react.svg\") no-repeat center center;\r\n  background-size: 80%;\r\n}\r\n.custom-class-name-test {\r\n  background: rgba(0, 0, 0, 0.03);\r\n}"]}