.btd-image {
    height: 100%;
    width: 100%;
}

.btd-icons {
    display: flex;
    align-items: center;
}
.btd-icon {
    width: 24px;
    height: 24px;
}

.btd-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}
.btd-btn:disabled {
    opacity: 0.5;
    cursor: default;
}
.btd-btn:not(:disabled):hover {
    filter: brightness(110%);
}
.btd-btn:not(:disabled):active {
    filter: brightness(90%);
}
.btd-btn > * {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btd-counters {
    display: flex;
}
.btd-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btd-counter .count[data-count="0"] {
    display: none;
}

[btd-slider] {
    min-width: 0;
}
[btd-slider]:not(.slick-initialized):not(.unslick) {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
}
[btd-slider]:not(.slick-initialized):not(.unslick) > * {
    min-width: 100%;
    height: 100%;
}
[btd-slider="many"]:not(.slick-initialized):not(.unslick) > * {
    min-width: auto;
}
[btd-slider] .slick-list {
    height: 100%;
    width: 100%;
}
[btd-slider] .slick-track {
    display: flex;
    height: 100%;
}
[btd-slider].slick-vertical .slick-track {
    flex-direction: column;
    height: auto;
}
[btd-slider] .slick-slide > div {
    display: flex;
    height: 100%;
}
[btd-slider] .slick-arrow {
    cursor: pointer;
}
[btd-slider] .slick-dots button {
    cursor: pointer;
}

.btd-crumb {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 0.5em;
    margin: 0.5rem 0;
}
.btd-crumb-separator {
    margin: 0 0.5rem;
}

.btd-rating {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
}
.btd-rating .inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
}
.btd-rating.stars {
    font-size: 0;
}
.btd-rating.stars .outer {
    font-family: FontAwesome;
    font-size: 1rem;
}
.btd-rating.stars .inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: gold;
    font-size: 1rem;
}

[btd-die] {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

[btd-reveal] {
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
}
[btd-accordion].open > [btd-reveal],
[btd-combobox].open > [btd-reveal],
[btd-foldout].open > [btd-reveal] {
    height: auto;
}

[btd-ctrl] {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}
[btd-accordion].open > [btd-die] [btd-ctrl],
[btd-combobox].open > [btd-die] [btd-ctrl],
[btd-foldout].open > [btd-die] [btd-ctrl] {
    transform: rotate(180deg);
}

[btd-combobox] {
    position: relative;
}
[btd-combobox] > [btd-reveal] {
    position: absolute;
    top: 100%;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
    background-color: white;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 1000;
    min-width: 100%;
    box-shadow: 0px 1px 2px #d6d6d6;
}
[btd-combobox] > [btd-reveal].left {
    left: 0;
}
[btd-combobox] > [btd-reveal].right {
    right: 0;
}

[btd-yamap] {
    width: 100%;
    height: 100%;
}

[btd-popup] {
    display: none;
}
[btd-popup].open {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1500000;
    padding: 5% 5% 10% 5%;
    background-color: #000000c4;
}
[btd-popup] .popup-container,
[btd-popup] .popup__container {
	position: relative;
    padding: 1.75rem 2.5rem 2.625rem 1.75rem;
    border-radius: 15px;
    background: #FFF;
    width: 100%;
    max-width: 460px;
	overflow: hidden;
}
[btd-popup] .popup-head,
[btd-popup] .popup__head {
    display: flex;
    justify-content: space-between;
}
[btd-popup] .close,
[btd-popup] .popup__close {
    position: absolute;
    top: 0;
    right: 0.5em;
    font-size: 2.5rem;
	color: #232425;
	font-weight: 500;
    font-family: Roboto;
	cursor: pointer;
}
[btd-popup] .close:before,
[btd-popup] .popup__close:before {
	content: 'x';
}

[btd-autosize] {
    resize: none;
}