.drevko-tiles-label{display:block;font-size:14px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:.72px;margin-bottom:8px;font-family:inherit}
.drevko-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px;width:100%}
.drevko-tile{position:relative;border:1px solid #e2e2e2;border-radius:8px;padding:11px 10px;cursor:pointer;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;transition:border-color .15s,background-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.drevko-tile .drevko-tile-name{font-size:14px;font-weight:700;color:#111;line-height:1.2}
.drevko-tile .drevko-tile-sub{font-size:12px;color:#7ea035;font-weight:600}
.drevko-tile.is-active{border-color:#93ba40;background:#f4f8ea}
.drevko-tile.is-active .drevko-tile-name{color:#5d7a22}
.drevko-tile .drevko-tile-check{position:absolute;top:-7px;right:-7px;width:21px;height:21px;border-radius:50%;background:#93ba40;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.drevko-tile.is-active .drevko-tile-check{opacity:1;transform:scale(1)}
.drevko-tile .drevko-tile-check svg{width:11px;height:11px;display:block}
.drevko-tile:active{transform:scale(.98)}
@media (max-width:339px){.drevko-tiles{grid-template-columns:1fr}}
@media (min-width:480px){.drevko-tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.drevko-tile:not(.is-active):hover{border-color:#93ba40;box-shadow:0 0 0 3px rgba(147,186,64,.25),0 2px 10px rgba(147,186,64,.35)}}
@media (min-width:768px){.drevko-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,160px));justify-content:start}}
select.drevko-size-native{display:none!important}