@import(once) '/apps/catalog/clientlibs/clientlib-base/css/variables.less';@import '/apps/catalog/clientlibs/clientlib-base/css/mixins-text.less';.wiki-component{background-color:var(--wikibeer-bg-color);color:var(--banner-content-fg-color);&.bg-primary{--wikibeer-fg-color:var(--primary-color-fg);--wikibeer-bg-color:var(--primary-color-bg)}
&.bg-secondary{--wikibeer-fg-color:var(--secondary-color-fg);--wikibeer-bg-color:var(--secondary-color-bg)}
&.bg-tertiary{--wikibeer-fg-color:var(--tertiary-color-fg);--wikibeer-bg-color:var(--tertiary-color-bg)}
&__container{padding:0 0 48px;display:flex;flex-direction:column;@media(min-width:@bp-sm){gap:64px}
}
&__top{padding:40px 0 27px;display:flex;flex-direction:column;gap:16.5px;@media(min-width:@bp-sm){gap:30px;padding:40px 0 50px}
}
&__bottom{display:flex;justify-content:center;width:100%}
&__not-found{flex-direction:column;gap:16px;justify-content:center;align-items:center;padding:22px 32px 32px}
&__not-found__subtitle{.mixin-hdr-overline--large();font-weight:700;color:@neutral-600}
&__not-found__title{max-width:674px;.mixin-hdr-headline-h1--mobile();color:@neutral-600;text-align:center;@media(min-width:@bp-sm){.mixin-hdr-headline-h1--desktop()}
}
&__heading{display:flex;justify-content:space-between;flex-direction:column;gap:27px;@media(min-width:@bp-sm){flex-direction:row-reverse}
}
&__heading-inner{display:flex;align-items:center;justify-content:left;@media(min-width:@bp-sm){justify-content:center}
h1,h2,h3,h4,h5,h6,p{.mixin-hdr-headline-h3--desktop()}
}
&__search-input{padding:16px 8px 16px 16px;border:1px solid @neutral-400;border-radius:4px;width:100%;.mixin-hdr-body--medium();color:@neutral-800;@media(min-width:@bp-sm){width:328px}
&::placeholder{.mixin-hdr-body--medium();color:@neutral-800}
}
&__search-icon{position:relative;&::before{position:absolute;top:2px;right:16px;color:@neutral-800;font-size:19px}
}
ul{display:flex;gap:15.5px;@media(min-width:@bp-sm){justify-content:space-between;width:100%;gap:unset}
}
&__tags{overflow:scroll;@media(min-width:@bp-sm){overflow:auto}
}
&__tags-list{width:fit-content}
&__tag-item{width:40px;height:40px;border:1px solid @neutral-200;border-radius:200px;padding:4px 8px;background-color:@white;color:@neutral-900;display:flex;justify-content:center;align-items:center;.mixin-hdr-body--medium--bold();font-family:@primary-font;@media(min-width:@bp-sm){width:38px;height:38px}
&.active{background-color:#da291c;color:@white}
&.empty{background-color:@neutral-200;color:@neutral-500}
}
&__cards{display:flex;flex-direction:column;gap:32px;width:100%}
details{gap:32px;border-bottom:1px solid #a9a9a9;cursor:pointer;.mixin-hdr-body--large()}
summary{list-style-type:none;margin-bottom:32px;.mixin-hdr-headline-h5--desktop();@media(min-width:@bp-sm){position:relative}
}
&__icon{&::before{position:absolute;right:18px;transition:transform 1s ease;color:@black}
}
details[open]{padding-bottom:35px;>summary{color:#DA291C;.wiki-component__icon::before{transform:rotate(180deg);color:@black}
}
}
}