.construct-packs__button,.construct-packs__pack-key{display:-webkit-box;display:-ms-flexbox;display:flex}.construct-packs__button{font-family:Fira Sans,Arial,serif;font-size:12px;font-weight:400;line-height:16px;color:#535659;width:100%;padding:9px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;text-align:left}.construct-packs__button--viewed{color:#2b2f33;font-weight:600}.construct-packs__toggle-icon{-ms-flex-negative:0;flex-shrink:0;stroke:#8f99a6;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.construct-packs__toggle-icon--viewed{stroke:#2b2f33}.construct-packs__arrow{position:relative}.construct-packs__attention-circle{display:block;width:8px;height:8px;margin:0 10px;border-radius:50%;background-color:#f56e6e;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;margin:0}@media screen and (min-width:1640px){.construct-packs__attention-circle{width:10px;height:10px}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s;transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (min-width:1640px){.construct-packs__button{font-size:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.construct-packs__toggle-icon{width:15px;height:10px}}