@import '_mixins';
form.options {
    background: #ccc;
    padding: 10px;
    margin-bottom: 10px;
    input {
        border: none;
        padding: 5px;
        background: #fff;
    }
    select {
        border: none;
        padding: 5px;
        background: #fff;
    }
    div.tags {
        background: none;
        margin: 0;
        padding: 0;
        padding-right: 20px;
        a.tag {
            background: #ddd;
            color: #333;
        }
        a.tag.on {
            background: #333;
            color: #fff;
        }
    }
}

form.search {
    fieldset {
        > input,
        select {
            padding: 20px;
            font-size: 18px;
        }
    }
}

form {
    fieldset {
        legend {
            margin-bottom: 10px;
            padding-top: 5px;
        }
        label {
            padding-top: 10px;
        }
        span {
            display: inline-block;
            padding: 10px;
        }
    }
    > fieldset {
        > fieldset {
            border-bottom: solid 1px rgba(0, 0, 0, 0.2);
            margin-top: 20px;
            padding-top: 20px;
        }
    }
    fieldset#product-images {
        > a {
            margin-right: 10px;
            position: relative;
            @include aspect-ratio(1, 1);
            display: inline-block;
          
            width: 100px;
            height: 100px;
            max-height: 100px;
            max-width: 100px;
            background: #ccc;
            > em {
                @include centerer();
            }

            > img {
                width: 100%;
                height: 100%;

                background-size: cover;
                background-position: center center;
            }
        }
    }
}

fieldset input[type=text],
fieldset input[type=password],
fieldset select,
fieldset textarea {
    position: relative;
    font-family: Verdana;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    color: #333;
    border: none;
    padding: 10px;
    font-size: 14px;
    z-index: 100;
}