.phe-hover-sizes{position:absolute;left:0;right:0;bottom:0;z-index:12;pointer-events:none}.phe-hover-sizes__mobile,.phe-hover-sizes__strip{pointer-events:auto}@media screen and (min-width:750px){.phe-product-card:not(:hover) .phe-hover-sizes__strip{opacity:0;transform:translateY(6px);pointer-events:none}.phe-product-card:hover .phe-hover-sizes__strip{opacity:1;transform:translateY(0);pointer-events:auto}.phe-hover-sizes__strip{display:flex;flex-wrap:wrap;gap:.35rem .75rem;justify-content:flex-start;align-items:center;padding:.6rem .75rem .75rem 12px;background:transparent;transition:opacity .25s ease,transform .25s ease}}.phe-hover-sizes__chip{margin:0;padding:.35rem .65rem;font-size:1.25rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;border:none;background:transparent;color:#000;cursor:pointer;text-decoration:none;text-underline-offset:.22em;transition:opacity .15s ease}.phe-hover-sizes__chip:not(.phe-hover-sizes__chip--sold-out):hover{text-decoration:underline}.phe-hover-sizes__chip--sold-out{opacity:.45;text-decoration:line-through;cursor:not-allowed;pointer-events:none}.phe-hover-sizes--adding [data-phe-sizes-add]:not(.phe-hover-sizes__chip--sold-out){pointer-events:none;opacity:.65;cursor:wait}.phe-hover-sizes__fab{position:absolute;right:0;bottom:0;z-index:14;width:45px;height:45px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer;-webkit-tap-highlight-color:transparent}.phe-hover-sizes__fab-surface{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--color-background),.9);box-shadow:0 2px 8px rgba(var(--color-foreground),.12);transition:background .15s ease;pointer-events:none}.phe-hover-sizes__fab:hover .phe-hover-sizes__fab-surface,.phe-hover-sizes__fab:focus-visible .phe-hover-sizes__fab-surface{background:rgb(var(--color-background))}.phe-hover-sizes__fab-icon{display:block;width:12px;height:12px;flex-shrink:0;transition:transform .2s ease}.phe-hover-sizes__fab[aria-expanded=true] .phe-hover-sizes__fab-icon{transform:rotate(45deg)}.phe-hover-sizes__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:#00000029;pointer-events:auto}.phe-hover-sizes__panel{position:absolute;left:0;top:32%;right:auto;bottom:auto;z-index:13;width:auto;min-width:4.5rem;max-width:min(56vw,14rem);max-height:none;overflow:visible;padding:.75rem 1.05rem .85rem .9rem;margin-left:12px;margin-right:12px;background:rgba(var(--color-background),.6);pointer-events:auto;box-shadow:none;border-radius:2px}.phe-hover-sizes__list{margin:0;padding:0;display:flex;flex-direction:column;gap:.28rem;align-items:flex-start}.phe-hover-sizes__chip--panel{width:100%;text-align:left;padding:.15rem 0;font-weight:600;white-space:nowrap}.phe-hover-sizes__mobile{position:static}@media screen and (max-width:749px){.phe-hover-sizes{position:static}.phe-hover-sizes__mobile{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.phe-hover-sizes__fab,.phe-hover-sizes__scrim,.phe-hover-sizes__panel{pointer-events:auto}.phe-hover-sizes__panel{top:auto;bottom:12%;max-height:none}}@media screen and (max-width:749px)and (min-height:620px){.phe-hover-sizes__panel{top:30%;bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/phe-card-hover-sizes.css.map */
