/*
Copyright 2019 Adobe
All Rights Reserved.

NOTICE: Adobe permits you to use, modify, and distribute this file in
accordance with the terms of the Adobe license agreement accompanying
it. If you have received this file from a source other than Adobe,
then your use, modification, or distribution of it requires the prior
written permission of Adobe. 
*/
.SampleContainer {
    user-select: none;
    background: lightgray;
}
.SampleRow {
    display: block;
    background: grey;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 8px;
}
.SampleRow.selected {
    height: 50px;
}
.SampleCell {
    /* use presence of display: inline to indicate grid layout */
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0px 16px 16px;
}

@media (max-width: 600px) {
    .SampleCell {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0px 8px 8px;
    }
}
/*
Copyright 2019 Adobe
All Rights Reserved.

NOTICE: Adobe permits you to use, modify, and distribute this file in
accordance with the terms of the Adobe license agreement accompanying
it. If you have received this file from a source other than Adobe,
then your use, modification, or distribution of it requires the prior
written permission of Adobe. 
*/
.ManualSampleContainer {
    user-select: none;
    background: orange;
    z-index: 0;
}
.ManualSampleRow {
    display: block;
    /*
    Rows should always appear beneath cells.
    This is similar to cc-libraries technique with view by group.
    The groups are positioned underneath the cells.
    */
    z-index: -1;
    background: lightblue;
}
.ManualSampleCell {
    /* use presence of display: inline to indicate grid layout */
    border-radius: 4px;
}

.App .Virtualizer {
    background: #fffeb7;
    --column-gap: 20px;
    --row-gap: 10px;
}

.FlowLayout_Comment {
    display: flex;
    flex-direction: row;
    background: #ffb7b9;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
}

.FlowLayout_Comment > textarea {
    flex: 1;
    min-height: 100px;
    font-size: 20px;
}
.FlowLayout_Header {
    display: block;
    background: #b7bdff;
    box-sizing: border-box;
    padding: 4px;
}

.FlowLayout_Icon {
    /* use presence of display: inline to indicate grid layout */
    display: inline-block;
    width: 100px;
}


.App .Virtualizer {
    background: #fffeb7;
}
.Horizontal_Comment {
    display: inline-flex;
    flex-direction: row;
    margin: 8px;
    background: #ffb7b9;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
}

.Horizontal_Comment > textarea {
    flex: 1;
    min-height: 100px;
    font-size: 20px;
}
.Horizontal_Header {
    display: inline-block;
    background: #b7bdff;
    box-sizing: border-box;
    padding: 4px;
}

.Horizontal_Icon {
    /* use presence of display: inline to indicate grid layout */
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 8px;
    box-sizing: border-box;
}


.Container_App .Virtualizer {
    background: #fffeb7;
    --column-gap: 12px;
    --row-gap: 12px;
}
.Container_Comment {
    display: flex;
    flex-direction: row;
    background: #ffb7b9;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
}

.Container_Comment > textarea {
    flex: 1;
    min-height: 100px;
    font-size: 20px;
}
.Container_Header {
    display: block;
    background: #b7bdff;
    box-sizing: border-box;
    padding: 4px;
}

.Container_Icon {
    /* use presence of display: inline to indicate grid layout */
    display: inline-block;
    --column-count-self: auto;
    --optimum-width: 120px;
}

.App .Virtualizer {
    background: #fffeb7;
    --column-gap: 20px;
    --row-gap: 10px;
}

.ColumnLayout_Comment {
    display: flex;
    flex-direction: row;
    background: #ffb7b9;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
}

.ColumnLayout_Comment > textarea {
    flex: 1;
    min-height: 100px;
    font-size: 20px;
}
.ColumnLayout_Header {
    display: block;
    background: #b7bdff;
    box-sizing: border-box;
    padding: 4px;
}

.ColumnLayout_Icon {
    /* use presence of display: inline to indicate grid layout */
    display: inline-block;
    --column-count-self: auto;
    --optimum-width: 120px;
}


/*# sourceMappingURL=/SampleSelector.00195b3c.css.map */