export declare const css = "\n.sdv-error-message-container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n}\n\n.sdv-error-message {\n font-family: \"CircularXXWeb-Book\", sans-serif;\n font-size: x-large;\n filter: invert(100);\n}\n\n.sdv-anchor-container {\n user-select: none;\n cursor: default;\n pointer-events: none;\n overflow: hidden;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0%;\n top: 0%;\n}\n\n.sdv-anchor-inner-container {\n position: absolute;\n white-space: nowrap;\n text-overflow: clip;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sdv-anchor-text {\n user-select: none;\n cursor: default;\n pointer-events: none;\n display: block;\n text-overflow: clip;\n overflow: hidden;\n}\n\n.sdv-anchor-image {\n user-select: none;\n cursor: default;\n pointer-events: none;\n}\n\n.sdv-logo-container {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.sdv-logo {\n position: absolute;\n top: 50%;\n left: 50%;\n max-width: calc(100% - 0.5);\n max-height: calc(100% - 0.5);\n transform: translate(-50%, -50%);\n}\n\n.sdv-spinner-container {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n user-select: none;\n cursor: default;\n pointer-events: none;\n}\n\n.sdv-spinner {\n position: absolute;\n max-width: calc(100% * 0.15);\n max-height: calc(100% * 0.15);\n mix-blend-mode: difference;\n filter: invert(1) grayscale(100%);\n}\n\n.sdv-spinner-top-left {\n left: calc(100% * 0.01);\n top: calc(100% * 0.01);\n float: left;\n}\n\n.sdv-spinner-top-right {\n right: calc(100% * 0.01);\n top: calc(100% * 0.01);\n float: right;\n}\n\n.sdv-spinner-bottom-left {\n left: calc(100% * 0.01);\n bottom: calc(100% * 0.01);\n float: left;\n}\n\n.sdv-spinner-bottom-right {\n right: calc(100% * 0.01);\n bottom: calc(100% * 0.01);\n float: right;\n}\n\n.sdv-spinner-center {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n "; //# sourceMappingURL=viewport-css.d.ts.map