:host{display:grid;width:100%;container-type:inline-size}[part=list]{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--overflow-list-alignment, flex-start);gap:1rem;transition:all .3s ease}@container (max-width: 749px){[part=list]{justify-content:var(--overflow-list-alignment-mobile, center)}}@media (max-width: 749px){[part=list]{justify-content:var(--overflow-list-alignment-mobile, center)}}[part=list],[part=overflow-list],[part=placeholder]{margin:0;padding:0;list-style:none}slot[name=more]:not([hidden]){display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}slot[name=more] .button{cursor:pointer;border:none;background:none;padding:.5rem 1rem;margin:0;font-family:var(--font-paragraph-family, inherit);font-size:var(--font-paragraph-size, 1rem);text-transform:var(--text-transform, none);color:currentcolor;text-align:start;border-radius:.25rem;transition:all .2s ease;position:relative;overflow:hidden}slot[name=more] .button:hover{background:var(--button-hover-bg, rgba(0, 0, 0, .05));transform:translateY(-1px)}slot[name=more] .button:focus-visible{outline:2px solid var(--focus-color, #007bff);outline-offset:2px;background:var(--button-focus-bg, rgba(0, 123, 255, .1))}slot[name=more] .button:active{transform:translateY(0);background:var(--button-active-bg, rgba(0, 0, 0, .1))}slot[name=more] .button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%);transition:width .3s,height .3s;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}slot[name=more] .button:active:before{width:200px;height:200px}[part=overflow]{display:none;animation:slideDown .3s ease-in-out}[part=overflow].visible{display:block}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;transform:translateY(0)}}[part=placeholder]{visibility:hidden;width:0;height:0;position:absolute;pointer-events:none}:host([disabled]){opacity:.6;pointer-events:none}:host([disabled]) slot[name=more]{display:none}:host([loading]) [part=list]{opacity:.7;pointer-events:none}:host([loading]) [part=list]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--loading-color, #ccc);border-top:2px solid var(--loading-active-color, #007bff);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-contrast: high){slot[name=more] .button:focus-visible{outline:3px solid;outline-offset:3px}slot[name=more] .button:hover{background:ButtonFace;color:ButtonText}}@media (prefers-reduced-motion: reduce){[part=list],slot[name=more]:not([hidden]),[part=overflow],slot[name=more] .button,slot[name=more] .button:before{animation:none;transition:none}slot[name=more] .button:hover{transform:none}slot[name=more] .button:active{transform:none}}@media (prefers-color-scheme: dark){slot[name=more] .button:hover{background:var(--button-hover-bg-dark, rgba(255, 255, 255, .1))}slot[name=more] .button:focus-visible{background:var(--button-focus-bg-dark, rgba(255, 255, 255, .15))}slot[name=more] .button:active{background:var(--button-active-bg-dark, rgba(255, 255, 255, .2))}}@media print{:host{display:block!important}[part=overflow]{display:block!important}slot[name=more]{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/overflow-list.css.map */