@charset 'utf-8';
/* CSS Document */
.canvas-wrapper{
width:600px;
margin:0 auto;
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 600px;
}
.tab-label {
       color: #fa7598;
        background: #fff;
        padding: 10px 5px;
        order:-1;
        width: 120px;
        margin: 0 5px 5px 0px;
        border: 1px solid #fa7598;
        text-align: center;
        line-height: 1.6;
        border-radius: 12px;
        box-shadow: 2px 3px 3px #ffe6ed;

}
    
.tab-content {
    width: 100%;
    display: none;
}
.tab-switch:checked+.tab-label {
    background:#fa7598;
    color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
.tab-switch {
    display: none;
}

.tab-label:hover{
    background:#fa7598;
    color:#fff;
    transition: 1s;
   }