.tab-search-wrapper {
display: flex;
flex-direction: column;
padding: var(--spacer) 0;
padding-bottom: calc(var(--spacer) * 2);
}
.tab-search-wrapper > * + * {
margin-top: var(--spacer);
}
.tab-search-wrapper.hidden {
visibility: hidden;
opacity: 0;
}
@media (max-width: 63rem) {
.tab-search-wrapper {
display: none;
}
}
.modal-search .tab-search-wrapper {
display: flex;
}
@media (max-width: 63rem) {
.modal-search .btn-search {
border: 1px solid var(--black) !important;
padding: calc(var(--spacer) / 2) calc(var(--spacer) / 1);
width: 100%;
border-radius: 30px !important;
justify-content: center;
}
}
.tab-search-menu {
display: flex;
margin-left: calc(var(--spacer) * 2);
}
.tab-search-menu > * + * {
margin-left: calc(var(--spacer) * 2);
}
@media (max-width: 63rem) {
.tab-search-menu > * + * {
margin-left: 0;
}
}
@media (max-width: 63rem) {
.tab-search-menu {
margin-top: calc(var(--spacer) * 4);
margin-bottom: calc(var(--spacer) * 1.5);
display: flex;
justify-content: center;
margin-left: 0;
gap: calc(var(--spacer) * 2);
}
}
.tab-search-menu .tab-search-menu-item {
display: flex;
align-items: center;
font-size: 0.9615384615rem;
z-index: 1;
cursor: pointer;
border-bottom: 3px solid transparent;
}
@media (max-width: 63rem) {
.tab-search-menu .tab-search-menu-item {
flex-direction: column;
}
}
.tab-search-menu .tab-search-menu-item svg {
flex: 1 0 auto;
width: 16px;
fill: var(--red);
margin-right: 2px;
margin-left: -4px;
}
@media (max-width: 63rem) {
.tab-search-menu .tab-search-menu-item svg {
width: 24px;
}
}
.tab-search-menu .tab-search-menu-item.btn-stories svg {
margin-right: 5px;
margin-left: -1px;
}
.tab-search-menu .tab-search-menu-item.btn-experiences svg {
margin-right: 6px;
margin-left: 0;
}
.tab-search-menu .tab-search-menu-item.active {
color: var(--red);
border-bottom: 3px solid var(--red);
}
.tab-search-menu .tab-search-menu-item:focus {
border-bottom: 3px solid var(--red);
}
.tab-search {
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(var(--spacer) / 2);
margin-top: 0;
padding: calc(var(--spacer) / 1) calc(var(--spacer) * 2);
padding-right: calc(var(--spacer) * 1.5);
width: 100%;
background: var(--light-grey);
min-width: 525px;
}
@media (max-width: 63rem) {
.tab-search {
min-width: 320px;
}
}
@media (min-width: 64rem) {
.tab-search {
max-width: 800px;
}
}
@media (max-width: 63rem) {
.tab-search {
flex-direction: column;
width: 100%;
border-radius: 0;
}
}
.tab-search .tab-search-panel {
flex: 1;
display: none;
width: clamp(20rem, 50rem, 100%);
}
.tab-search .tab-search-panel.active {
display: flex;
gap: calc(var(--spacer) / 2);
}
@media (max-width: 63rem) {
.tab-search .tab-search-panel.active {
width: 100%;
flex-direction: column;
padding: 0;
}
}
.tab-search .tab-search-panel > * {
flex: 1;
}
@media (max-width: 63rem) {
.tab-search .tab-search-panel > * {
border-bottom: none;
}
}
@media (max-width: 63rem) {
.tab-search .tab-search-panel > * + * {
border-left: none;
border-top: 1px solid var(--grey);
padding: var(--spacer) 0 !important;
}
}
.tab-search .tab-search-panel .tab-search-select {
font-size: 0.9615384615rem;
}
.tab-search .tab-search-panel .tab-search-select option:disabled {
opacity: 0.8 !important;
}
.rtl .tab-search-menu {
display: flex;
}
.rtl .tab-search-menu > * + * {
margin-left: 0;
margin-right: calc(var(--spacer) * 2);
}
.rtl .tab-search-menu .tab-search-menu-item svg {
margin-left: 2px;
margin-right: -4px;
}
.rtl .tab-search-menu .tab-search-menu-item.btn-stories svg {
margin-left: 5px;
margin-right: -1px;
}
.rtl .tab-search-menu .tab-search-menu-item.btn-experiences svg {
margin-left: 6px;
margin-right: 0;
}