| − | <div class="acs-module" style=" max-width: 50em; display: ms-grid display: grid; grid-template-areas: 'top-box' 'bottom-box'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; font-family: 'Helvetica', 'Arial', 'Roboto', 'San Francisco', sans-serif;"><div style=" -ms-grid-row: 1; -ms-grid-column: 1; display: -ms-grid; display: grid; grid-area: top-box; grid-template-areas: 'top-left-box top-center-box top-right-box'; width: 100%; -ms-grid-columns: auto 1fr calc(5vw + 5rem); grid-template-columns: auto 1fr -webkit-calc(5vw + 5rem); grid-template-columns: auto 1fr -moz-calc(5vw + 5rem); grid-template-columns: auto 1fr calc(5vw + 5rem); -ms-grid-rows: 1fr; grid-template-rows: 1fr; font-weight: 600; text-transform: uppercase; justify-items: stretch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 1rem; margin: 0;"><div style=" -ms-grid-row: 1; -ms-grid-column: 1; grid-area: top-left-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><span style=" font-size: -webkit-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) )); font-size: -moz-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) )); font-size: calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) )); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Item#:</span><span style=" font-size: -webkit-calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) )); font-size: -moz-calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) )); font-size: calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));">001-MSTDN</span></div><div style=" -ms-grid-row: 1; -ms-grid-column: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; grid-area: top-center-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin: 0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"><div style=" display: block; background-color: rgb(0,135,189); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: block; background-color: rgb(0,135,189); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(0,135,189); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(0,135,189); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(0,135,189); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(0,135,189); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div></div><div style=" -ms-grid-row: 1; -ms-grid-column: 3; display: -ms-grid; display: grid; grid-area: top-right-box; grid-template-areas: 'level' 'clearance'; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><div style=" -ms-grid-row: 1; -ms-grid-column: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; grid-area: level; font-size: 2.5em; line-height: 0.5;">Level2</div><div style=" -ms-grid-row: 2; -ms-grid-column: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; width: 100%; height: 100%; grid-area: clearance; font-size: -webkit-calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) )); font-size: -moz-calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) )); font-size: calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) )); line-height: 1.5; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><span style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%;">Restricted</span></div></div></div><div style=" -ms-grid-row: 2; -ms-grid-column: 1; display: -ms-grid; display: grid; grid-area: bottom-box; grid-template-areas: 'text-part diamond-part' 'text-part diamond-part'; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 6rem; grid-gap: 0.5rem; width: 100%; height: 6rem; font-weight: 600; -webkit-box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12); -moz-box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12); box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12); -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.25rem 0 0; margin: -0.5rem 0 0;"><div style=" width: 100%; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; display: -ms-grid; display: grid; height: 6rem; grid-area: text-part; grid-template-areas: 'main-class disrupt-class' 'main-class risk-class'; -ms-grid-rows: 1fr 0.25rem 1fr; grid-template-rows: 1fr 1fr; -ms-grid-columns: auto 0.25rem 1fr; grid-template-columns: 3fr 2fr; grid-gap: 0.25rem; text-transform: uppercase; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><div style=" border-left: 0.5rem solid rgba(255,211,0,1); background-color: rgba(255,211,0,0.15); border-width: 1em !important; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; position: relative; grid-area: main-class; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0); box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0); padding: 0 3.5rem 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style=" background-color: rgb(255,211,0); position: absolute; top: -webkit-calc(50% - 2.25rem); top: -moz-calc(50% - 2.25rem); top: calc(50% - 2.25rem); right: 0.5rem; width: 3.53125rem; height: 3.53125rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.25rem solid rgb(12, 12, 12); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;"></span><div style=" width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; line-height: 1; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><div style=" width: 100%; position: relative; font-weight: 500; left: 0; padding: 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Containment Class:</div><div style=" width: 100%; font-size: -webkit-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) )); font-size: -moz-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) )); font-size: calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) )); padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Euclid</div></div></div><div style=" border-left: 0.5rem solid rgba(0,135,189,1); background-color: rgba(0,135,189,0.15); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; line-height: 1; overflow: hidden; -ms-grid-row: 1; -ms-grid-column: 3; grid-area: disrupt-class; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style=" display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: rgb(12, 12, 12); width: 3rem; height: 3rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); border: 0; right: 1rem; text-align: left; font-size: 1em; padding-left: 0.5rem; color: rgb(252, 252, 252); position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;">2</span><div style=" font-size: 0.75em; width: 100%; position: relative; font-weight: 500; left: 0; padding: 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Disruption Class:</div><div style=" font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); width: 100%; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Vlam</div><span style=" background-color: rgb(0,135,189); right: 0.15em; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.25rem solid rgb(12, 12, 12); width: 2.5rem; height: 2.5rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); font-size: 2em; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;"></span></div><div style=" border-left: 0.5rem solid rgba(0,135,189,1); background-color: rgba(0,135,189,0.15); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; line-height: 1; overflow: hidden; -ms-grid-row: 3; -ms-grid-column: 3; grid-area: risk-class; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style=" display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: rgb(12, 12, 12); width: 3rem; height: 3rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); border: 0; right: 1rem; text-align: left; font-size: 1em; padding-left: 0.5rem; color: rgb(252, 252, 252); position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;">2</span><div style=" font-size: 0.75em; width: 100%; position: relative; font-weight: 500; left: 0; padding: 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Risk Class:</div><div style=" font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); width: 100%; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Caution</div><span style=" background-color: rgb(0,135,189); right: 0.15em; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.25rem solid rgb(12, 12, 12); width: 2.5rem; height: 2.5rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); font-size: 2em; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;"></span></div></div><div style=" -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 3; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; grid-area: diamond-part; -webkit-box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12); -moz-box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12); box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12); -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100% 0 0 1rem; margin: 0;"><span style=" position: absolute; top: 0; left: 1em; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; font-size: 1.5em;">[http://ja.scp-wiki.net/anomaly-classification-system-guide Read Guide]</span></div></div></div> | + | <div class="acs-module" style=" max-width: 50em; display: ms-grid display: grid; grid-template-areas: 'top-box' 'bottom-box'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; font-family: 'Helvetica', 'Arial', 'Roboto', 'San Francisco', sans-serif;"><div style=" -ms-grid-row: 1; -ms-grid-column: 1; display: -ms-grid; display: grid; grid-area: top-box; grid-template-areas: 'top-left-box top-center-box top-right-box'; width: 100%; -ms-grid-columns: auto 1fr calc(5vw + 5rem); grid-template-columns: auto 1fr -webkit-calc(5vw + 5rem); grid-template-columns: auto 1fr -moz-calc(5vw + 5rem); grid-template-columns: auto 1fr calc(5vw + 5rem); -ms-grid-rows: 1fr; grid-template-rows: 1fr; font-weight: 600; text-transform: uppercase; justify-items: stretch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 1rem; margin: 0;"><div style=" -ms-grid-row: 1; -ms-grid-column: 1; grid-area: top-left-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><span style=" font-size: -webkit-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) )); font-size: -moz-calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) )); font-size: calc(12px + (20 - 12) * ( (100vw - 300px) / ( 1920 - 960) )); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Item#:</span><span style=" font-size: -webkit-calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) )); font-size: -moz-calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) )); font-size: calc(25px + (50 - 25) * ( (100vw - 300px) / ( 1920 - 300) ));">001-MSTDN</span></div><div style=" -ms-grid-row: 1; -ms-grid-column: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; grid-area: top-center-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin: 0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"><div style=" display: block; background-color: rgb(255,211,0); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: block; background-color: rgb(255,211,0); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: block; background-color: rgb(255,211,0); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(255,211,0); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(255,211,0); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div><div style=" display: none; background-color: rgb(255,211,0); height: 0.5rem; height: 0.5rem; width: 100%; margin: 0.125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;"></div></div><div style=" -ms-grid-row: 1; -ms-grid-column: 3; display: -ms-grid; display: grid; grid-area: top-right-box; grid-template-areas: 'level' 'clearance'; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><div style=" -ms-grid-row: 1; -ms-grid-column: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; grid-area: level; font-size: 2.5em; line-height: 0.5;">Level3</div><div style=" -ms-grid-row: 2; -ms-grid-column: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; width: 100%; height: 100%; grid-area: clearance; font-size: -webkit-calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) )); font-size: -moz-calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) )); font-size: calc(12px + (15 - 12) * ( (100vw - 400px) / ( 1920 - 960) )); line-height: 1.5; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><span style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%;">Confidential</span></div></div></div><div style=" -ms-grid-row: 2; -ms-grid-column: 1; display: -ms-grid; display: grid; grid-area: bottom-box; grid-template-areas: 'text-part diamond-part' 'text-part diamond-part'; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 6rem; grid-gap: 0.5rem; width: 100%; height: 6rem; font-weight: 600; -webkit-box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12); -moz-box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12); box-shadow: 0 -0.5rem 0 0 rgb(12, 12, 12); -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.25rem 0 0; margin: -0.5rem 0 0;"><div style=" width: 100%; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; display: -ms-grid; display: grid; height: 6rem; grid-area: text-part; grid-template-areas: 'main-class disrupt-class' 'main-class risk-class'; -ms-grid-rows: 1fr 0.25rem 1fr; grid-template-rows: 1fr 1fr; -ms-grid-columns: auto 0.25rem 1fr; grid-template-columns: 3fr 2fr; grid-gap: 0.25rem; text-transform: uppercase; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;"><div style=" border-left: 0.5rem solid rgba(255,211,0,1); background-color: rgba(255,211,0,0.15); border-width: 1em !important; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; position: relative; grid-area: main-class; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0); box-shadow: 0.25rem 0 0 0 rgba(0,0,0,0); padding: 0 3.5rem 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style=" background-color: rgb(255,211,0); position: absolute; top: -webkit-calc(50% - 2.25rem); top: -moz-calc(50% - 2.25rem); top: calc(50% - 2.25rem); right: 0.5rem; width: 3.53125rem; height: 3.53125rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.25rem solid rgb(12, 12, 12); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;"></span><div style=" width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; line-height: 1; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><div style=" width: 100%; position: relative; font-weight: 500; left: 0; padding: 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Containment Class:</div><div style=" width: 100%; font-size: -webkit-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) )); font-size: -moz-calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) )); font-size: calc(10px + (18 - 10) * ( (100vw - 400px) / ( 800 - 400) )); padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Euclid</div></div></div><div style=" border-left: 0.5rem solid rgba(0,135,189,1); background-color: rgba(0,135,189,0.15); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; line-height: 1; overflow: hidden; -ms-grid-row: 1; -ms-grid-column: 3; grid-area: disrupt-class; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style=" display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: rgb(12, 12, 12); width: 3rem; height: 3rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); border: 0; right: 1rem; text-align: left; font-size: 1em; padding-left: 0.5rem; color: rgb(252, 252, 252); position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;">2</span><div style=" font-size: 0.75em; width: 100%; position: relative; font-weight: 500; left: 0; padding: 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Disruption Class:</div><div style=" font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); width: 100%; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Vlam</div><span style=" background-color: rgb(0,135,189); right: 0.15em; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.25rem solid rgb(12, 12, 12); width: 2.5rem; height: 2.5rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); font-size: 2em; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;"></span></div><div style=" border-left: 0.5rem solid rgba(0,135,189,1); background-color: rgba(0,135,189,0.15); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; line-height: 1; overflow: hidden; -ms-grid-row: 3; -ms-grid-column: 3; grid-area: risk-class; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style=" display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: rgb(12, 12, 12); width: 3rem; height: 3rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); border: 0; right: 1rem; text-align: left; font-size: 1em; padding-left: 0.5rem; color: rgb(252, 252, 252); position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;">2</span><div style=" font-size: 0.75em; width: 100%; position: relative; font-weight: 500; left: 0; padding: 0 0.125rem; margin: 0 0 0 0.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Risk Class:</div><div style=" font-size: -webkit-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: -moz-calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); font-size: calc( 8px + (12 - 8) * ( (100vw - 400px) / ( 800 - 400) )); width: 100%; padding: 0 0.125rem; margin: 0 0 0 0.25rem; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">Caution</div><span style=" background-color: rgb(0,135,189); right: 0.15em; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.25rem solid rgb(12, 12, 12); width: 2.5rem; height: 2.5rem; top: -webkit-calc(50% - 1.5rem); top: -moz-calc(50% - 1.5rem); top: calc(50% - 1.5rem); font-size: 2em; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center;"></span></div></div><div style=" -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 3; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; grid-area: diamond-part; -webkit-box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12); -moz-box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12); box-shadow: -0.5rem 0 0 0 rgb(12, 12, 12); -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100% 0 0 1rem; margin: 0;"><span style=" position: absolute; top: 0; left: 1em; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; font-size: 1.5em;">[http://ja.scp-wiki.net/anomaly-classification-system-guide Read Guide]</span></div></div></div> |