.c-icon-box{position:relative;width:48px;height:48px}.c-icon-box,.c-icon-box__item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.c-icon-box__item{width:inherit;height:inherit;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.27s;-moz-transition-duration:.27s;-o-transition-duration:.27s;transition-duration:.27s;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.c-icon-box__tooltip{position:absolute;top:0;bottom:0;left:-webkit-calc(100% + 5px);left:-moz-calc(100% + 5px);left:calc(100% + 5px);height:100%;-webkit-transition:opacity .3s,-webkit-transform .17s;transition:opacity .3s,-webkit-transform .17s;-o-transition:opacity .3s,-o-transform .17s;-moz-transition:transform .17s,opacity .3s,-moz-transform .17s;transition:transform .17s,opacity .3s;transition:transform .17s,opacity .3s,-webkit-transform .17s,-moz-transform .17s,-o-transform .17s;opacity:0}.c-icon-box__tooltip--top{top:auto;bottom:-webkit-calc(100% + 16px);bottom:-moz-calc(100% + 16px);bottom:calc(100% + 16px);left:0}.c-icon-box__item .c-icon--sheep{font-size:28px}.c-icon-box__item .c-icon--heart,.c-icon-box__item .c-icon--heart-full{font-size:20px}.c-icon-box__item:hover{color:#fff;background:#101010}.c-icon-box__item:hover+.c-icon-box__tooltip{opacity:1}.c-icon-box--colored .c-icon-box__item{background:#f6f6f6}.c-icon-box--colored .c-icon-box__item:hover{color:#fff;background:#101010}.c-social-media .c-icon-box{width:48px;height:48px;color:#101010;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background:#f6f6f6}.c-social-media .c-icon-box .c-icon{font-size:20px}.c-social-media .c-icon-box__item{background:inherit}.c-social-media .c-icon-box__item:hover{color:#fff;background:#101010}@media (min-width:1601px){.c-icon-box{width:48px;height:48px}.c-icon-box__item .c-icon--sheep{font-size:32px}.c-icon-box__item .c-icon--heart,.c-icon-box__item .c-icon--heart-full{font-size:20px}}
/*# sourceMappingURL=../../../maps/components/icon-box/main.css.map */