.pm-shop-by-shape{box-sizing:border-box;width:100%;overflow:hidden;padding-block:var(--pm-shape-padding-top) var(--pm-shape-padding-bottom);color:var(--pm-shape-text);background:var(--pm-shape-background)}.pm-shop-by-shape *,.pm-shop-by-shape *:before,.pm-shop-by-shape *:after{box-sizing:border-box}.pm-shop-by-shape__inner{width:min(100%,var(--pm-shape-max-width));margin-inline:auto;padding-inline:60px}.pm-shop-by-shape__heading{margin:0;color:inherit;text-align:center}.pm-shop-by-shape__slider{position:relative;display:block}.pm-shop-by-shape--has-heading .pm-shop-by-shape__slider{margin-top:var(--pm-shape-heading-gap-desktop)}.pm-shop-by-shape__track{display:grid;grid-template-columns:repeat(var(--pm-shape-item-count),minmax(0,1fr));width:min(100%,var(--pm-shape-track-width));margin-inline:auto}.pm-shop-by-shape__card{display:flex;min-width:0;flex-direction:column;align-items:center;padding-inline:2px;color:inherit;text-align:center;text-decoration:none}.pm-shop-by-shape__card--disabled{cursor:default}.pm-shop-by-shape__image-shell{position:relative;display:block;flex:none;width:calc(100% + 30px);min-height:0;aspect-ratio:.86;overflow:hidden;--pm-shape-image-height: 95%}.pm-shop-by-shape__image-shell--short{--pm-shape-image-height: 75%}.pm-shop-by-shape__image-shell--medium{--pm-shape-image-height: 95%}.pm-shop-by-shape__image-shell--long,.pm-shop-by-shape__image-shell--extra_long{--pm-shape-image-height: 100%}.pm-shop-by-shape__image{position:absolute;bottom:0;left:50%;display:block;width:min(100%,calc(var(--pm-shape-image-scale) + 8%));height:var(--pm-shape-image-height);object-fit:contain;object-position:center bottom;transform-origin:center bottom;transform:translate(-50%);transition:transform .22s ease}.pm-shop-by-shape__placeholder{display:block;width:var(--pm-shape-image-scale);height:var(--pm-shape-image-scale);opacity:.18}.pm-shop-by-shape__title{display:block;width:100%;margin:20px 0 0;color:inherit;text-align:center;white-space:nowrap}.pm-shop-by-shape .pm-font-weight--300{font-weight:300}.pm-shop-by-shape .pm-font-weight--400{font-weight:400}.pm-shop-by-shape .pm-font-weight--500{font-weight:500}.pm-shop-by-shape .pm-font-weight--600{font-weight:600}.pm-shop-by-shape .pm-font-weight--700{font-weight:700}.pm-shop-by-shape .pm-font-style--italic{font-style:italic}.pm-shop-by-shape__arrow{display:none}.pm-shop-by-shape__card:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(hover:hover)and (pointer:fine){.pm-shop-by-shape__card[href]:hover .pm-shop-by-shape__image{transform:translate(-50%) scale(1.025)}}@media screen and (max-width:749px){.pm-shop-by-shape{--pm-shape-padding-top: 40px;--pm-shape-padding-bottom: 40px}.pm-shop-by-shape__inner{width:100%;padding-inline:0}.pm-shop-by-shape__heading{padding-inline:20px}.pm-shop-by-shape__slider{width:100%}.pm-shop-by-shape--has-heading .pm-shop-by-shape__slider{margin-top:var(--pm-shape-heading-gap-mobile)}.pm-shop-by-shape__track{display:flex;width:100%;max-width:none;gap:2px;margin:0;overflow-x:auto;padding-inline:20px;scroll-padding-inline:20px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pm-shop-by-shape__track::-webkit-scrollbar{display:none}.pm-shop-by-shape__card{flex:0 0 calc((100% - 6px) / 3.5);max-width:none;padding-inline:0;scroll-snap-align:start}.pm-shop-by-shape__image-shell{width:112%}.pm-shop-by-shape__title{margin-top:12px}.pm-shop-by-shape__arrow{position:absolute;z-index:2;top:calc((100vw - 46px) / 5.38);display:grid;width:26px;height:26px;padding:0;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:999px;color:inherit;background:color-mix(in srgb,var(--pm-shape-background) 92%,transparent);box-shadow:0 2px 9px color-mix(in srgb,currentColor 12%,transparent);cursor:pointer;place-items:center;transform:translateY(-50%);transition:opacity .16s ease}.pm-shop-by-shape__arrow svg{width:15px;height:15px}.pm-shop-by-shape__arrow--previous{left:4px}.pm-shop-by-shape__arrow--next{right:4px}.pm-shop-by-shape__arrow:disabled{opacity:.28;cursor:default}.pm-shop-by-shape__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}}@media(prefers-reduced-motion:reduce){.pm-shop-by-shape__image,.pm-shop-by-shape__placeholder{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAg */