our-medical/dist/lib/style.css

medical image vue component

.frosted-glass[data-v-8f8e987b]{background:#0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);outline:1px solid #4f4f4f;border-radius:3px}.title[data-v-8f8e987b]{font-size:15px;font-weight:700;cursor:pointer;margin:3px 5px;float:left}.list[data-v-8f8e987b]{position:fixed;list-style:none;margin:0;padding:5px 0;z-index:999;color:#efefef}.list li[data-v-8f8e987b]{padding:0 10px;cursor:default}.list li.select[data-v-8f8e987b]{background:#ffffff4d}.list li.disabled[data-v-8f8e987b]{cursor:not-allowed;opacity:.5}.list li[data-v-8f8e987b]:hover{background:#fff3}.frosted-glass[data-v-4e1611c5]{background:#0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);outline:1px solid #4f4f4f;border-radius:3px}.viewport[data-v-4e1611c5]{outline:1px solid #4f4f4f;background:#282828;position:absolute}.viewport-selecter[data-v-4e1611c5]{position:absolute;color:#efefef;z-index:1}.viewport-core-horizontal[data-v-4e1611c5]{top:0;left:0;width:60%;height:100%}.viewport-south-horizontal[data-v-4e1611c5]{top:0;left:60%;width:40%;height:50%}.viewport-north-horizontal[data-v-4e1611c5]{top:50%;left:60%;width:40%;height:50%}.viewport-selecter-core-horizontal[data-v-4e1611c5]{top:6px;right:calc(40% + 6px)}.viewport-selecter-south-horizontal[data-v-4e1611c5]{top:6px;right:6px}.viewport-selecter-north-horizontal[data-v-4e1611c5]{top:calc(50% + 6px);right:6px}.viewport-core-vertical[data-v-4e1611c5]{top:0;left:0;width:100%;height:50%}.viewport-south-vertical[data-v-4e1611c5]{top:50%;left:0;width:50%;height:50%}.viewport-north-vertical[data-v-4e1611c5]{top:50%;left:50%;width:50%;height:50%}.viewport-selecter-core-vertical[data-v-4e1611c5]{top:6px;right:6px}.viewport-selecter-south-vertical[data-v-4e1611c5]{top:calc(50% + 6px);right:calc(50% + 6px)}.viewport-selecter-north-vertical[data-v-4e1611c5]{top:calc(50% + 6px);right:6px}.viewport-full[data-v-4e1611c5]{top:0;left:0;width:100%;height:100%;z-index:1}.viewport-selecter-full[data-v-4e1611c5]{top:6px;right:6px;z-index:2}.icon[data-v-4e1611c5]{cursor:pointer;opacity:.6;margin:3px 5px 0 0}.frosted-glass[data-v-9468a731]{background:#0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);outline:1px solid #4f4f4f;border-radius:3px}.container[data-v-9468a731]{height:100%;width:100%;position:relative}.series-container[data-v-9468a731]{display:grid;height:calc(100% - 30px);width:100%;grid-template-columns:[col1-start] 50% [col2-start] 50% [end];grid-template-rows:[row1-start] 100% [end]}.three-d-container[data-v-9468a731]{outline:1px solid #4f4f4f;position:absolute;top:30px;height:calc(100% - 30px);width:100%;z-index:3}.three-d-viewport[data-v-9468a731]{background:#282828;position:relative;height:100%;width:100%}.loading-point[data-v-9468a731]{background:gold;opacity:0;border-radius:50%;position:absolute;top:calc(50% - 2px);height:4px;width:4px}@keyframes identifier-9468a731{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.loading-point-1[data-v-9468a731]{left:calc(50% - 22px);animation:identifier-9468a731 3s ease-in-out 0s infinite}.loading-point-2[data-v-9468a731]{left:calc(50% - 2px);animation:identifier-9468a731 3s ease-in-out .5s infinite}.loading-point-3[data-v-9468a731]{left:calc(50% + 18px);animation:identifier-9468a731 3s ease-in-out 1s infinite}.three-d-container .exit-btn[data-v-9468a731]{font-size:15px;font-weight:700;color:#efefef;cursor:pointer;padding:3px 5px;position:absolute;right:6px;top:6px}.tools[data-v-9468a731]{height:30px;background:#151515;outline:1px solid #4f4f4f;color:#efefef;width:100%}.icon[data-v-9468a731]{cursor:pointer;opacity:.5;float:right;margin:5px 15px 0 0}.icon-select[data-v-9468a731]{opacity:1}.attention[data-v-9468a731]{cursor:default;height:20px;width:20px;line-height:20px;float:left;font-size:16px;font-weight:bolder;margin:5px 0 0 5px;opacity:.6;text-align:center;color:gold}.attention[data-v-9468a731]:hover{opacity:1}.attention-modal[data-v-9468a731]{display:none;position:absolute;padding:5px 10px;left:1px;top:31px;color:#efefef;outline:1px solid gold;z-index:4}.attention-modal>p[data-v-9468a731]{font-size:12px;font-weight:400;margin:2px 0;text-align:left}.attention:hover>.attention-modal[data-v-9468a731]{display:block}.viewport-container[data-v-9468a731]{height:100%;width:100%;position:relative}.viewport-container-half-left[data-v-9468a731]{grid-area:1/1 / end/2}.viewport-container-half-right[data-v-9468a731]{grid-area:1/2 / end/end}.viewport-container-full[data-v-9468a731]{grid-area:1/1 / end/end}.viewport-container-on[data-v-9468a731]{z-index:2}