body.design-share-open{overflow:hidden}.design-share__dialog.dialog-modal{position:fixed;top:0;right:0;bottom:0;left:auto;height:100dvh;max-height:none;width:480px;max-width:95vw;margin:0;padding:0;border:none;border-radius:0;background:var(--color-background);color:var(--color-foreground);box-shadow:none;opacity:0;visibility:hidden;transform:translate(100%);animation:none;transition:all var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease)}.design-share__dialog.dialog-modal[open]:not(.dialog-closing){opacity:1;visibility:inherit;transform:translate(0)}@starting-style{.design-share__dialog.dialog-modal[open]:not(.dialog-closing){opacity:0;visibility:hidden;transform:translate(100%)}}.design-share__dialog.dialog-modal.dialog-closing{opacity:0;visibility:hidden;transform:translate(100%);animation:none}.design-share__dialog.dialog-modal::backdrop{background:#68001ee6;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;visibility:hidden;animation:none;transition:all var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease)}.design-share__dialog.dialog-modal[open]:not(.dialog-closing)::backdrop{opacity:1;visibility:inherit}@starting-style{.design-share__dialog.dialog-modal[open]:not(.dialog-closing)::backdrop{opacity:0;visibility:hidden}}.design-share__dialog.dialog-modal.dialog-closing::backdrop{opacity:0;visibility:hidden}@media screen and (max-width:767px){.design-share__dialog.dialog-modal{width:100%;max-width:100%;top:0;right:0;bottom:0;left:0}}.design-share__close{position:absolute;top:var(--padding-sm, 12px);right:var(--padding-sm, 12px);z-index:2}.design-share__inline{margin-inline:auto;max-width:880px;padding-inline:var(--padding-md, 20px)}.design-share__layout{display:grid;gap:32px;padding:var(--padding-lg, 32px)}.design-share--inline .design-share__layout{padding:0}@media screen and (min-width:768px){.design-share--inline .design-share__layout{grid-template-columns:minmax(200px,280px) minmax(280px,1fr);column-gap:56px;align-items:center}}.design-share--dialog .design-share__layout{display:flex;flex-direction:column;gap:20px;height:100%;max-height:100dvh;overflow:hidden;padding:calc(var(--padding-lg, 32px) + 8px) var(--padding-lg, 32px) var(--padding-lg, 32px);justify-items:start}.design-share--dialog .design-share__controls{flex:0 0 auto;max-width:none;width:100%}.design-share__preview{display:flex;flex-direction:column;align-items:flex-start;background:transparent}.design-share--dialog .design-share__preview{container-type:size;flex:1 1 0;min-height:0;width:100%;height:auto;aspect-ratio:unset}.design-share__canvas{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:9 / 16;object-fit:contain;background-color:#fafafa;border:0;outline:0;box-shadow:none}.design-share--dialog .design-share__canvas{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:9 / 16}.design-share__canvas.is-square{aspect-ratio:1 / 1}.design-share--dialog .design-share__canvas.is-square{width:min(100cqw,56.25cqh);height:auto}.design-share__controls{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:420px}.design-share__eyebrow{margin:0 0 8px;font-family:var(--font-accent--family, var(--font-body--family));font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary, #6b6b6b)}.design-share__heading{margin:0}.design-share__back{margin:20px 0 0;font-size:.875rem;color:var(--color-text-tertiary, #6b6b6b);text-underline-offset:3px}.design-share__back:hover{color:var(--color-text-primary, #000)}.design-share__summary{display:flex;flex-direction:column;gap:6px;margin:20px 0 0}.design-share__summary-title{font-family:var(--font-heading--family);font-size:1.25rem;line-height:1.3}.design-share__summary-spec{font-family:var(--font-body--family);font-size:.875rem;line-height:1.45;text-transform:none;letter-spacing:0;color:var(--color-text-tertiary, #6b6b6b)}.design-share__status{margin:12px 0 0;font-family:var(--font-accent--family, var(--font-body--family));font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary, #6b6b6b)}.design-share__sizes{border:0;padding:0;margin:28px 0 0}.design-share__label{display:block;margin-bottom:10px;font-family:var(--font-accent--family, var(--font-body--family));font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.design-share__segmented{display:inline-flex;border:1px solid var(--color-text-primary, #000)}.design-share__segment{position:relative;cursor:pointer}.design-share__segment input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.design-share__segment span{display:inline-flex;align-items:baseline;gap:6px;padding:10px 18px;font-family:var(--font-body--family);font-size:.875rem;transition:background-color .15s ease,color .15s ease}.design-share__segment small{font-size:.6875rem;opacity:.65}.design-share__segment input:checked+span{background:var(--color-text-primary, #000);color:var(--color-background, #fff)}.design-share__segment input:focus-visible+span{outline:2px solid var(--color-accent-primary, #a2d4f3);outline-offset:2px}.design-share__actions{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;margin-top:28px}.design-share__share{width:100%;max-width:none;justify-content:center}.design-share__actions-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}.design-share__download,.design-share__copy{width:auto;max-width:none;min-width:0;padding-inline:0}.design-share__actions .button[aria-busy=true]{opacity:.6;pointer-events:none}.design-share__toast{margin-top:16px;padding:10px 14px;background:var(--color-text-primary, #000);color:var(--color-background, #fff);font-family:var(--font-accent--family, var(--font-body--family));font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.design-share__toast--visible{opacity:1;transform:translateY(0)}.design-share__toast--error{background:#b3261e}@media screen and (max-width:767px){.design-share__layout{padding:calc(var(--padding-lg, 32px) + 24px) var(--padding-md, 20px) var(--padding-lg, 32px);justify-items:start}.design-share--inline .design-share__layout{padding:0}.design-share--dialog .design-share__layout{padding:calc(var(--padding-lg, 32px) + 24px) var(--padding-md, 20px) var(--padding-lg, 32px)}.design-share__controls{max-width:360px;width:100%}.design-share--dialog .design-share__controls{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-design-share.css.map */