<!--HTML-->

<div class="shop-main">

<input type="radio" name="tab-shop" id="tab-shop-1" value="" checked>
<label for="tab-shop-1">услуги</label>
<input type="radio" name="tab-shop" id="tab-shop-2" value="">
<label for="tab-shop-2">иконки</label>
<input type="radio" name="tab-shop" id="tab-shop-3" value="">
<label for="tab-shop-3">подарки</label>
<input type="radio" name="tab-shop" id="tab-shop-4" value="">
<label for="tab-shop-4">форумные достижения</label>

<div id="shop-main-1">

<shm_block>

<services-position><shop-article>выкупить имя / фамилию / сокращение</shop-article>
<article-des>выберите желаемый вариант.</article-des>
<price>200$</price>

<div id="text1" style="font-size: 0px;">
<pre>- хочу выкупить: имя / фамилия / сокращение + остаток на счету</pre>
</div>
<button onclick="copytext('#text1')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position>

<services-position><shop-article>выкуп внешности</shop-article>
<article-des>выкуп доступен для заявки и личного использования. внешность выкупается на две недели.</article-des>
<price>300$</price>

<div id="text2" style="font-size: 0px;">
<pre>- заполненный код из гостевой + остаток на счету</pre>
</div>
<button onclick="copytext('#text2')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>реклама нужного [ваш шаблон]</shop-article>
<article-des>ваша рекламная листовка ставится на две недели в тему рекламы.</article-des>
<price>250$</price>

<div id="text3" style="font-size: 0px;">
<pre>- ссылка на ваш шаблон + остаток на счету</pre>
</div>
<button onclick="copytext('#text3')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>реклама нужного [заказ шаблона]</shop-article>
<article-des>рекламная листовка ставится на две недели в тему рекламы.</article-des>
<price>300$</price>

<div id="text4" style="font-size: 0px;">
<pre>- ссылка на заявку - пожелания по исходникам, цветам, тексту (можно оставить цитату или песню) + остаток на счету</pre>
</div>
<button onclick="copytext('#text4')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>заказать воспоминание</shop-article>
<article-des>особая услуга, благодаря которой вы можете собирать важные моменты на личную страницу. можно заказывать как себе, так и дарить другим.</article-des>
<price>100$</price>

<div id="text5" style="font-size: 0px;">
<pre>- ссылка на пост - цитата момента - дата момента - желаемая фотография (или мы выбираем сами) - подпись к моменту - + остаток на счету</pre>
</div>
<button onclick="copytext('#text5')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>заказать плашку</shop-article>
<article-des>пожалуйста, указывайте в заказе, нужно ли поставить плашку в профиль или оставить на личной странице. можно заказать для себя или в подарок.</article-des>
<price>200$</price>

<div id="text6" style="font-size: 0px;">
<pre>- цвет плашки - текст (нижняя / верхняя строка) не более 150 символов - ссылка на картинку в PNG формате с прозрачным фоном + остаток на счету</pre>
</div>
<button onclick="copytext('#text6')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>голубая галочка в лайфстаграм</shop-article>
<article-des>если вы — личность публичная, популярная или просто богатая, можете украсить свою соц. сеть той самой галочкой.</article-des>
<price>100$</price>

<div id="text16" style="font-size: 0px;">
<pre>- ссылка на вашу соц сеть + остаток на счету</pre>
</div>
<button onclick="copytext('#text16')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>отсрочка поста на неделю</shop-article>
<article-des>благодаря отсрочке на неделю вы пропускаете один обязательный пост. услугой можно воспользоваться сразу или отложить на особый случай. купон появится на личной странице.</article-des>
<price>500$</price>

<div id="text7" style="font-size: 0px;">
<pre>- отсрочка поста на неделю - использовать сейчас? + остаток на счету</pre>
</div>
<button onclick="copytext('#text7')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>иммунитет от чистки</shop-article>
<article-des>если минимальная активность (в месяц) прошла мимо вас, вы можете избежать попадания в чёрный список.</article-des>
<price>1000$</price>

<div id="text9" style="font-size: 0px;">
<pre>- иммунитет от чистки - использовать сейчас? + остаток на счету</pre>
</div>
<button onclick="copytext('#text9')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 


<services-position><shop-article>иммунитет от удаления</shop-article>
<article-des>если вы оказались в чёрном списке, можете избежать удаления без исправлений.</article-des>
<price>3000$</price>

<div id="text10" style="font-size: 0px;">
<pre>- иммунитет от удаления - использовать сейчас? + остаток на счету</pre>
</div>
<button onclick="copytext('#text10')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>пропустить 1 задание</shop-article>
<article-des>разные форумные активности имеют разные задания. вы можете пропустить любое задание, если оно вам не по душе.</article-des>
<price>400$</price>

<div id="text11" style="font-size: 0px;">
<pre>- пропустить 1 любое задание (указываем где именно: конкурс, жизненный баланс и тд) + остаток на счету</pre>
</div>
<button onclick="copytext('#text11')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

<services-position><shop-article>заморозить профиль</shop-article>
<article-des>если вам нужно покинуть форум по каким-либо причинам (отсутствие не актуально), есть предложение. сохраните свой профиль, чтобы вернуться в любой момент. сохранение внешности не предусмотрено. услуга бесплатна.</article-des>

<div id="text12" style="font-size: 0px;">
<pre>- заморозить профиль (указываем срок)</pre>
</div>
<button onclick="copytext('#text12')" class="shop_buy" title="нажми чтобы скопировать код"></button>
</services-position> 

</shm_block>

</div>
    
<div id="shop-main-2">
<lvs_icons>
<icon_buy>
<div id="text13" style="font-size: 0px;">
<pre>- покупаю (ссылка на иконку из магазина) / делаю свою (ссылка на картинку в PNG формате с прозрачным фоном) - текст к иконке - цветная или в цвет профиля + остаток на счету</pre>
</div>
<button onclick="copytext('#text13')" class="shop_buy" title="нажми чтобы скопировать код"></button></icon_buy>
<ic_mood>
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791385.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791391.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791429.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791407.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791436.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791458.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791456.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791365.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791403.png">
<img src="https://cdn-icons-png.flaticon.com/512/1791/1791362.png">
<img src="https://cdn-icons-png.flaticon.com/512/2461/2461906.png">
<img src="https://cdn-icons-png.flaticon.com/512/2461/2461967.png">
<img src="https://cdn-icons-png.flaticon.com/512/2462/2462086.png">
<img src="https://cdn-icons-png.flaticon.com/512/2462/2462119.png">
<img src="https://cdn-icons-png.flaticon.com/512/2462/2462093.png">
<img src="https://cdn-icons-png.flaticon.com/512/2462/2462080.png">
<img src="https://cdn-icons-png.flaticon.com/512/2462/2462075.png">
<img src="https://cdn-icons-png.flaticon.com/512/2462/2462032.png">
<img src="https://cdn-icons-png.flaticon.com/512/2461/2461961.png">
<img src="https://cdn-icons-png.flaticon.com/512/2461/2461997.png">
<img src="https://cdn-icons-png.flaticon.com/512/2461/2461919.png">
<img src="https://cdn-icons-png.flaticon.com/512/10290/10290305.png">

</ic_mood>

<ic_vibes>
<img src="https://em-content.zobj.net/thumbs/240/apple/354/cigarette_1f6ac.png">
<img src="https://em-content.zobj.net/thumbs/240/twitter/348/cigarette_1f6ac.png">

</ic_vibes>

<ic_hobby>
<img src="https://cdn-icons-png.flaticon.com/512/9126/9126851.png">
<img src="https://cdn-icons-png.flaticon.com/512/2991/2991640.png">
<img src="https://cdn-icons-png.flaticon.com/512/2917/2917633.png">
<img src="https://cdn-icons-png.flaticon.com/512/808/808439.png">
<img src="https://cdn-icons-png.flaticon.com/512/4692/4692993.png">
<img src="https://cdn-icons-png.flaticon.com/512/2991/2991552.png">
<img src="https://cdn-icons-png.flaticon.com/512/2798/2798007.png">
<img src="https://cdn-icons-png.flaticon.com/512/2953/2953610.png">
<img src="https://cdn-icons-png.flaticon.com/512/2991/2991620.png">
<img src="https://cdn-icons-png.flaticon.com/512/2972/2972012.png">
</ic_hobby>

<ic_work>
<img src="https://cdn-icons-png.flaticon.com/512/7420/7420157.png">
<img src="https://cdn-icons-png.flaticon.com/512/9126/9126883.png">
<img src="https://cdn-icons-png.flaticon.com/512/1022/1022331.png">
<img src="https://cdn-icons-png.flaticon.com/512/2862/2862501.png">
<img src="https://cdn-icons-png.flaticon.com/512/10297/10297760.png">
<img src="https://cdn-icons-png.flaticon.com/512/2749/2749779.png">
<img src="https://cdn-icons-png.flaticon.com/512/3850/3850285.png">
<img src="https://cdn-icons-png.flaticon.com/512/2936/2936735.png">
<img src="https://cdn-icons-png.flaticon.com/512/1027/1027128.png">
<img src="https://cdn-icons-png.flaticon.com/512/1973/1973044.png">
<img src="https://cdn-icons-png.flaticon.com/512/10290/10290316.png">
<img src="https://cdn-icons-png.flaticon.com/512/10290/10290269.png">
<img src="https://cdn-icons-png.flaticon.com/512/10290/10290271.png">
</ic_work>

<ic_lovfam>
<img src="https://cdn-icons-png.flaticon.com/512/2839/2839214.png">
<img src="https://cdn-icons-png.flaticon.com/512/693/693423.png">
<img src="https://cdn-icons-png.flaticon.com/512/6018/6018990.png">
<img src="https://cdn-icons-png.flaticon.com/512/8078/8078431.png">
<img src="https://cdn-icons-png.flaticon.com/512/5540/5540505.png">
<img src="https://cdn-icons-png.flaticon.com/512/4155/4155044.png">
<img src="https://cdn-icons-png.flaticon.com/512/940/940620.png">
<img src="https://cdn-icons-png.flaticon.com/512/9235/9235175.png">
<img src="https://cdn-icons-png.flaticon.com/512/2057/2057748.png">
<img src="https://cdn-icons-png.flaticon.com/512/2447/2447831.png">

</ic_lovfam>

</lvs_icons>
</div>

<div id="shop-main-3">
 
<lvs_gifts>

<img src="https://i.imgur.com/dh3DH6w.png">
<img src="https://i.imgur.com/VnutncI.png">
<img src="https://i.imgur.com/8ecb1HG.png">
<img src="https://i.imgur.com/W6WYMWh.png">
<img src="https://i.imgur.com/pVKoxad.png">
<img src="https://i.imgur.com/k0Lo2k7.png">
<img src="https://i.imgur.com/h0hMzur.png">
<img src="https://i.imgur.com/B1hVZ7d.png">
<img src="https://i.imgur.com/Ec2qO4W.png">
<img src="https://i.imgur.com/pItBDJ8.png">
<img src="https://i.imgur.com/wijDU2k.png">

<img src="https://i.imgur.com/kVnEu5g.png">
<img src="https://i.imgur.com/x3YPQOF.png">
<img src="https://i.imgur.com/rK2UZ5X.png">
<img src="https://i.imgur.com/r15w9iO.png">
<img src="https://i.imgur.com/E7qThqS.png">
<img src="https://i.imgur.com/XKc0OTf.png">
<img src="https://i.imgur.com/7ZqOMbI.png">
<img src="https://i.imgur.com/G5M2blh.png">
<img src="https://i.imgur.com/SmSsUmb.png">
<img src="https://i.imgur.com/yfmCySY.png">
<img src="https://i.imgur.com/72zKsFD.png">
<img src="https://i.imgur.com/47JHl61.png">
<img src="https://i.imgur.com/Q8iuVOZ.png">
<img src="https://i.imgur.com/A1Kt0zG.png">
<img src="https://i.imgur.com/gCr3ARV.png">
<img src="https://i.imgur.com/HspBeqj.png">
<img src="https://i.imgur.com/reTPkI3.png">
<img src="https://i.imgur.com/W7yYQWf.png">
<img src="https://i.imgur.com/g7nuuCN.png">
<img src="https://i.imgur.com/ctz8KtI.png">
<img src="https://i.imgur.com/cYW4A13.png">
<img src="https://i.imgur.com/7MVaCDW.png">

<gift_buy>
<div id="text14" style="font-size: 0px;">
<pre>- ссылка на подарок - получатель - комментарий по желанию + остаток на счету</pre>
</div>
<button onclick="copytext('#text14')" class="shop_buy" title="нажми чтобы скопировать код"></button></gift_buy>
</lvs_gifts>

</div>

<div id="shop-main-4">

<lvs_awards>

<awards_buy>
<div id="text15" style="font-size: 0px;">
<pre>- название награды + доказательство выполненного задания</pre>
</div>
<button onclick="copytext('#text15')" class="shop_buy" title="нажми чтобы скопировать код"></button></awards_buy>

<aw_block>
<aw_title>принятая анкета</aw_title>
</aw_block>

<aw_block>
<aw_title>написать первый пост</aw_title>
</aw_block>

<aw_block>
<aw_title>ответ на пост за 24 часа</aw_title>
</aw_block>

<aw_block>
<aw_title>открыть эпизод</aw_title>
</aw_block>

<aw_block>
<aw_title>5 отыгранных эпизодов</aw_title>
</aw_block>

<aw_block>
<aw_title>10 отыгранных эпизодов</aw_title>
</aw_block>

<aw_block>
<aw_title>10 постов</aw_title>
</aw_block>

<aw_block>
<aw_title>50 постов</aw_title>
</aw_block>

<aw_block>
<aw_title>принятая анкета</aw_title>
</aw_block>

<aw_block>
<aw_title>200 постов</aw_title>
</aw_block>

<aw_block>
<aw_title>1 заявка на нужного</aw_title>
</aw_block>

<aw_block>
<aw_title>3 заявки на нужных</aw_title>
</aw_block>

<aw_block>
<aw_title>10 заявок в хочу видеть</aw_title>
</aw_block>

<aw_block>
<aw_title>забрать 1 игрока из хочу к вам</aw_title>
</aw_block>

<aw_block>
<aw_title>забрать 10 игроков из хочу к вам</aw_title>
</aw_block>

<aw_block>
<aw_title>стать постописцем недели</aw_title>
</aw_block>

<aw_block>
<aw_title>стать активистом недели</aw_title>
</aw_block>

<aw_block>
<aw_title>эпизод недели</aw_title>
</aw_block>

<aw_block>
<aw_title>пара недели</aw_title>
</aw_block>

<aw_block>
<aw_title>публикация недели</aw_title>
</aw_block>

<aw_block>
<aw_title>месяц онлайн</aw_title>
</aw_block>

<aw_block>
<aw_title>месяц с регистрации</aw_title>
</aw_block>

<aw_block>
<aw_title>100 сообщений</aw_title>
</aw_block>

<aw_block>
<aw_title>250 сообщений</aw_title>
</aw_block>

<aw_block>
<aw_title>500 сообщений</aw_title>
</aw_block>

<aw_block>
<aw_title>1000 сообщений</aw_title>
</aw_block>

<aw_block>
<aw_title> 250 плюсов поставить</aw_title>
</aw_block>

<aw_block>
<aw_title>500 плюсов поставить</aw_title>
</aw_block>

<aw_block>
<aw_title>1000 плюсов поставить</aw_title>
</aw_block>

<aw_block>
<aw_title>создать мысли</aw_title>
</aw_block>

<aw_block>
<aw_title>создать флуд</aw_title>
</aw_block>

<aw_block>
<aw_title>предложить конкурс</aw_title>
</aw_block>

<aw_block>
<aw_title>пригласить друга</aw_title>
</aw_block>

<aw_block>
<aw_title>закрыть один блок из жизненного баланса</aw_title>
</aw_block>

<aw_block>
<aw_title>закрыть все блоки из жизненного баланса</aw_title>
</aw_block>

<aw_block>
<aw_title>собрать 50 плашек</aw_title>
</aw_block>

<aw_block>
<aw_title>собрать 50 воспоминаний</aw_title>
</aw_block>

<aw_block>
<aw_title>собрать 20 коллекций</aw_title>
</aw_block>

<aw_block>
<aw_title>подарить 100 подарков</aw_title>
</aw_block>


</lvs_awards>

</div>

</div>

<style>

shm_block::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
}

shm_block::-webkit-scrollbar-thumb {
    background-color: #de9677;
    border-radius: 10px;
    box-shadow: inset 0 0 2px 0px #f3c4a6;
}

shm_block::-webkit-scrollbar-track {
    background-color: #d08d6f;
    box-shadow: inset 0 0 2px 0px #ac7858;
    border-radius: 10px;
}

shm_block {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 16px 0px 10px;
    height: 390px;
    overflow: auto;
    width: 750px;
    position: relative;
}

.shop-main {
height: 540px;
    width: 810px;
    margin: 15px 15px 15px 50px;
    border-radius: 20px;
    box-shadow: inset 0 0 0px 1px #fff9edbd, 0 0 0 1px #d89470d6, 0 0 10px 1px #d89470d6;
    background: linear-gradient(45deg, #dc9475, #ffc4aa);
}

.shop-main>input[type="radio"] {
  display: none;
}

.shop-main>input[type="radio"]:checked+label {
    color: #fff;
}

.shop-main>div {
    display: none;
    border-radius: 20px;
    width: 765px;
    height: auto;
    margin: 0px 0px 0px 24px;
    box-shadow: inset 0 0 0px 1px #ffc9b0ad, 0 0 1px 0px #ffece282, 0 0 6px 0px #d1845d;
    background: #fcfcfc;
    position: relative;
}

.shop-main>div:before {
    content: "online shop";
    position: absolute;
    /* margin-top: -60px !important; */
    display: block;
    top: -30px;
    font-size: 38px;
    text-transform: uppercase;
    height: 30px;
    left: 260px;
    overflow: hidden;
    filter: blur(0.8px);
    color: #47342c;
    mix-blend-mode: soft-light;
}

#tab-shop-1:checked~#shop-main-1,
#tab-shop-2:checked~#shop-main-2,
#tab-shop-3:checked~#shop-main-3,
#tab-shop-4:checked~#shop-main-4 {
  display: block;
}

.shop-main>label {
display: inline-block;
    text-align: center;
    padding: 0;
    font-size: 12px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    margin-right: 6px;
    cursor: pointer;
    margin-bottom: 60px;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    z-index: 1;
    position: relative;
    top: 15px;
    left: 245px;
    mix-blend-mode: soft-light;
    color: #181717;
    text-transform: uppercase;
    font-weight: bold;
    font-family: monospace;
    letter-spacing: 0.8px;
    filter: blur(0.3px);
}

.shop-main>label:first-of-type {

}

services-position {
display: block;
    width: 330px;
    height: 120px;
    position: relative;
    margin: 18px !important;
    /* border-radius: 20px; */
    background: url(https://i.imgur.com/08ejnTn.png);
    background-size: 100%;
    border: 1px solid #e1a488;
    color: #5b5b5b;
}

shop-article {
display: block;
    width: 230px;
    height: 28px;
    background: url();
    position: relative;
    top: 10px;
    left: 12px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

shop-article img {
    background-size: 100%;
    width: 130px;
    height: 28px;
    border-radius: 10px;
}

article-des {
display: block;
    width: 280px;
    position: absolute;
    /* top: 40px; */
    left: 14px;
    text-align: justify;
}

price {
    display: block;
    font-size: 12px;
    width: 100px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    background: #faa89c;
    position: relative;
    top: 80px;
    left: 25px;
    padding-top: 1px;
    /* box-shadow: 0 0 3px 1px #f9cbb7, 0 0 0 1px #d8947000; */
    color: #2e2e2e !important;
    box-shadow: 0 0 0px 1px #131313ba, 0 0 0 1px #d8947000;
}

lvs_gifts {
   display: block;
    padding: 10px 17px 10px 10px;
    height: 390px;
    overflow: auto;
    width: 750px;
}

lvs_gifts img {
    background-size: 100%;
    width: 70px;
    margin: 10px !important;
}

lvs_gifts:after {
content: "всего 30$!";
    position: absolute;
    bottom: -25px;
    text-transform: uppercase;
    background: #efae92;
    color: #fff;
    padding: 5px 8px 5px 8px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-shadow: 0 0 2px #ffffffa8;
}

gift_buy {
    display: block;
    position: absolute;
    float: right;
    bottom: -5px;
    right: 40px;
}

lvs_icons {
width: 756px;
    height: 390px;
    margin: 0 0 0 20px !important;
    padding: 10px 0px 15px 0px;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

lvs_icons img {
    background-size: 100%;
    width: 20px;
    margin: 8px 5px 0px 5px !important;
}

lvs_icons:before {
    content: "какой ты сегодня?";
    width: 150px;
    background: #ffd3c0;
    border-radius: 20px 20px 20px 0px;
    font-size: 14px;
    color: #9e593b;
    font-family: 'Jost';
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 10px;
    margin: 10px auto 30px auto;
}

lvs_icons:after {
content: "всего 40$!";
    position: absolute;
    bottom: -25px;
    text-transform: uppercase;
    background: #efae92;
    color: #fff;
    padding: 5px 8px 5px 8px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-shadow: 0 0 2px #ffffffa8;
    left: 100px;
}

ic_mood, ic_hobby, ic_work, ic_lovfam, ic_vibes {
    display: block;
    width: 680px;
    height: 100px;
    padding-bottom: 20px;
    position: relative;
    top: -15px;
}

icon_buy {
    display: block;
    position: absolute;
    top: 10px;
    right: 210px;
}

ic_mood:before, ic_hobby:before, ic_work:before, ic_lovfam:before, ic_vibes:before {
    display: block;
    font-size: 16px;
    font-family: system-ui;
    color: #a9674b;
    border-image-source: linear-gradient(to left, #f5c9ab12, #bc8974) !important;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    padding-bottom: 5px;
}

ic_mood:before {
content: "mood";
}

ic_hobby:before {
content: "hobby";
}

ic_work:before {
content: "work";
}

ic_lovfam:before {
content: "relationships";
}

ic_vibes:before {
content: "vibes";
}

lvs_awards {
    display: flex;
    width: 710px;
    height: 390px;
    padding: 0px 14px 30px 30px;
    flex-wrap: wrap;
    margin: 0px 0px 0px 24px !important;
    overflow: auto;
    overflow-x: hidden;
}

aw_block {
background: url(https://i.imgur.com/YfWW6RV.png);
    display: flex;
    width: 60px;
    height: 60px;
    background-size: 100%;
    border-radius: 20px;
    align-items: flex-end;
    position: relative;
    margin: 35px !important;
}

aw_title {
    position: absolute;
    bottom: -24px;
    width: 110px;
    left: -24px;
    font-size: 11px;
    color: #585858;
    font-weight: bold;
    letter-spacing: 0.5px;
    height: 10px;
    margin-bottom: 5px !important;
    /* display: block; */
    margin-top: 50px !important;
    text-align: center;
}

awards_buy {
    position: absolute;
    right: 40px;
    top: 10px;
}

.shop_buy {
    background: url(https://i.imgur.com/FDUgrDe.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: -12px;
    bottom: -10px;
}

shm_block::-webkit-scrollbar-thumb, lvs_gifts::-webkit-scrollbar-thumb, lvs_awards::-webkit-scrollbar-thumb, lvs_icons::-webkit-scrollbar-thumb {
    background-color: #c98b7c;
    border-radius: 10px;
}

shm_block::-webkit-scrollbar-track, lvs_gifts::-webkit-scrollbar-track, lvs_awards::-webkit-scrollbar-track, lvs_icons::-webkit-scrollbar-track {
    background-color: #ffc9b1;
    border-radius: 10px;
}

</style>