.yaxii-swatch{outline:none;position:relative;z-index:1}.yaxii-swatch:hover{z-index:10}.yaxii-swatch.selected{border-color:#3b82f6!important;border-width:3px!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important;transform:scale(1.05)!important}.yaxii-swatch-color.selected{border-color:hsla(0,0%,100%,.8)!important;border-width:3px!important;box-shadow:0 0 0 1px rgba(59,130,246,.3),0 0 0 4px hsla(0,0%,100%,.6),0 4px 16px rgba(0,0,0,.15)!important;transform:scale(1.08)!important}.yaxii-variation-swatches .yaxii-swatch.selected{border-color:#3b82f6!important;border-width:3px!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}.yaxii-variation-swatches .yaxii-swatch-color.selected{border-color:hsla(0,0%,100%,.8)!important;box-shadow:0 0 0 1px rgba(59,130,246,.3),0 0 0 4px hsla(0,0%,100%,.6),0 4px 16px rgba(0,0,0,.15)!important}.yaxii-swatch.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.yaxii-swatch.disabled:hover{box-shadow:none;transform:none}.yaxii-swatch-selected{align-items:center;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:hsla(0,0%,100%,.25);border:1.5px solid hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 2px hsla(0,0%,100%,.2),inset 0 1px 1px hsla(0,0%,100%,.6);color:#fff;display:none;font-size:12px;height:24px;justify-content:center;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.yaxii-swatch.selected .yaxii-swatch-selected{animation:checkmarkPop .4s cubic-bezier(.68,-.55,.265,1.55);display:flex}.yaxii-swatch-color .yaxii-swatch-selected{backdrop-filter:blur(12px) saturate(200%);-webkit-backdrop-filter:blur(12px) saturate(200%);background:hsla(0,0%,100%,.3);border:2px solid hsla(0,0%,100%,.5);font-size:13px;font-weight:700;height:26px;width:26px}@keyframes checkmarkPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.yaxii-swatch-tooltip{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;font-size:12px;opacity:0!important;padding:6px 12px;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;visibility:hidden!important;white-space:nowrap;z-index:100}.yaxii-swatch-tooltip,.yaxii-swatch-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.yaxii-swatch-tooltip:after{border:6px solid transparent;border-top-color:#1f2937;content:"";top:100%}.yaxii-swatch:hover .yaxii-swatch-tooltip{opacity:1!important;visibility:visible!important}.yaxii-swatch-image{overflow:visible!important}.yaxii-swatch-image img{display:block!important;height:100%!important;object-fit:cover!important;position:relative!important;width:100%!important;z-index:1!important}.yaxii-swatch-image.selected{border-color:#3b82f6!important;border-width:3px!important;box-shadow:0 0 0 3px rgba(59,130,246,.2),0 8px 20px rgba(59,130,246,.3),0 0 20px rgba(59,130,246,.15)!important;transform:scale(1.08) translateY(-2px)!important}.yaxii-swatch-image .yaxii-swatch-selected{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background:rgba(59,130,246,.9);border:2px solid hsla(0,0%,100%,.6);box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 2px rgba(59,130,246,.3),inset 0 1px 2px hsla(0,0%,100%,.5);font-size:14px;height:28px;width:28px}.yaxii-swatch-label.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#3b82f6!important;box-shadow:0 4px 12px rgba(59,130,246,.2),0 0 0 3px rgba(59,130,246,.1)!important;color:#1e40af!important;transform:translateY(-2px)!important}.yaxii-swatch-label.selected .yaxii-label-check-indicator{animation:badgePop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgePop{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.yaxii-swatch-label .yaxii-swatch-selected{display:none}.yaxii-swatch-dropdown select:hover{border-color:#9ca3af}.yaxii-swatch-dropdown select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}[dir=rtl] .yaxii-swatch-label .yaxii-swatch-selected{margin-left:0;margin-right:6px}.yaxii-swatch-dropdown{flex:1}.yaxii-swatch-dropdown select{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}@media (max-width:640px){.yaxii-swatch-tooltip{font-size:11px;padding:4px 8px}}.yaxii-variation-swatches-wrapper.loading .yaxii-swatch{opacity:.6;pointer-events:none}@keyframes swatchFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.yaxii-swatch{animation:swatchFadeIn .3s ease-out backwards}.yaxii-swatch:first-child{animation-delay:.05s}.yaxii-swatch:nth-child(2){animation-delay:.1s}.yaxii-swatch:nth-child(3){animation-delay:.15s}.yaxii-swatch:nth-child(4){animation-delay:.2s}.yaxii-swatch:nth-child(5){animation-delay:.25s}.yaxii-swatch:nth-child(n+6){animation-delay:.3s}.yaxii-swatch:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media print{.yaxii-swatch:not(.selected){display:none}}