@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/wp-content/plugins/bonusify/assets/fonts/roboto-v47-cyrillic_latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/wp-content/plugins/bonusify/assets/fonts/roboto-v47-cyrillic_latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/wp-content/plugins/bonusify/assets/fonts/roboto-v47-cyrillic_latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:url(/wp-content/plugins/bonusify/assets/fonts/roboto-v47-cyrillic_latin-900.woff2) format("woff2")}:root{--width-container:1246px;--color-primary:#151515;--color-secondary:#7f8c8d;--color-invert:#fff;--color-active:#01c954;--color-bonuse-item:#eff5fc;--bonusify-chip-color-blue:#347dea;--bonusify-chip-color-red:#ff2b27;--bonusify-chip-color-green:#04bb4a;--bonusify-chip-color-purple:#8653eb;--bonusify-chip-color-yellow:#ff9a27}.main{color:var(--color-primary);display:flex;flex-direction:column;flex-grow:1;font-family:Roboto,sans-serif;font-size:14px;gap:22px;height:auto;line-height:1.1;margin:0 auto;padding:30px 16px;width:100%;*,:after,:before{box-sizing:border-box}a{color:inherit;text-decoration:none}& .main__section{flex-grow:1;gap:28px}& .main__content,& .main__section{display:flex;flex-direction:column}& .main__content{gap:20px}}@media screen and (min-width:768px){.main{gap:18px;max-width:var(--width-container);padding:30px 22px}}@media screen and (min-width:1024px){.main{padding:40px 38px;& .main__section{flex-direction:row;gap:40px}& .main__content{flex-grow:1;gap:16px;padding:20px 0 14px}}}.bonuses{display:flex;flex-direction:column;gap:22px;position:relative;z-index:0;&:after{background-image:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));bottom:0;content:"";height:40px;position:absolute;right:0;width:40px;z-index:1}& .bonuses__header{align-items:center;display:flex;gap:8px;justify-content:space-between}& .bonuses__head{align-items:center;display:flex;gap:12px}& .bonuses__title{font-size:26px;font-weight:700;line-height:1}& .bonuses__badge{color:var(--color-secondary);font-size:18px;font-weight:400;line-height:1}& .bonuses__list{display:flex;gap:14px;height:40px;overflow-x:auto;padding-right:40px;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}&.active{cursor:grabbing;& .bonuses__item{& .bonuses__checkbox{input{&:not(:checked)+.bonuses__checkmark:hover{background-color:#eff5fc}}& .bonuses__checkmark{cursor:grabbing;& img{pointer-events:none}}}}}}& .bonuses__item{display:flex;flex-shrink:0;& .bonuses__checkbox{display:flex;input{display:none;&:checked+.bonuses__checkmark{border:1px solid #01c954}&:not(:checked)+.bonuses__checkmark:hover{background-color:#e6f1f9}}& .bonuses__checkmark{align-items:center;background-color:#eff5fc;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:8px;height:40px;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;& img{background-color:#fff;border-radius:10px;height:40px;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:40px}&:has(>img) span{padding:0 14px 0 0}span{padding:0 14px}}}}}@media (min-width:768px){.bonuses{gap:18px;& .bonuses__title{font-size:32px}& .bonuses__badge{font-size:24px}}}.sort{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;flex-shrink:0;gap:12px;min-height:24px;outline:none;padding:0;&:hover{opacity:.8}&[data-order=DESC]:before{content:attr(data-title-desc)}&[data-order=ASC]:before{content:attr(data-title-asc)}&:before{color:var(--color-secondary);display:block;font-size:16px;font-weight:400;line-height:1}& .sort__icon{display:flex}}.card-info{background-color:#eff5fc;border-radius:8px;display:flex;flex-direction:column;font-size:12px;gap:20px;line-height:1.3;padding:12px 10px;&.card-info_additional{gap:8px}& .card-info__wrapper{display:flex;flex-direction:column}& .card-info__row{display:flex;justify-content:space-between;padding:4px;&:not(:last-of-type){border-bottom:1px solid #7f8c8d4d}& span{&:last-of-type{font-weight:700}}}& .card-info__disclaimer{display:flex;gap:8px;padding:0;& img{align-self:start;aspect-ratio:1/1;width:14px}& p{color:var(--color-secondary);line-height:1.1}}& p{line-height:normal;margin:0}& ul{display:flex;flex-direction:column;gap:4px;line-height:normal;& li{align-items:center;display:flex;padding-left:14px;position:relative;&:before{align-items:center;background-color:var(--color-active);border-radius:50%;content:" ";display:flex;height:6px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}}}}.card-table{display:flex;flex-direction:column;font-size:14px;overflow-x:auto;width:100%;& thead{font-weight:700;text-align:left}& table{background-color:transparent;border-collapse:separate;border-spacing:0 2px;font-size:12px;font-weight:400;line-height:1;width:100%}& .card-table__title{background-color:#e1effc;font-size:14px;font-weight:700;line-height:normal;padding:10px;&:first-of-type{border-radius:8px 8px 0 0}p{line-height:normal}}& td,& th{border:none;padding:4px 10px;vertical-align:middle}& tr{background-color:#eff5fc}}.card{display:grid;grid-template-areas:"image content" "details details";grid-template-columns:50px 1fr;position:relative;grid-column-gap:12px;grid-row-gap:12px;background-color:#fff;border-radius:14px;box-shadow:0 10px 40px 0 rgba(109,141,173,.4);padding:12px;&.card_expired{background-color:#eff5fc;border:1px solid var(--color-secondary);& .card__details,& .card__title{color:var(--color-secondary)}}&.card_pinned{border:1px solid #ff8dde;box-shadow:0 10px 40px 0 rgba(255,89,207,.4)}& .card__image{border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;grid-area:image;width:50px;& img{aspect-ratio:1/1;border-radius:12px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}}& .card__content{display:flex;flex-direction:column;flex-grow:1;gap:20px;grid-area:content}& .card__details{grid-area:details;summary{justify-content:center}&[disabled]{summary{cursor:default;pointer-events:none}}}& .card__expired{align-items:center;color:#ff2b27;display:flex;font-size:12px;gap:4px;&:before{background-image:url(/wp-content/plugins/bonusify/assets/images/expired.svg);background-size:contain;content:"";flex-shrink:0;height:12px;width:12px}}& .card__head{display:flex;flex-direction:column;gap:10px}& .card__title{font-size:18px;font-weight:900;line-height:1.2}& a.card__title{transition:none;&:hover{opacity:.7}}& .card__description{color:var(--color-secondary);font-size:12px;line-height:112%;p{font-weight:inherit;line-height:inherit;strong{font-weight:inherit}}}& .card__action{align-items:flex-start;display:inline-flex;flex-direction:column;gap:10px;padding:10px 0;width:-moz-fit-content;width:fit-content}& .card__button{background:var(--color-active);border-radius:200px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;line-height:18px;padding:10px 30px;text-wrap:nowrap;transition:none;&:hover:not([disabled]){opacity:.8}&[disabled]{background-color:#fff;color:var(--color-secondary);cursor:default;pointer-events:none}}& .card__more{display:flex;flex-direction:column;gap:16px;margin-top:12px}& .card__edit{align-items:center;background-color:#fff;border:2px solid #e1effc;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:4px;text-decoration:none;top:4px;width:28px;&:hover{color:var(--color-secondary)}}}@media (min-width:768px){.card{grid-template-areas:"image content" "image details";grid-template-columns:80px 1fr;grid-column-gap:24px;grid-row-gap:16px;padding:20px 24px 12px;& .card__content{flex-direction:row;justify-content:space-between}& .card__details{summary{justify-content:start}}& .card__image{border-radius:18px;width:80px;& img{border-radius:18px}}}}.cards{display:flex;flex-direction:column;gap:40px;& .cards__wrapper{display:flex;flex-direction:column;gap:20px;&.pinned{margin-bottom:-20px}}}.checkbox{align-items:center;display:flex;gap:10px;& *,& :after,& :before{box-sizing:inherit}& input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;aspect-ratio:1/1;background-color:#fff;border:1px solid #7f8c8d;border-radius:4px;cursor:pointer;flex-shrink:0;margin:0;outline:none;position:relative;vertical-align:top;width:16px;--active:#275efe;--active-inner:#fff;--focus:2px rgba(39,94,254,.3);--border:#bbc1e1;--border-hover:#275efe;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;&:after{background-color:transparent;content:" ";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}&+label{color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;& span{color:var(--color-secondary);font-size:12px;font-weight:400;margin-inline-start:6px}}&:disabled{cursor:not-allowed;opacity:.9;&+label{cursor:not-allowed}}&:checked{&:after{background-color:var(--color-active)}}}}.chip{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;& .chip__item{align-items:center;background-color:var(--bonusify-chip-color-blue);border:1px solid #ffffff80;border-radius:10px;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;justify-content:start;line-height:1.2;padding:4px 12px;width:-moz-fit-content;width:fit-content;&.blue{background-color:var(--bonusify-chip-color-blue)}&.red{background-color:var(--bonusify-chip-color-red)}&.green{background-color:var(--bonusify-chip-color-green)}&.purple{background-color:var(--bonusify-chip-color-purple)}&.yellow{background-color:var(--bonusify-chip-color-yellow)}}}details{display:flex;flex-direction:column;summary{align-items:center;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;gap:8px;line-height:130%;list-style:none;position:relative;&:after{background-image:url(../../images/summary-arrow.svg);background-size:contain;content:"";height:20px;width:20px}}&[open]{summary{&:after{transform:rotate(180deg)}}}&:not(:last-of-type){border-bottom:1px solid hsla(184,6%,53%,.2)}}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noUi-target{position:relative}.noUi-base,.noUi-connects{height:100%;position:relative;width:100%;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{height:28px;right:-17px;top:-6px;width:34px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{bottom:-17px;height:34px;right:-6px;width:28px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border:1px solid #d3d3d3;border-radius:4px;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{background:#fff;border:1px solid #d9d9d9;border-radius:3px;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;cursor:default}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{background:#e8e7e6;content:"";display:block;height:14px;left:14px;position:absolute;top:6px;width:1px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{height:1px;left:6px;top:14px;width:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{color:#999;position:absolute}.noUi-value{position:absolute;text-align:center;white-space:nowrap}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#ccc;position:absolute}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{height:80px;left:0;padding:10px 0;top:100%;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{height:5px;margin-left:-1px;width:2px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{height:100%;left:100%;padding:0 10px;top:0}.noUi-value-vertical{padding-left:25px;transform:translateY(-50%)}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{height:2px;margin-top:-1px;width:5px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{background:#fff;border:1px solid #d9d9d9;border-radius:3px;color:#000;display:block;padding:5px;position:absolute;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;transform:translate(-50%)}.noUi-vertical .noUi-tooltip{right:120%;top:50%;transform:translateY(-50%)}.noUi-horizontal .noUi-origin>.noUi-tooltip{bottom:10px;left:auto;transform:translate(50%)}.noUi-vertical .noUi-origin>.noUi-tooltip{right:28px;top:auto;transform:translateY(-18px)}.filter-bubble{align-items:center;border:1px solid hsla(184,6%,53%,.5);border-radius:10px;color:#151515;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;gap:10px;line-height:100%;padding:4px 12px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background-color:hsla(184,6%,53%,.1)}&:after{background-image:url(/wp-content/plugins/bonusify/assets/images/filter-bubble-cross.svg);background-size:contain;content:"";flex-shrink:0;height:12px;width:12px}}.filter-range{background:#eff5fc;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px 8px 8px;& .filter-range__labels,& .filter-range__title{color:#151515;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;line-height:130%}& .filter-range__labels{display:flex;justify-content:space-between}& .filter-range__label{display:flex}& .filter-range__fields{align-items:center;display:flex;gap:4px;justify-content:space-between}& .filter-range__slider{margin:10px;position:relative;z-index:0}& .noUi-target{background:#7f8c8d3d;border:none;border-radius:2px;box-shadow:none}& .noUi-horizontal{height:4px;& .noUi-handle{background-color:#01c954;border:none;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1);cursor:pointer;height:20px;right:-10px;top:-8px;width:20px;&:after,&:before{display:none}}}& .noUi-connect{background-color:#01c954;height:4px}}.range-field{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-grow:1;justify-content:space-between;padding:10px 6px;& label{color:var(--color-secondary);font-size:12px;font-weight:400;line-height:1.3}& .range-field__inner{align-items:center;display:flex;flex-grow:1;font-size:14px;font-weight:700;justify-content:flex-end;line-height:1;width:100%;& input{background-color:transparent;border:none;font-weight:700;max-width:100%;outline:none;padding:0;text-align:right;width:100%;&::-moz-placeholder{opacity:.2}&::placeholder{opacity:.2}}& .range-field__input-sign{margin-left:5px}}}.filter{display:flex;flex-shrink:0;position:relative;width:100%;&.active{& .filter__head{& .filter__arrow{transform:rotate(180deg)}}& .filter__filters{display:flex}}& .filter__wrapper{background-color:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(109,141,173,.4);display:flex;flex-direction:column;order:2;width:100%}& .filter__head{align-items:center;border-radius:14px;display:grid;grid-template-areas:"title arrow" "bubbles clear";grid-template-columns:1fr auto;min-height:60px;order:1;padding:20px;width:100%;&.active{grid-row-gap:16px;& .filter__clear{display:flex}}& .filter__title{display:flex;gap:6px;grid-area:title;& p{font-size:14px;font-weight:700}}& .filter__arrow{background-image:url(../../images/collapse-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-area:arrow;height:20px;justify-self:end;transition:transform .15s;width:20px}& .filter__bubbles{display:none;flex-wrap:wrap;gap:10px;grid-area:bubbles;&.active{display:flex}}& .filter__clear{align-self:end;background-color:transparent;border:none;color:var(--color-secondary);cursor:pointer;display:none;font-size:12px;grid-area:clear;padding:0;&:hover{opacity:.8}}}& .filter__apply{display:flex;justify-content:center;order:3;padding:0 20px 20px;width:100%;&.sticky{animation:slideInUp .5s ease-in-out;bottom:0;left:0;padding-left:36px;padding-right:36px;position:fixed;width:100vw;z-index:10000;&:before{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";height:120px;left:0;position:absolute;width:100%;z-index:1}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.bonusify-button{padding:10px;position:relative;width:60%;z-index:2}}& .filter__filters{display:none;flex-direction:column;gap:20px;order:2;padding:0 20px 20px}& .filter__ranges{display:flex;flex-direction:column;gap:10px}& details{&:not(:last-of-type){border-bottom:1px solid hsla(184,6%,53%,.2);padding-bottom:20px}}& summary{display:flex;justify-content:space-between;margin-bottom:16px;width:100%}& .checkbox__title,& summary{font-weight:700}& .checkbox__list{display:flex;flex-direction:column;gap:10px;padding:10px 0;&:last-of-type{padding:10px 0 0}}& .checkbox__item{display:flex;flex-direction:column;justify-content:center;width:100%}}@media screen and (min-width:1024px){.filter{max-width:220px;& .filter__wrapper{background-color:transparent;box-shadow:none;gap:20px;padding-top:30px}& .filter__head{border-bottom:1px solid hsla(184,6%,53%,.2);border-radius:0;box-shadow:none;grid-template-areas:"title clear" "bubbles bubbles";min-height:auto;order:1;padding:0 0 20px;& .filter__arrow{display:none}& .filter__clear{align-self:center}}& .filter__apply{display:block;order:2;padding:0;.bonusify-button{padding:10px 30px;width:100%}}& .filter__filters{display:flex;order:3;padding:0}& details{display:flex}}}.loader-wrapper{align-items:center;display:flex;height:300px;justify-content:center}.loader{aspect-ratio:2;width:25px;--_g:no-repeat radial-gradient(circle closest-side,#b2bec3 90%,#0000);animation:l3 1s linear infinite;background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.33333% 50%}@keyframes l3{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.bonusify-no-posts-found{align-items:center;display:flex;flex-direction:column;gap:10px;img{width:126px}figcaption{align-items:center;display:flex;flex-direction:column;gap:4px;max-width:400px}h2{color:var(--color-primary);font-size:18px;font-weight:900;line-height:120%}h2,p{font-family:Roboto,sans-serif;text-align:center}p{color:var(--color-secondary);font-size:12px;line-height:112%}}.promo{align-items:center;background-color:#eff5fc;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;line-height:1;max-width:184px;min-height:36px;padding:10px 6px;text-transform:capitalize;&[disabled]{background-color:#fff;color:#a1b2c4;-webkit-user-select:none;-moz-user-select:none;user-select:none;& .promo__icon{cursor:default;opacity:.2;pointer-events:none}}&.active{background-color:#01c954;color:#fff;font-size:13px;font-weight:700;justify-content:center;& .promo__icon{display:none;visibility:hidden}}& .promo__icon{cursor:pointer;height:16px;width:16px;&:hover{opacity:.7}}}.bonusify-search{align-items:center;background-color:#eff5fc;border:1px solid hsla(184,6%,53%,.2);border-radius:10px;cursor:text;display:flex;gap:10px;justify-content:center;min-height:36px;padding:8px 6px;width:100%;&:hover:not(:focus-within){background-color:#ebf3fc;border-color:hsla(184,6%,53%,.4)}&:focus-within{outline:1px solid var(--color-active)!important;pointer-events:none}& .search__icon{height:20px;width:20px}& .search__input{background-color:transparent;border:none;color:var(--color-primary);font-family:Roboto,sans-serif;font-size:16px;height:auto;padding:0;pointer-events:all;text-overflow:ellipsis;transition:width .1s ease-in-out;width:110px;&::-webkit-search-cancel-button{display:none}&:focus{width:100%}&:not(:-moz-placeholder){width:100%}&:not(:placeholder-shown){width:100%}}}@media (min-width:768px){.bonusify-search{& .search__input{font-size:14px;width:100px}}}.bonusify-tooltip{align-self:center;color:var(--color-secondary);cursor:pointer;font-size:12px;position:relative;text-decoration:underline;&:hover{& .bonusify-tooltip__content{display:block}}& .bonusify-tooltip__content{background-color:var(--color-bonuse-item);border:1px solid hsla(184,6%,53%,.3);border-radius:10px;color:var(--color-primary);display:none;filter:drop-shadow(0 5px 20px rgba(109,141,173,.4));font-family:Roboto,sans-serif;font-size:12px;left:50%;line-height:120%;padding:12px;position:absolute;text-align:center;top:calc(100% + 10px);transform:translateX(-50%);width:200px;z-index:2;&:before{border-bottom:10px solid var(--color-bonuse-item);border-left:10px solid transparent;border-right:10px solid transparent;top:-10px;z-index:1}&:after,&:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}&:after{border-bottom:11px solid hsla(184,6%,53%,.3);border-left:11px solid transparent;border-right:11px solid transparent;top:-11px;z-index:0}}}