.share-drawer{position:fixed;inset:auto 0 0;width:100vw;max-width:none;max-height:calc(100dvh - 2.5rem);margin:0;padding:0;border:none;border-radius:0;background:var(--color-brand-white, #fff);color:#151516}.share-drawer::backdrop{background:rgba(21,21,22,.2)}@media screen and (min-width: 46.875rem){.share-drawer{inset:0;width:min(523px,100vw - 2rem);height:fit-content;max-height:calc(100dvh - 4rem);margin:auto}}@keyframes share-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes share-sheet-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes share-fade-in{from{opacity:0}to{opacity:1}}@keyframes share-fade-out{from{opacity:1}to{opacity:0}}.share-drawer[open]{animation:share-sheet-in 300ms cubic-bezier(0.22, 1, 0.36, 1) both}.share-drawer[open]::backdrop{animation:share-fade-in 300ms ease-out both}@media screen and (min-width: 46.875rem){.share-drawer[open]{animation-name:share-fade-in}}.share-drawer.dialog-closing{animation:share-sheet-out 260ms cubic-bezier(0.4, 0, 1, 1) both}.share-drawer.dialog-closing::backdrop{animation:share-fade-out 260ms ease-in both}@media screen and (min-width: 46.875rem){.share-drawer.dialog-closing{animation-name:share-fade-out}}@media(prefers-reduced-motion: reduce){.share-drawer[open],.share-drawer.dialog-closing{animation:none}.share-drawer[open]::backdrop,.share-drawer.dialog-closing::backdrop{animation:none}}.share-drawer__inner{position:relative;max-height:inherit;overflow-y:auto;padding:44px 14px 24px}@media screen and (min-width: 46.875rem){.share-drawer__inner{padding:32px 24px 24px}}.share-drawer__inner:focus{outline:none}.share-drawer__close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:rgba(0,0,0,0);color:#151516;cursor:pointer}.share-drawer__close svg{display:block}.share-drawer__head{text-align:center;margin:0 0 21px}@media screen and (min-width: 46.875rem){.share-drawer__head{margin-bottom:25px}}.share-drawer__title{font-family:var(--font-heading--family, "IvyPresto Headline", serif);font-weight:var(--font-heading--weight, 300);font-size:24px;line-height:32px;letter-spacing:0;color:#151516;margin:0 0 13px}@media screen and (min-width: 46.875rem){.share-drawer__title{font-size:32px;line-height:40px;margin-bottom:17px}}.share-drawer__subtitle{font-family:var(--font-body--family, sans-serif);font-size:14px;line-height:20px;color:rgba(21,21,22,.5);margin:0}@media(max-width: 389px){.share-drawer__subtitle{letter-spacing:-0.02em}}.share-drawer__product{display:flex;align-items:center;gap:15px;padding:12px;background:#f2f2f2;margin:0 0 24px}@media screen and (min-width: 46.875rem){.share-drawer__product{margin-bottom:28px}}.share-drawer__img{width:52px;height:52px;object-fit:cover;display:block;flex:0 0 auto;background:#f2f2f2}.share-drawer__product-info{min-width:0}@media screen and (min-width: 46.875rem){.share-drawer__product-info{padding-top:4px}}.share-drawer__product-title{font-family:var(--font-body--family, sans-serif);font-size:14px;line-height:20px;color:#151516;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 46.875rem){.share-drawer__product-title{font-size:16px;line-height:24px}}.share-drawer__product-meta{font-family:var(--font-body--family, sans-serif);font-size:12px;line-height:18px;color:#151516;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 46.875rem){.share-drawer__product-meta{font-size:14px;line-height:20px;margin-top:3px}}.share-drawer__label{font-family:var(--font-body--family, sans-serif);font-size:10px;line-height:16px;letter-spacing:.05em;text-transform:uppercase;color:rgba(21,21,22,.5);margin:0 0 17px;padding-top:1px}.share-drawer__channels{position:relative;height:68px;list-style:none;margin:0 0 26px;padding:0}@media screen and (min-width: 46.875rem){.share-drawer__channels{height:78px;margin-bottom:24px}}.share-drawer__channels li{position:absolute;top:0;width:70px}.share-drawer__channels li:nth-child(1){left:-6.5px}.share-drawer__channels li:nth-child(2){left:70.5px}.share-drawer__channels li:nth-child(3){left:146.5px}.share-drawer__channels li:nth-child(4){left:222.5px}.share-drawer__channels li:nth-child(5){left:298.5px}@media screen and (min-width: 46.875rem){.share-drawer__channels li:nth-child(1){left:0}.share-drawer__channels li:nth-child(2){left:112px}.share-drawer__channels li:nth-child(3){left:211px}.share-drawer__channels li:nth-child(4){left:306px}.share-drawer__channels li:nth-child(5){left:410px}}.share-drawer__channel{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:#151516}@media screen and (min-width: 46.875rem){.share-drawer__channel{gap:10px}}.share-drawer__channel span{font-family:var(--font-body--family, sans-serif);font-size:12px;line-height:18px;white-space:nowrap;color:#151516}@media screen and (min-width: 46.875rem){.share-drawer__channel span{font-size:14px;line-height:20px}}.share-drawer__channel:hover span{text-decoration:underline}.share-drawer__circle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f2f2f2;color:#151516}@media screen and (min-width: 46.875rem){.share-drawer__circle{width:48px;height:48px}}.share-drawer__circle svg{display:block;width:24px;height:24px}@media screen and (min-width: 46.875rem){.share-drawer__circle svg{width:28px;height:28px}}.share-drawer__copy{display:flex;align-items:flex-end;gap:14px}@media screen and (min-width: 46.875rem){.share-drawer__copy{gap:10px}}.share-drawer__copy-link{flex:1 1 auto;min-width:0}.share-drawer__label--copy{margin-bottom:13px}.share-drawer__url{font-family:var(--font-body--family, sans-serif);font-size:14px;line-height:20px;color:#151516;margin:0;padding-bottom:11px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-drawer__copy-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:90px;height:46px;padding:0;border:none;background:#151516;font-family:var(--font-body--family, sans-serif);font-size:14px;line-height:20px;letter-spacing:0;text-transform:uppercase;color:#fff;cursor:pointer;transition:background-color 160ms ease}.share-drawer__copy-btn:hover{background:#2b2b2c}
