#tool-breakpoint,#tool-edit-page{position:fixed;display:block;z-index:1000;bottom:10px;height:35px;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:36px;text-align:center;color:#fff;background:rgba(255,0,0,.3)}@media print{#tool-breakpoint,#tool-edit-page{display:none}}#tool-breakpoint{right:70px;width:35px}#tool-breakpoint:after{content:"?"}@media(min-width: 20em){#tool-breakpoint:after{content:"XXS"}}@media(min-width: 30em){#tool-breakpoint:after{content:"XS"}}@media(min-width: 40em){#tool-breakpoint:after{content:"S"}}@media(min-width: 48em){#tool-breakpoint:after{content:"M"}}@media(min-width: 64em){#tool-breakpoint:after{content:"L"}}@media(min-width: 80em){#tool-breakpoint:after{content:"XL"}}@media(min-width: 90em){#tool-breakpoint:after{content:"XXL"}}#tool-edit-page{right:10px;width:50px;transition:background .15s ease;text-decoration:none}#tool-edit-page:hover{background:rgba(255,0,0,.85);text-decoration:none}body{font-family:Arial,sans-serif}body{font-size:1em;line-height:1.25}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{color:#000;background-color:#fff}img{display:block;width:100%;height:auto}.body-inner{display:flex;flex-direction:column;min-height:100vh}.main-outer{flex:1}.scale-steps{display:flex;flex-wrap:wrap}.scale-step{position:relative;cursor:pointer}.scale-step input{opacity:0;position:absolute;z-index:-1}.scale-step input~span{display:inline-block;margin-right:.35em;margin-bottom:.35em;width:3em;height:3em;line-height:3em;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scale-step input:checked~span{color:#fff;background-color:#1e87f0;border:1px solid rgba(0,0,0,0)}