@charset "utf-8";

.vimbox-words { display: flex; flex-wrap: wrap; clear: both; margin-bottom: 10px; font-family: "Open Sans", sans-serif; }

.vimbox-words__item { position: relative; width: 33.33%; min-width: 300px; padding: 0px; border-radius: 3px; }

.vimbox-words__item-text-list { position: absolute; content: ""; width: 6px; height: 6px; display: block; left: 12px; top: 13px; background-color: rgb(204, 204, 204); border-radius: 3px; }

.vimbox-words__item:hover { background-color: rgb(239, 246, 255); }

.vimbox-words__item:hover .vimbox-words__item-text-list { position: absolute; content: ""; cursor: pointer; width: 12px; height: 12px; display: block; left: 9px; top: 10px; border-radius: 0px; background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDEyIDM2Ij48c3ZnIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PGcgc3Ryb2tlPSIjOTk5IiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0uNzUuNzVsMTAuNSAxMC41TS43NSAxMS4yNUwxMS4yNS43NSIvPjwvZz48L3N2Zz48c3ZnIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeT0iMTIiPjxnIHN0cm9rZT0iI0FEOTk4QiIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNLjc1Ljc1bDEwLjUgMTAuNU0uNzUgMTEuMjVMMTEuMjUuNzUiLz48L2c+PC9zdmc+PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeT0iMjQiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNiMmIyYjIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTS43NS43NWwxMC41IDEwLjVNLjc1IDExLjI1TDExLjI1Ljc1Ii8+PC9zdmc+PC9zdmc+"); background-position: 0px 0px; background-size: 12px; background-repeat: no-repeat; opacity: 0.5; }

.vimbox-words__item:hover .vimbox-words__item-text-list:hover { opacity: 1; }

.vimbox-words__item-text { position: relative; height: 32px; width: 50%; display: inline-block; box-sizing: border-box; padding-left: 12px; line-height: 21px; vertical-align: top; }

.vimbox-words__item-text-line { position: absolute; right: 6px; top: 16px; left: 24px; background-color: rgb(237, 237, 237); height: 1px; }

.vimbox-words__item-text-inner { position: absolute; left: 24px; top: 4px; background-color: rgb(255, 255, 255); padding: 0px 5px; }

.vimbox-words__item:hover .vimbox-words__item-text-inner { background-color: rgb(239, 246, 255); }

.vimbox-words__item-text-sound { display: none; margin-left: 6px; cursor: pointer; width: 18px; height: 13px; vertical-align: middle; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MUJEREIyQUItRDY0NS00NDNDLTk1MjYtMEYzMEE3RDNBNkNDPC90aXRsZT48cGF0aCBkPSJNMTIuOTkgMy43NTlhLjc4MS43ODEgMCAwIDAtLjYwNC4yMzNsLS4xMDQuMTA4YS44MDMuODAzIDAgMCAwLS4wNTYgMS4wNjkgNC42MDEgNC42MDEgMCAwIDEgMS4wMzEgMi45MjcgNC42MzUgNC42MzUgMCAwIDEtLjkwOCAyLjc2NS44MDIuODAyIDAgMCAwIC4wNzYgMS4wNDFsLjEwNS4xMDdjLjE1LjE1LjM1My4yMzQuNTYyLjIzNGwuMDU4LS4wMDJhLjgxLjgxIDAgMCAwIC41OC0uMzE5IDYuMzY1IDYuMzY1IDAgMCAwIDEuMjY2LTMuODI3IDYuMzM2IDYuMzM2IDAgMCAwLTEuNDMyLTQuMDQ0Ljc5Mi43OTIgMCAwIDAtLjU3NC0uMjkyem0zLjQzOC0yLjQ3NWExMC4zMDQgMTAuMzA0IDAgMCAxIC4xNjggMTMuNDI2Ljc5Ni43OTYgMCAwIDEtLjU3NC4yODJsLS4wMzIuMDAxYS43OTcuNzk3IDAgMCAxLS41NjItLjIzM2wtLjEwNC0uMTA0YS44LjggMCAwIDEtLjA0NS0xLjA3OSA4LjU2MyA4LjU2MyAwIDAgMCAxLjk4Ni01LjQ4MiA4LjUzNCA4LjUzNCAwIDAgMC0yLjEyOC01LjY0NS44MDIuODAyIDAgMCAxIC4wMzEtMS4wOTRsLjEwNC0uMTA1YS43OTUuNzk1IDAgMCAxIDEuMTU2LjAzM3pNOCAzLjE2M3Y5LjY3NGwtMi42ODUtMi4zNDRBMiAyIDAgMCAwIDQgMTBIMlY2aDJjLjQ4NCAwIC45NTEtLjE3NSAxLjMxNS0uNDkzTDggMy4xNjN6TTguOTY4IDBjLS4yMzYgMC0uNDY5LjA4MS0uNjU4LjIzOEw0IDRIMWMtLjU2OSAwLTEgLjQzLTEgMXY2YzAgLjU3LjQzMSAxIDEgMWgzbDQuMzEgMy43NjJhMS4wMjUgMS4wMjUgMCAwIDAgMS4wOTcuMTM5Yy4zNjMtLjE2OS41OTMtLjUzMy41OTMtLjkzM1YxLjAzM0ExLjAzMSAxLjAzMSAwIDAgMCA4Ljk2OCAweiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+#cbcbcb"); background-size: 15px; background-repeat: no-repeat; background-position: 0px center; background-color: rgb(239, 246, 255); position: absolute; top: 5px; right: -17px; }

.vimbox-words__item-text-sound:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MUJEREIyQUItRDY0NS00NDNDLTk1MjYtMEYzMEE3RDNBNkNDPC90aXRsZT48cGF0aCBkPSJNMTIuOTkgMy43NTlhLjc4MS43ODEgMCAwIDAtLjYwNC4yMzNsLS4xMDQuMTA4YS44MDMuODAzIDAgMCAwLS4wNTYgMS4wNjkgNC42MDEgNC42MDEgMCAwIDEgMS4wMzEgMi45MjcgNC42MzUgNC42MzUgMCAwIDEtLjkwOCAyLjc2NS44MDIuODAyIDAgMCAwIC4wNzYgMS4wNDFsLjEwNS4xMDdjLjE1LjE1LjM1My4yMzQuNTYyLjIzNGwuMDU4LS4wMDJhLjgxLjgxIDAgMCAwIC41OC0uMzE5IDYuMzY1IDYuMzY1IDAgMCAwIDEuMjY2LTMuODI3IDYuMzM2IDYuMzM2IDAgMCAwLTEuNDMyLTQuMDQ0Ljc5Mi43OTIgMCAwIDAtLjU3NC0uMjkyem0zLjQzOC0yLjQ3NWExMC4zMDQgMTAuMzA0IDAgMCAxIC4xNjggMTMuNDI2Ljc5Ni43OTYgMCAwIDEtLjU3NC4yODJsLS4wMzIuMDAxYS43OTcuNzk3IDAgMCAxLS41NjItLjIzM2wtLjEwNC0uMTA0YS44LjggMCAwIDEtLjA0NS0xLjA3OSA4LjU2MyA4LjU2MyAwIDAgMCAxLjk4Ni01LjQ4MiA4LjUzNCA4LjUzNCAwIDAgMC0yLjEyOC01LjY0NS44MDIuODAyIDAgMCAxIC4wMzEtMS4wOTRsLjEwNC0uMTA1YS43OTUuNzk1IDAgMCAxIDEuMTU2LjAzM3pNOCAzLjE2M3Y5LjY3NGwtMi42ODUtMi4zNDRBMiAyIDAgMCAwIDQgMTBIMlY2aDJjLjQ4NCAwIC45NTEtLjE3NSAxLjMxNS0uNDkzTDggMy4xNjN6TTguOTY4IDBjLS4yMzYgMC0uNDY5LjA4MS0uNjU4LjIzOEw0IDRIMWMtLjU2OSAwLTEgLjQzLTEgMXY2YzAgLjU3LjQzMSAxIDEgMWgzbDQuMzEgMy43NjJhMS4wMjUgMS4wMjUgMCAwIDAgMS4wOTcuMTM5Yy4zNjMtLjE2OS41OTMtLjUzMy41OTMtLjkzM1YxLjAzM0ExLjAzMSAxLjAzMSAwIDAgMCA4Ljk2OCAweiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+#b2b2b2"); }

.vimbox-words__item:hover .vimbox-words__item-text-sound { display: inline-block; }

.vimbox-words__item-translation { position: relative; top: 4px; width: 50%; line-height: 21px; display: inline-block; color: rgb(153, 153, 153); overflow: hidden; text-overflow: ellipsis; vertical-align: middle; box-sizing: border-box; padding-bottom: 8px; }

@media print {
  .vimbox-words__item { width: 50%; }
  .vimbox-words__item-text-list { display: none; }
  .vimbox-words__item-text-inner { left: 0px; }
}