:root{--spacing-m5: 0.3125rem;--spacing-m4: 0.4322610462rem;--spacing-m3: 0.6112171194rem;--spacing-m2: 0.8642610068rem;--spacing-m1: 1.2220650636rem;--spacing-0: 1.728rem;--spacing-p1: 2.443392rem;--spacing-p2: 3.454956288rem;--spacing-side: var(--spacing-m1)}.view--default{--spacing-m5: 0.3125rem;--spacing-m4: 0.4322610462rem;--spacing-m3: 0.6112171194rem;--spacing-m2: 0.8642610068rem;--spacing-m1: 1.2220650636rem;--spacing-0: 1.728rem;--spacing-p1: 2.443392rem;--spacing-p2: 3.454956288rem;font-size:var(--font-size-0)}@media screen and (min-width: 30rem){:root{--spacing-m5: 0.3125rem;--spacing-m4: 0.419832rem;--spacing-m3: 0.629748rem;--spacing-m2: 0.944622rem;--spacing-m1: 1.416933rem;--spacing-0: 2.1253995rem;--spacing-p1: 3.18809925rem;--spacing-p2: 4.782148875rem;--spacing-side: var(--spacing-0)}}.view--medium{--spacing-m5: 0.3125rem;--spacing-m4: 0.419832rem;--spacing-m3: 0.629748rem;--spacing-m2: 0.944622rem;--spacing-m1: 1.416933rem;--spacing-0: 2.1253995rem;--spacing-p1: 3.18809925rem;--spacing-p2: 4.782148875rem;font-size:var(--font-size-0)}@media screen and (min-width: 60rem){:root{--spacing-m5: 0.3125rem;--spacing-m4: 0.4318066406rem;--spacing-m3: 0.690890625rem;--spacing-m2: 1.105425rem;--spacing-m1: 1.76868rem;--spacing-0: 2.829888rem;--spacing-p1: 4.5278208rem;--spacing-p2: 7.24451328rem;--spacing-side: var(--spacing-0)}}.view--wide{--spacing-m5: 0.3125rem;--spacing-m4: 0.4318066406rem;--spacing-m3: 0.690890625rem;--spacing-m2: 1.105425rem;--spacing-m1: 1.76868rem;--spacing-0: 2.829888rem;--spacing-p1: 4.5278208rem;--spacing-p2: 7.24451328rem;font-size:var(--font-size-0)}.sample-spacing{border-color:#000;display:flex}.sample-spacing--vertical{flex-direction:row}.sample-spacing--vertical>div{border-top:3px solid;border-right:none;border-bottom:3px solid;border-left:none;width:2rem}.sample-spacing--vertical>div::before{text-align:center;display:block;padding-left:0 !important}.sample-spacing--vertical>div::after{content:"" !important}.sample-spacing--horizontal{flex-direction:column}.sample-spacing--horizontal>div{border-top:none;border-right:3px solid;border-bottom:none;border-left:3px solid;height:2rem}.sample-spacing--horizontal>div::before,.sample-spacing--horizontal>div::after{line-height:2rem}.sample-spacing--horizontal>div::before{padding-right:.6rem}.sample-spacing--m5{height:calc(var(--spacing-m5) + 6px);width:calc(var(--spacing-m5) + 6px)}.sample-spacing--m5::before{content:"-5";padding-left:calc(var(--spacing-m5) + 3px + .3rem);padding-top:calc(var(--spacing-m5) + 3px + .3rem)}.sample-spacing--m4{height:calc(var(--spacing-m4) + 6px);width:calc(var(--spacing-m4) + 6px)}.sample-spacing--m4::before{content:"-4";padding-left:calc(var(--spacing-m4) + 3px + .3rem);padding-top:calc(var(--spacing-m4) + 3px + .3rem)}.sample-spacing--m3{height:calc(var(--spacing-m3) + 6px);width:calc(var(--spacing-m3) + 6px)}.sample-spacing--m3::before{content:"-3";padding-left:calc(var(--spacing-m3) + 3px + .3rem);padding-top:calc(var(--spacing-m3) + 3px + .3rem)}.sample-spacing--m2{height:calc(var(--spacing-m2) + 6px);width:calc(var(--spacing-m2) + 6px)}.sample-spacing--m2::before{content:"-2";padding-left:calc(var(--spacing-m2) + 3px + .3rem);padding-top:calc(var(--spacing-m2) + 3px + .3rem)}.sample-spacing--m1{height:calc(var(--spacing-m1) + 6px);width:calc(var(--spacing-m1) + 6px)}.sample-spacing--m1::before{content:"-1";padding-left:calc(var(--spacing-m1) + 3px + .3rem);padding-top:calc(var(--spacing-m1) + 3px + .3rem)}.sample-spacing--0{height:calc(var(--spacing-0) + 6px);width:calc(var(--spacing-0) + 6px)}.sample-spacing--0::before{content:"0";padding-left:calc(var(--spacing-0) + 3px + .3rem);padding-top:calc(var(--spacing-0) + 3px + .3rem)}.sample-spacing--p1{height:calc(var(--spacing-p1) + 6px);width:calc(var(--spacing-p1) + 6px)}.sample-spacing--p1::before{content:"1";padding-left:calc(var(--spacing-p1) + 3px + .3rem);padding-top:calc(var(--spacing-p1) + 3px + .3rem)}.sample-spacing--p2{height:calc(var(--spacing-p2) + 6px);width:calc(var(--spacing-p2) + 6px)}.sample-spacing--p2::before{content:"2";padding-left:calc(var(--spacing-p2) + 3px + .3rem);padding-top:calc(var(--spacing-p2) + 3px + .3rem)}.sample-spacing--0{border-bottom-color:red !important;border-right-color:red !important;position:relative}.sample-spacing--0::before{color:red !important}.view--default .sample-spacing--m5{white-space:nowrap}.view--default .sample-spacing--m5::before,.view--default .sample-spacing--m5::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--m5::after{content:"0.313rem ~ 5px"}.view--default .sample-spacing--m4{white-space:nowrap}.view--default .sample-spacing--m4::before,.view--default .sample-spacing--m4::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--m4::after{content:"0.432rem ~ 7px"}.view--default .sample-spacing--m3{white-space:nowrap}.view--default .sample-spacing--m3::before,.view--default .sample-spacing--m3::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--m3::after{content:"0.611rem ~ 10px"}.view--default .sample-spacing--m2{white-space:nowrap}.view--default .sample-spacing--m2::before,.view--default .sample-spacing--m2::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--m2::after{content:"0.864rem ~ 14px"}.view--default .sample-spacing--m1{white-space:nowrap}.view--default .sample-spacing--m1::before,.view--default .sample-spacing--m1::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--m1::after{content:"1.222rem ~ 20px"}.view--default .sample-spacing--0{white-space:nowrap}.view--default .sample-spacing--0::before,.view--default .sample-spacing--0::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--0::after{content:"1.728rem ~ 28px"}.view--default .sample-spacing--p1{white-space:nowrap}.view--default .sample-spacing--p1::before,.view--default .sample-spacing--p1::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--p1::after{content:"2.443rem ~ 39px"}.view--default .sample-spacing--p2{white-space:nowrap}.view--default .sample-spacing--p2::before,.view--default .sample-spacing--p2::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--default .sample-spacing--p2::after{content:"3.455rem ~ 55px"}.view--medium .sample-spacing--m5{white-space:nowrap}.view--medium .sample-spacing--m5::before,.view--medium .sample-spacing--m5::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--m5::after{content:"0.313rem ~ 5px"}.view--medium .sample-spacing--m4{white-space:nowrap}.view--medium .sample-spacing--m4::before,.view--medium .sample-spacing--m4::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--m4::after{content:"0.42rem ~ 7px"}.view--medium .sample-spacing--m3{white-space:nowrap}.view--medium .sample-spacing--m3::before,.view--medium .sample-spacing--m3::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--m3::after{content:"0.63rem ~ 10px"}.view--medium .sample-spacing--m2{white-space:nowrap}.view--medium .sample-spacing--m2::before,.view--medium .sample-spacing--m2::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--m2::after{content:"0.945rem ~ 15px"}.view--medium .sample-spacing--m1{white-space:nowrap}.view--medium .sample-spacing--m1::before,.view--medium .sample-spacing--m1::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--m1::after{content:"1.417rem ~ 23px"}.view--medium .sample-spacing--0{white-space:nowrap}.view--medium .sample-spacing--0::before,.view--medium .sample-spacing--0::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--0::after{content:"2.125rem ~ 34px"}.view--medium .sample-spacing--p1{white-space:nowrap}.view--medium .sample-spacing--p1::before,.view--medium .sample-spacing--p1::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--p1::after{content:"3.188rem ~ 51px"}.view--medium .sample-spacing--p2{white-space:nowrap}.view--medium .sample-spacing--p2::before,.view--medium .sample-spacing--p2::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--medium .sample-spacing--p2::after{content:"4.782rem ~ 77px"}.view--wide .sample-spacing--m5{white-space:nowrap}.view--wide .sample-spacing--m5::before,.view--wide .sample-spacing--m5::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--m5::after{content:"0.313rem ~ 5px"}.view--wide .sample-spacing--m4{white-space:nowrap}.view--wide .sample-spacing--m4::before,.view--wide .sample-spacing--m4::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--m4::after{content:"0.432rem ~ 7px"}.view--wide .sample-spacing--m3{white-space:nowrap}.view--wide .sample-spacing--m3::before,.view--wide .sample-spacing--m3::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--m3::after{content:"0.691rem ~ 11px"}.view--wide .sample-spacing--m2{white-space:nowrap}.view--wide .sample-spacing--m2::before,.view--wide .sample-spacing--m2::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--m2::after{content:"1.105rem ~ 18px"}.view--wide .sample-spacing--m1{white-space:nowrap}.view--wide .sample-spacing--m1::before,.view--wide .sample-spacing--m1::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--m1::after{content:"1.769rem ~ 28px"}.view--wide .sample-spacing--0{white-space:nowrap}.view--wide .sample-spacing--0::before,.view--wide .sample-spacing--0::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--0::after{content:"2.83rem ~ 45px"}.view--wide .sample-spacing--p1{white-space:nowrap}.view--wide .sample-spacing--p1::before,.view--wide .sample-spacing--p1::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--p1::after{content:"4.528rem ~ 72px"}.view--wide .sample-spacing--p2{white-space:nowrap}.view--wide .sample-spacing--p2::before,.view--wide .sample-spacing--p2::after{font-size:.8rem;color:#b2b2b2;font-family:"Courier New"}.view--wide .sample-spacing--p2::after{content:"7.245rem ~ 116px"}/*# sourceMappingURL=atom-spacing.css.map */
