@import '../../../styles/definitions/colors';
@import '../../../styles/definitions/variables';

.pageOrderableContainer {
    &_item {
        padding: $orderable-container-padding 0;
        transition: transform 0.1s;
        transition-timing-function: linear;
        
        &--selected {
            border: 3px solid $primary-color;
            border-radius: 8px;
            box-shadow: 4px 6px 8px 0 rgba($deepest-gray, 0.17);
            padding: 15px;
            background: $white;
            transition: transform 0.2s;
            transition-timing-function: ease-out;
            overflow: hidden;
        }
    }
    &_divider {
        height: 5px;
        margin-bottom: 1px;
        position: relative;
        width: 100%;
        background-color: $primary-color;
        visibility: hidden;
        &--selected {
        visibility: visible;
        }
    }
}
