.logo_list {list-style-type: none }.logo_list_li {display: inline-block }input[type=radio] {display: none }.logo_list_lbl {border: 1px solid #fff;padding: 10px;display: block;position: relative;margin: 20px;cursor: pointer }.logo_list_lbl:before {background-color: #fff;color: #fff;content: " ";display: block;border-radius: 50%;border: 1px solid grey;position: absolute;top: -5px;left: -5px;width: 25px;height: 25px;text-align: center;line-height: 28px;transition-duration: .4s;transform: scale(0) }.logo_list_lbl img {width: 100%;transition-duration: .2s;transform-origin: 50% 100%;}.n_i img {height: 52rem;}.screen {display: block;width: 500px;height: 550px;overflow: auto;position: relative;border: 2px solid #b3b3b3;border-radius: 1px;margin: 0 auto;}.screen img {top: 0;width: 100%;height: auto;position: absolute;z-index: 0;margin:0;padding:0;-webkit-transition: bottom 11s;-moz-transition: bottom 11s;-ms-transition: bottom 11s;-o-transition: bottom 11s;transition: top 11s;}:checked + .logo_list_lbl {border-color: #ddd }:checked + .logo_list_lbl:before {content: "✓";background-color: blue;transform: scale(1) }#swatch{background: transparent;display: flex;flex-direction: column;}input[type="color"] {appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none;border: 0;cursor: pointer;height: 3.2em;padding: 0;width: 100%;}::-webkit-color-swatch-wrapper {padding: 0;}::-webkit-color-swatch{border: 0;border-radius: 0;}::-moz-color-swatch, ::-moz-focus-inner{border: 0;}::-moz-focus-inner{padding: 0;}