@charset "utf-8";
#wrap_couple_name{text-align:center; color:var(--f_blur);}
#wrap_couple_name .user_name{color:#fff;}

#wrap_couple_name .txt{
    line-height:160%;
    margin-bottom:2rem;}


#form_couple_name{
    display:flex; flex-wrap:wrap; flex-direction:column;
    justify-content:center; align-items:center;
    position:relative;
    width:100%;}

/* DIV */
[id ^= "couple_name-"]{
    display:flex;flex-wrap:wrap;
    align-items:center;
    position:relative;
    width:75%;
    margin:.8rem auto; padding:10px;
    background:var(--box);
    border-radius:3rem;
    box-shadow:var(--boxShadow);
    font-size:1.375rem;}

/* 색깔 */
[id ^= "couple_name-"] [for ^= "color-"]{
    position:relative;
    display:block; overflow:hidden;
    width:2.5em; aspect-ratio:1/1;
    border-radius:50%;
    box-shadow:0px 0px 1rem rgba(0,0,0,.5);}

[id ^= "couple_name-"] [type="color"]{
    display:block; position:absolute;
    left:-25%;top:-25%;
    width:150%;height:150%;
    background:transparent;
    border:none;border-radius:50px;
    clip-path: circle(40% at 50% 50%);}

/* 이름 */
[id ^= "couple_name-"] [type="text"]{
    display:block;
    width:calc(100% - 2.5em);
    padding:0 1em;
    background:transparent;
    border:none;
    color:#fff;}

/* 버튼 */
#btn_couple_name{margin-top:calc(2 * var(--gap));}