body{font-size:1.5rem;box-sizing:border-box;position:relative}.light{background-color:#f3f9ff;color:#282c34}.dark{background-color:#282c34;color:#f3f9ff}*,*:before,*:after{box-sizing:inherit}#text{width:100%;field-sizing:content;font-size:1.25rem}.toggle-area{display:flex;column-gap:3%;margin:10px 0}.toggle-area .toggle-button{position:relative;width:75px;height:35px}.toggle-area .toggle-button #comment{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;cursor:pointer}.toggle-area .toggle-button .toggle-label{position:relative;width:75px;height:35px;background-color:#ccc;display:inline-block;border-radius:40px;transition:.5s;box-sizing:border-box}.toggle-area .toggle-button .toggle-label:after{content:"";position:absolute;top:0;left:0;width:35px;height:35px;border-radius:100%;z-index:1;background-color:#fff;box-shadow:0 0 5px #0003;transition:.5s}.toggle-area .toggle-button #comment:checked+.toggle-label{background-color:#4bd865}.toggle-area .toggle-button #comment:checked+.toggle-label:after{left:40px}.toggle-area .toggle-span{line-height:35px}.button-area{display:flex;column-gap:3%;margin:10px 0}.button-area #clip{width:85%;font-size:1.5rem}.button-area #share{width:10%}