{"version":3,"sources":["../src/srfc.css"],"names":[],"mappings":"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","file":"srfc.min.css","sourcesContent":["/* Main */\r\n\r\n.srfc-page-body {\r\n  margin: 0;\r\n}\r\n\r\n.srfc-page-body.srfc-active {\r\n  overflow: hidden;\r\n}\r\n\r\n.srfc-page-container {\r\n  max-height: 100vh;\r\n  overflow: auto;\r\n}\r\n\r\n\r\n/* Containter */\r\n\r\n.srfc-container {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  visibility: hidden;\r\n  background-color: transparent;\r\n}\r\n\r\n.srfc-container.srfc-active {\r\n  visibility: visible;\r\n}\r\n\r\n\r\n/* Backdrop */\r\n\r\n.srfc-backdrop-100.srfc-active {\r\n  background-color: rgba(0, 0, 0, .5);\r\n}\r\n\r\n.srfc-backdrop-200.srfc-active {\r\n  background-color: rgba(0, 0, 0, .75);\r\n}\r\n\r\n.srfc-backdrop-300.srfc-active {\r\n  background-color: rgba(0, 0, 0, .9);\r\n}\r\n\r\n.srfc-backdrop-400.srfc-active {\r\n  background-color: rgba(0, 0, 0, 1);\r\n}\r\n\r\n\r\n/* Modal */\r\n\r\n.srfc {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  visibility: hidden;\r\n}\r\n\r\n\r\n.srfc.srfc-active {\r\n  visibility: visible;\r\n}\r\n\r\n\r\n/* Position and Size */\r\n\r\n.srfc-padded {\r\n  top: 48px;\r\n  right: 48px;\r\n  bottom: 48px;\r\n  left: 48px;\r\n}\r\n\r\n.srfc-padded-left {\r\n  left: 48px;\r\n}\r\n\r\n.srfc-padded-right {\r\n  right: 48px;\r\n}\r\n\r\n.srfc-padded-top {\r\n  top: 48px;\r\n}\r\n\r\n.srfc-padded-bottom {\r\n  bottom: 48px;\r\n}\r\n\r\n\r\n.srfc-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  overflow-y: auto; /* ie fix */\r\n}\r\n\r\n.srfc-out-of-wrap {\r\n  z-index: 2;\r\n}\r\n\r\n\r\n.srfc-snap-left {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n\r\n.srfc-snap-right {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.srfc-snap-top {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n}\r\n\r\n.srfc-snap-bottom {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n\r\n.srfc-snap-all {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n\r\n\r\n.srfc-width-small {\r\n  width: 300px;\r\n}\r\n\r\n.srfc-width-medium {\r\n  width: 600px;\r\n}\r\n\r\n.srfc-width-large {\r\n  width: 900px;\r\n}\r\n\r\n.srfc-width-xlarge {\r\n  width: 1200px;\r\n}\r\n\r\n\r\n/* Content */\r\n\r\n.srfc-body {\r\n  overflow-y: auto;\r\n}\r\n\r\n.srfc-body-expand {\r\n  position: relative;\r\n  flex: 1;\r\n}\r\n\r\n.srfc-header {\r\n  display: flex;\r\n}\r\n\r\n.srfc-header-content {\r\n  flex: 1;\r\n}\r\n\r\n.srfc-title {\r\n  margin: 0;\r\n}\r\n\r\n.srfc-p {\r\n  padding: 16px;\r\n}\r\n\r\n.srfc-p-x {\r\n  padding-right: 16px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.srfc-p-t {\r\n  padding-top: 16px;\r\n}\r\n\r\n.srfc-p-b {\r\n  padding-bottom: 16px;\r\n}\r\n\r\n/* Theme */\r\n\r\n.srfc-theme-default {\r\n  background-color: #fff;\r\n}\r\n\r\n.srfc-theme-on-dark {\r\n  color: #fff;\r\n}\r\n\r\n\r\n/* Controls */\r\n\r\n/*\r\n<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M1 13L7 7M13 1L7 7M7 7L1 1M7 7L13 13\" stroke=\"black\" stroke-width=\"2\"/>\r\n</svg>\r\n*/\r\n.srfc-header-x {\r\n  width: 36px;\r\n  height: 36px;\r\n  padding: 0;\r\n  background: none;\r\n  background-image: url(\"data:image/svg+xml; charset=utf8, %3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%2013L7%207M13%201L7%207M7%207L1%201M7%207L13%2013%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A\");\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  border: none;\r\n  opacity: .7;\r\n}\r\n\r\n.srfc-header-x:hover {\r\n  background-color: rgba(0, 0, 0, .05);\r\n  opacity: 1;\r\n}\r\n\r\n.srfc-header > .srfc-header-x {\r\n  margin-top: -8px;\r\n  margin-right: -8px;\r\n  margin-bottom: -8px;\r\n}\r\n\r\n.srfc-x,\r\n.srfc-next,\r\n.srfc-prev {\r\n  position: fixed;\r\n  z-index: 2;\r\n  padding: 0;\r\n  background: none;\r\n  background-color: rgba(0, 0, 0, .1);\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  border: none;\r\n  opacity: .8;\r\n}\r\n\r\n.srfc-x:hover:enabled,\r\n.srfc-next:hover:enabled,\r\n.srfc-prev:hover:enabled  {\r\n  background-color: rgba(0, 0, 0, .15);\r\n  opacity: 1;\r\n}\r\n\r\n.srfc-prev:disabled,\r\n.srfc-next:disabled {\r\n  opacity: .3;\r\n}\r\n\r\n/*\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M1 15L8 8M15 1L8 8M8 8L1 1M8 8L15 15\" stroke=\"white\" stroke-width=\"2\"/>\r\n</svg>\r\n*/\r\n.srfc-x {\r\n  top: 0;\r\n  right: 0;\r\n  width: 48px;\r\n  height: 48px;\r\n  background-image: url(\"data:image/svg+xml; charset=utf8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%2015L8%208M15%201L8%208M8%208L1%201M8%208L15%2015%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E\");\r\n}\r\n\r\n/*\r\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M7 23L17.5 11.5L7 1\" stroke=\"white\" stroke-width=\"2\"/>\r\n</svg>\r\n*/\r\n.srfc-next {\r\n  top: 50%;\r\n  right: 0;\r\n  width: 48px;\r\n  height: 80px;\r\n  margin-top: -40px;\r\n  background-image: url(\"data:image/svg+xml; charset=utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7%2023L17.5%2011.5L7%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E\");\r\n}\r\n\r\n/*\r\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M17.5 23L7 11.5L17.5 1\" stroke=\"white\" stroke-width=\"2\"/>\r\n</svg>\r\n*/\r\n.srfc-prev {\r\n  top: 50%;\r\n  width: 48px;\r\n  height: 80px;\r\n  margin-top: -40px;\r\n  background-image: url(\"data:image/svg+xml; charset=utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.5%2023L7%2011.5L17.5%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E\");\r\n}\r\n\r\n\r\n/* Animations */\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .srfc-container {\r\n    transition: visibility 120ms, background-color 120ms;\r\n  }\r\n  .srfc-scale-fade {\r\n    opacity: 0;\r\n    transition: transform 120ms, opacity 120ms, visibility 120ms;\r\n    transform: scale(.98);\r\n  }\r\n  .srfc.srfc-active .srfc-scale-fade {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .srfc-fade {\r\n    opacity: 0;\r\n    transition: opacity 120ms, visibility 120ms;\r\n  }\r\n  .srfc.srfc-active .srfc-fade {\r\n    opacity: 1;\r\n  }\r\n\r\n  .srfc-slide-left {\r\n    opacity: 0;\r\n    transition: transform 240ms, opacity 240ms, visibility 240ms;\r\n    transform: translate3d(-100%, 0, 0);\r\n  }\r\n  .srfc.srfc-active .srfc-slide-left {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .srfc-slide-right {\r\n    opacity: 0;\r\n    transition: transform 240ms, opacity 240ms, visibility 240ms;\r\n    transform: translate3d(100%, 0, 0);\r\n  }\r\n  .srfc.srfc-active .srfc-slide-right {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .srfc-slide-bottom {\r\n    opacity: 0;\r\n    transition: transform 200ms, opacity 200ms, visibility 200ms;\r\n    transform: translate3d(0, 100%, 0);\r\n  }\r\n  .srfc.srfc-active .srfc-slide-bottom {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .srfc-slide-top {\r\n    opacity: 0;\r\n    transition: transform 200ms, opacity 200ms, visibility 200ms;\r\n    transform: translate3d(0, -100%, 0);\r\n  }\r\n  .srfc.srfc-active .srfc-slide-top {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n\r\n\r\n/* Media */\r\n\r\n.srfc-image {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: auto;\r\n  max-width: 100%;\r\n  height: auto;\r\n  max-height: 100%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.srfc-embed-expand {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.srfc-embed-expand iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.srfc-embed-fit {\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.srfc-embed-fit iframe {\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n}\r\n\r\n\r\n/* Utils */\r\n\r\n.srfc-pass,\r\n.srfc-embed-fit,\r\n.srfc {\r\n  /* stylelint-disable-next-line declaration-no-important */\r\n  pointer-events: none !important;\r\n}\r\n\r\n.srfc-pass > *,\r\n.srfc > *,\r\n.srfc-embed-fit > * {\r\n  pointer-events: initial;\r\n}\r\n"]}