@charset "UTF-8";

/* links ~ snippets */
.a_ico {display: inline-block;vertical-align: middle;border-radius: 5px;border: 1px solid #EBE8BF;background: #F6F5E1;padding: 1px 4px 1px 22px;position: relative;text-decoration: none !important;color: #928B3B;line-height: 1.1em;word-break: break-word;text-align: left;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;max-width: calc(100% - 1em);overflow: hidden;margin-top: -1px;/* display: inline-flex; */min-width: 18px;min-height: 1.1em;font-weight: 400;}
.a_ico:hover {text-decoration: none;color: #928B3B;}

.a_ico:before {content:"";display: block;width: 16px;height: 18px;position: absolute;top: 50%;margin-top: -9px;left: 2px;background: url(../i/a_ico.svg) -20px -18px no-repeat;}

.a_ico[href*="violity.com"]:before,
.a_ico[href*="oxo.ua"]:before {background-position: -59px -19px;}

.a_ico[href*="violity.com/"][href*="/publication"]:before {background-position: -179px -19px;}
.a_ico[href*="violity.com/"][href*="/forum"]:before {background-position: -139px -19px;}

.a_ico[href*="my.violity.com/support"]:before,
.a_ico_support:before {background-position: -99px -18px !important;}

.a_ico.pending:before {background: url(../i/loader_gold.svg) 50% 50% no-repeat;background-size: contain;}



a.snippet {cursor: pointer;}
.a_ico.snippet {max-width: 304px;}

@media only screen and (max-width: 360px) {
    .a_ico.snippet {max-width: 100%;}
}

/*a.snippet:hover,*/
.snippet.hovered {/* outline: 1px dashed blue; *//*outline-offset: 2px; *//*box-shadow: 0 0 10px rgba(0,0,0,.2); */background: #EBE8BF;}




#snippet_tip {position: fixed;background: #fff;padding: 20px 20px 18px;border-radius: 14px;box-shadow: 0px 4px 25px -3px rgba(29,43,39,.25);font-size: 14px;line-height: 16px;min-width: 200px;max-width: 304px;z-index: 2000;/*transition: top .25s ease, left .25s ease;*/}
#snippet_tip a {color: #8C831E;}
#snippet_tip a:hover {text-decoration: underline;}

#snippet_tip img {display: block;max-width: 100%;height: auto;max-height: 250px;/* width: 100%; *//* object-fit: contain; */border-radius: 7px;}

#snippet_tip .img {margin-bottom: 13px;/* background: #eee; */}
#snippet_tip .descr {font-size: 12px;line-height: 14px;color: #aaa;margin-bottom: 5px;}
#snippet_tip .caption {display: flex;flex-flow: row;align-items: center;width: 100%;max-height: 32px;padding-right: 36px;position: relative;}
#snippet_tip .icon {max-width: 32px;max-height: 32px;margin-right: 10px;flex-grow: 0;flex-shrink: 0;}
#snippet_tip .icon img {max-width: 32px;max-height: 32px;opacity: 1;}
#snippet_tip .title {display: inline-block;/* flex-grow: 1; */flex-shrink: 1;line-height: 16px;max-height: 32px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#snippet_tip .copy_url {position: absolute;right: -6px;display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;cursor: pointer;display: flex;align-items: center;justify-content: center;}
#snippet_tip .copy_url svg {margin-top: -1px;}

#snippet_tip .copy_url:hover {background-color: rgba(7, 79, 43, .06); border-radius: 9px;}

/*
@media (hover: hover) and (pointer: fine) {
	#snippet_tip {outline: 1px dashed blue;}
}
*/