[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.collection-sticky-bar{position:sticky;width:100vw;left:0%;transform:translateY(0);bottom:-1px;z-index:9990;display:block;transition:.3s}@media (min-width: 520px){.collection-sticky-bar{bottom:12px}}.collection-sticky-bar__inner{max-width:max(520px,35vw);border-top:1px solid #d0d0d0;background-color:#fff;margin:auto;width:100%;transition:.3s;display:flex;position:relative;z-index:2}@media (min-width: 520px){.collection-sticky-bar__inner{border:1px solid #d0d0d0}}.collection-sticky-bar__collections{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-bottom:1px solid #d0d0d0}.collection-sticky-bar__collection-wrapper{position:relative}.collection-sticky-bar__collection-block{position:absolute;z-index:1;pointer-events:none;top:0;right:0;bottom:0;left:0}.collection-sticky-bar__collection{color:var(--Text-Text-4, #8d8d8d);font-size:18px;line-height:1;line-height:normal;letter-spacing:-.36px;padding:8px;display:flex;align-items:center;justify-content:center;gap:4px;transition:.3s;cursor:pointer}@media (min-width: 768px){.collection-sticky-bar__collection{gap:8px}}.collection-sticky-bar__collection:hover{color:#121212}.collection-sticky-bar__collection[xo-active]:not([xo-active=false]){color:#121212}.collection-sticky-bar__collection[xo-active]:not([xo-active=false]) span{text-decoration:underline}.collection-sticky-bar__collection[xo-active]:not([xo-active=false])+.collection-sticky-bar__collection-block{pointer-events:auto}.collection-sticky-bar__category-box{width:100%;position:relative}.collection-sticky-bar__collection-categories{position:absolute;width:100%;top:0;left:0}.collection-sticky-bar__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));z-index:1;background-color:#fff}.collection-sticky-bar__category{border-inline-start:1px solid #d0d0d0}.collection-sticky-bar__category:first-child{border-inline-start:none}.collection-sticky-bar__bottom-space{width:1px;height:12px;margin:auto;display:none}@media (min-width: 768px){.collection-sticky-bar__bottom-space{display:block}}.collection-sticky-bar__buttons{flex-shrink:0;border-left:1px solid #d0d0d0}.collection-sticky-bar__button{color:#8d8d8d;height:50%;padding:8px 12px;display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;position:relative}.collection-sticky-bar__button:first-child{align-items:flex-end}.collection-sticky-bar__button:last-child{align-items:flex-start}.collection-sticky-bar__button:last-child:after{bottom:12px}.collection-sticky-bar__button:hover:after{width:16px}.collection-sticky-bar__button:has(.collection-sticky-bar__button-radio:checked){color:#121212}.collection-sticky-bar__button:has(.collection-sticky-bar__button-radio:checked):after{width:16px}.collection-sticky-bar__button:after{content:"";position:absolute;width:0px;height:1px;bottom:7px;left:50%;transform:translate(-50%);background-color:currentColor;transition:.3s}@media (min-width: 768px){.collection-sticky-bar__button{padding:8px}}.collection-sticky-bar__button-radio{display:none}.collection-sticky-bar__actions{width:100%}.collection-sticky-bar__description{max-width:max(520px,35vw);margin:auto;width:100%;position:relative}.collection-sticky-bar__description-item{background:#e3e3e3;box-shadow:0 -1.042px 1.042px #ffffff1a inset,0 1.042px 1.042px #ffffff40 inset;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:3px 12px;color:var(--Text-Text-1, #121212);font-size:18px;font-style:normal;line-height:22px;letter-spacing:-.36px;text-align:center;width:100%;position:absolute;bottom:0;left:0;transform:translateY(150%);opacity:0;visibility:hidden;transition-delay:.4s;transition:.3s}.collection-sticky-bar__description-item[xo-active]:not([xo-active=false]){transform:translateY(0);opacity:1;visibility:visible}@media (min-width: 768px){.collection-sticky-bar__description-item{bottom:8px}}.collection-sticky-bar__button-icon-default{display:block}.collection-sticky-bar__button-icon-single{display:none}
/*# sourceMappingURL=/cdn/shop/t/394/assets/collection-sticky-bar.css.map */