/*! * Themeasy — Social Share Row * * Aligned row (or vertical rail) of share icons. Ships three skins: * - inline (icon-only horizontal row, configurable shape) * - labeled (icon + brand label horizontal row) * - rail (icon-only vertical column, ideal for blog post share rails) * * Every knob lives in the --tms-social-share-row-* namespace and defaults to a * public design token (--tms-primary-color, --tms-border-color, ...), so the row * follows the theme palette out of the box while the Elementor controls — and * the per-item repeater overrides — write that same layer. Degrades to a plain * icon row with no JS, and disables motion under prefers-reduced-motion. * * @author Themeasy * @link https://themeasy.co * @since 1.0.0 */ .tms-social-share-row{--tms-social-share-row-item-size:40px;--tms-social-share-row-item-color:var(--tms-primary-color,currentColor);--tms-social-share-row-item-bg:var(--tms-primary-color-10,transparent);--tms-social-share-row-item-border-color:var(--tms-primary-color-10,transparent);--tms-social-share-row-item-hover-color:var(--tms-white-color,#fff);--tms-social-share-row-item-hover-bg:var(--tms-primary-color,transparent);--tms-social-share-row-item-hover-border-color:var(--tms-primary-color,transparent);--tms-social-share-row-duration:.25s;--tms-social-share-row-lift:-2px;--tms-social-share-row-tooltip-bg:var(--tms-heading-color,#1a1a1a);--tms-social-share-row-tooltip-color:var(--tms-surface-color,#fff);--tms-social-share-row-tooltip-offset:8px;--tms-social-share-row-toast-bg:var(--tms-heading-color,#1a1a1a);--tms-social-share-row-toast-color:var(--tms-surface-color,#fff);width:100%;max-width:100%;display:block;position:relative}.tms-social-share-row__list{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tms-social-share-row__cell{margin:0;padding:0;list-style:none;display:inline-flex}.tms-social-share-row__item{box-sizing:border-box;border:1px solid var(--tms-social-share-row-item-border-color);background-color:var(--tms-social-share-row-item-bg);color:var(--tms-social-share-row-item-color);cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;transition:background-color var(--tms-social-share-row-duration) ease, color var(--tms-social-share-row-duration) ease, border-color var(--tms-social-share-row-duration) ease, transform var(--tms-social-share-row-duration) ease, box-shadow var(--tms-social-share-row-duration) ease;justify-content:center;align-items:center;margin:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.tms-social-share-row__item:hover{transform:translateY(var(--tms-social-share-row-lift));border-color:var(--tms-social-share-row-item-hover-border-color);background-color:var(--tms-social-share-row-item-hover-bg);color:var(--tms-social-share-row-item-hover-color);text-decoration:none}.tms-social-share-row__item:focus-visible{transform:translateY(var(--tms-social-share-row-lift));border-color:var(--tms-social-share-row-item-hover-border-color);background-color:var(--tms-social-share-row-item-hover-bg);color:var(--tms-social-share-row-item-hover-color);text-decoration:none}.tms-social-share-row__icon{width:1em;height:1em;color:inherit;transition:color var(--tms-social-share-row-duration) ease;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.tms-social-share-row__icon .tms-social-share-row__icon-svg,.tms-social-share-row__icon svg{fill:currentColor;width:100%;height:100%;display:block}.tms-social-share-row__icon svg[fill=none]{fill:none;stroke:currentColor}.tms-social-share-row--skin-inline .tms-social-share-row__list{flex-direction:row}.tms-social-share-row--skin-inline .tms-social-share-row__item{width:var(--tms-social-share-row-item-size);height:var(--tms-social-share-row-item-size)}.tms-social-share-row--skin-inline .tms-social-share-row__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tms-social-share-row--skin-labeled .tms-social-share-row__list{flex-direction:row}.tms-social-share-row--skin-labeled .tms-social-share-row__item{min-height:var(--tms-social-share-row-item-size);border-radius:var(--tms-radius-sm,8px);flex-direction:row;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.tms-social-share-row--skin-labeled .tms-social-share-row__label{color:inherit;white-space:nowrap;transition:color var(--tms-social-share-row-duration) ease;display:inline-block}.tms-social-share-row--skin-rail .tms-social-share-row__list{flex-flow:column;align-items:flex-start}.tms-social-share-row--skin-rail .tms-social-share-row__item{width:var(--tms-social-share-row-item-size);height:var(--tms-social-share-row-item-size)}.tms-social-share-row--skin-rail .tms-social-share-row__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tms-social-share-row--shape-circle .tms-social-share-row__item{border-radius:50%}.tms-social-share-row--shape-square .tms-social-share-row__item{border-radius:0}.tms-social-share-row--shape-rounded .tms-social-share-row__item{border-radius:var(--tms-radius-sm,8px)}.tms-social-share-row--shape-none{--tms-social-share-row-item-bg:transparent;--tms-social-share-row-item-border-color:transparent;--tms-social-share-row-item-hover-bg:transparent;--tms-social-share-row-item-hover-border-color:transparent;--tms-social-share-row-item-hover-color:var(--tms-primary-color,currentColor)}.tms-social-share-row--shape-none .tms-social-share-row__item{border-radius:0}.tms-social-share-row .tms-social-share-row__tooltip{z-index:5;left:50%;bottom:calc(100% + var(--tms-social-share-row-tooltip-offset));white-space:nowrap;border:1px solid var(--tms-social-share-row-tooltip-bg);border-radius:min(var(--tms-radius-sm,4px), .5rem);background-color:var(--tms-social-share-row-tooltip-bg);color:var(--tms-social-share-row-tooltip-color);opacity:0;pointer-events:none;transition:opacity var(--tms-social-share-row-duration) ease, transform var(--tms-social-share-row-duration) ease, display var(--tms-social-share-row-duration) ease;transition-behavior:allow-discrete;padding:6px 10px;font-size:.75rem;font-weight:500;line-height:1.2;display:none;position:absolute;transform:translate(-50%)}.tms-social-share-row:not(.tms-social-share-row--has-tooltip) .tms-social-share-row__tooltip{display:none}.tms-social-share-row--tooltip-top .tms-social-share-row__item .tms-social-share-row__tooltip{left:50%;bottom:calc(100% + var(--tms-social-share-row-tooltip-offset));transform:translate(-50%,4px)}.tms-social-share-row--tooltip-bottom .tms-social-share-row__item .tms-social-share-row__tooltip{left:50%;top:calc(100% + var(--tms-social-share-row-tooltip-offset));bottom:auto;transform:translate(-50%,-4px)}.tms-social-share-row--tooltip-left .tms-social-share-row__item .tms-social-share-row__tooltip{right:calc(100% + var(--tms-social-share-row-tooltip-offset));top:50%;bottom:auto;left:auto;transform:translate(4px,-50%)}.tms-social-share-row--tooltip-right .tms-social-share-row__item .tms-social-share-row__tooltip{left:calc(100% + var(--tms-social-share-row-tooltip-offset));top:50%;bottom:auto;transform:translate(-4px,-50%)}.tms-social-share-row--has-tooltip .tms-social-share-row__item:hover .tms-social-share-row__tooltip{opacity:1;pointer-events:auto;display:block}.tms-social-share-row--has-tooltip .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{opacity:1;pointer-events:auto;display:block}.tms-social-share-row--tooltip-top .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translate(-50%)}.tms-social-share-row--tooltip-top .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translate(-50%)}.tms-social-share-row--tooltip-bottom .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translate(-50%)}.tms-social-share-row--tooltip-bottom .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translate(-50%)}.tms-social-share-row--tooltip-left .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translateY(-50%)}.tms-social-share-row--tooltip-left .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translateY(-50%)}.tms-social-share-row--tooltip-right .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translateY(-50%)}.tms-social-share-row--tooltip-right .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translateY(-50%)}@starting-style{.tms-social-share-row--has-tooltip .tms-social-share-row__item:hover .tms-social-share-row__tooltip{opacity:0}.tms-social-share-row--has-tooltip .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{opacity:0}.tms-social-share-row--tooltip-top .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translate(-50%,4px)}.tms-social-share-row--tooltip-top .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translate(-50%,4px)}.tms-social-share-row--tooltip-bottom .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translate(-50%,-4px)}.tms-social-share-row--tooltip-bottom .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translate(-50%,-4px)}.tms-social-share-row--tooltip-left .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translate(4px,-50%)}.tms-social-share-row--tooltip-left .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translate(4px,-50%)}.tms-social-share-row--tooltip-right .tms-social-share-row__item:hover .tms-social-share-row__tooltip{transform:translate(-4px,-50%)}.tms-social-share-row--tooltip-right .tms-social-share-row__item:focus-visible .tms-social-share-row__tooltip{transform:translate(-4px,-50%)}}.tms-social-share-row .tms-social-share-row__tooltip:after{content:"";pointer-events:none;border:6px solid #0000;width:0;height:0;position:absolute}.tms-social-share-row--tooltip-top .tms-social-share-row__tooltip:after{border-top-color:var(--tms-social-share-row-tooltip-bg);border-bottom-width:0;top:100%;left:50%;transform:translate(-50%)}.tms-social-share-row--tooltip-bottom .tms-social-share-row__tooltip:after{border-bottom-color:var(--tms-social-share-row-tooltip-bg);border-top-width:0;bottom:100%;left:50%;transform:translate(-50%)}.tms-social-share-row--tooltip-left .tms-social-share-row__tooltip:after{border-left-color:var(--tms-social-share-row-tooltip-bg);border-right-width:0;top:50%;left:100%;transform:translateY(-50%)}.tms-social-share-row--tooltip-right .tms-social-share-row__tooltip:after{border-right-color:var(--tms-social-share-row-tooltip-bg);border-left-width:0;top:50%;right:100%;transform:translateY(-50%)}.tms-social-share-row__toast{z-index:10;font-size:var(--tms-font-size-xs,.75rem);white-space:nowrap;background-color:var(--tms-social-share-row-toast-bg);color:var(--tms-social-share-row-toast-color);opacity:0;pointer-events:none;border-radius:999px;padding:8px 14px;font-weight:500;line-height:1.2;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:calc(50% + 1rem);transform:translate(-50%,-50%);box-shadow:0 4px 14px #0000002e}.tms-social-share-row__toast--visible{opacity:1;transform:translate(-50%,-50%)}.tms-social-share-row--skin-rail .tms-social-share-row__toast{top:calc(100% + 1rem);left:0;transform:none}.tms-social-share-row--skin-rail .tms-social-share-row__toast--visible{opacity:1;transform:none}.tms-social-share-row__item:focus-visible{outline:2px solid var(--tms-primary-color,currentColor);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tms-social-share-row__item,.tms-social-share-row__icon,.tms-social-share-row__label,.tms-social-share-row .tms-social-share-row__tooltip,.tms-social-share-row__toast{transition-duration:.01ms!important}.tms-social-share-row__item:hover{transform:none}.tms-social-share-row__item:focus-visible{transform:none}}