* {
    touch-action: manipulation;
}

#endurance_frame {
    max-width: 100%;
    position: relative;
    border: 5px solid #000000;
    border-radius: 15px;
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    align-self: start;
    padding: 3px;
    row-gap: 3px;
    column-gap: 8px;
    user-select: none;
}

#endurance_frame_badge {
    max-width: 100%;
    position: relative;
    border: 5px solid #000000;
    border-radius: 15px;
    display: none;
    grid-template-columns: 1fr;
    align-self: start;
    padding: 3px;
    row-gap: 3px;
    column-gap: 8px;
    user-select: none;
}


#endurance_frame_style {
    display: grid;
    justify-items: center;
}

#petit20240903_frame,
#petit20240910_frame,
#petit20240918_frame,
#petit20240927_frame,
#petit20241008_frame,
#petit20241016_frame,
#petit20241023_frame,
#petit20241112_frame,
#petit20241120_frame {
    grid-row: 1/7;
}

#petit202411201_frame {
    grid-row: 1/7;
}


#petit20250204-1_frame, 
#petit20250204-2_frame, 
#petit20250218-2_frame, 
#petit20250305-2_frame, 
#petit20250319-2_frame, 
#petit20250326-2_frame {
    grid-row: 1/7;
}


.category_frame {
    max-width: fit-content;
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    position: relative;
    user-select: none;
}



.stamp_div {
    display: grid;
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    place-items: center;
    user-select: none;
}

.gift_image {
    position: relative;
    width: 100%;
    height: auto;
    user-select: none;
}

.category_total_count {
    position: relative;
    width: 100%;
    height: auto;
    user-select: none;
}

.stamp_image {
    position: absolute;
    z-index: 5;
    /* width: 100%;
    height: 100%; */
    user-select: none;
}

.stamp_count {
    display: none;
    min-width: 20px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    position: absolute;
    z-index: 6;
    top: 0px;
    left: 0px;
    border: 3px solid #25b1d9;
    border-radius: 60px;
    background-color: #25b1d9;
    user-select: none;
}

.stamp_count_sub {
    display: none;
    color: white;
    text-align: center;
    position: absolute;
    z-index: 6;
    top: 0px;
    left: 0px;
    border-radius: 60px;
    background-color: #25b1d9;
    user-select: none;
    min-width: 15px;
    font-size: 10px;
    font-weight: normal;
    border: 2px solid #25b1d9;
}

.stamp_total_count {
    font-size: 15px;
    font-weight: bold;
    color: black;
    text-align: center;
    position: absolute;
    z-index: 6;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:600px) {
    .stamp_count {
        min-width: 10px;
        font-size: 7px;
        font-weight: normal;
        border: 2px solid #25b1d9;
    }

}