@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

.c-layout-box-svg-display {
    border: solid $selection-border-size transparent;
}

    .c-layout-box-svg-display__inner {
        @include box-shadow-as-border-with-hover-transition(
            $default-animation-enter,
            $hover-color,
            $hover-border-size,
            $selection-border-radius,
            $default-animation-exit
        );
        position: relative;
        border-radius: $selection-border-radius;
        line-height: 0;
    }

        .c-layout-box-svg-display__inner--selected:after {
            @include box-shadow-as-border(
                $accent-a,
                $selection-border-size
            );
            transition: opacity $default-animation-exit, box-shadow $default-animation-exit;
            opacity: 1;
        }

    .c-layout-box-svg-display__svg {
        width: 100%;
        box-shadow: 0 0 1px 2px darken($grey-light, 5%);
    }