:root{--icon-button-hit: calc(44 * var(--px))}.icon-button{--ib-hit: var(--icon-button-hit);--ib-glyph: calc(22 * var(--px));--ib-disc: var(--space-40);--ib-box: var(--ib-hit);--ib-line: rgba(var(--color-foreground), var(--line-alpha));--ib-fill: rgb(var(--color-background));--ib-ink: inherit;--ib-radius: 50%;position:relative;display:inline-grid;place-items:center;flex:none;box-sizing:border-box;inline-size:var(--ib-box);block-size:var(--ib-box);margin:0;padding:0;border:0;border-radius:var(--ib-radius);background-color:transparent;color:var(--ib-ink, inherit);font:inherit;line-height:0;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none}.icon-button--box-24{--ib-hit: var(--space-24);--ib-glyph: calc(18 * var(--px))}.icon-button--box-28{--ib-hit: calc(28 * var(--px));--ib-glyph: calc(18 * var(--px))}.icon-button--box-32{--ib-glyph: var(--space-16);--ib-disc: var(--space-32)}.icon-button--box-28-32{--ib-glyph: var(--space-16);--ib-disc: calc(28 * var(--px))}@media screen and (min-width:769px){.icon-button--box-28-32{--ib-disc: var(--space-32)}}@media screen and (max-width:768px){.icon-button--box-32-40{--ib-glyph: var(--space-16);--ib-disc: var(--space-32)}}.icon-button--box-40{--ib-hit: var(--space-40)}.icon-button--mark-large{--ib-glyph: var(--space-24)}:root{--social-pull: calc((var(--icon-button-hit) - var(--space-20)) / 2)}.icon-button--mark-social{--ib-glyph: var(--space-20)}@media screen and (min-width:769px){:root{--social-pull: calc((var(--icon-button-hit) - 22 * var(--px)) / 2)}.icon-button--mark-social{--ib-glyph: calc(22 * var(--px))}}.icon-button--box-56{--ib-glyph: var(--space-24);--ib-disc: calc(56 * var(--px))}.icon-button--corners{--ib-radius: var(--radius)}.icon-button__glyph{display:block;inline-size:var(--ib-glyph);block-size:var(--ib-glyph);pointer-events:none}.icon-button__glyph svg{display:block;inline-size:100%;block-size:100%}.icon-button__glyph--alt,.icon-button:is([aria-expanded=true],[aria-pressed=true]) .icon-button__glyph:not(.icon-button__glyph--alt){display:none}.icon-button:is([aria-expanded=true],[aria-pressed=true]) .icon-button__glyph--alt{display:block}.icon-button--cube{--ib-glyph: calc(28 * var(--px))}.icon-button--play .icon-button__glyph{translate:.1em 0}.icon-button[hidden]{display:none}.icon-button{opacity:var(--dim, 1)}.icon-button:disabled,.icon-button[aria-disabled=true]{--dim: .5;cursor:default}:is(.icon-button--framed,.icon-button--outline,.icon-button--solid,.icon-button--photo,.icon-button--ink,.icon-button--spot){--ib-box: var(--ib-disc)}:is(a,button):is(.icon-button--framed,.icon-button--outline,.icon-button--solid,.icon-button--photo,.icon-button--ink,.icon-button--spot):after{content:"";position:absolute;inset:calc((var(--ib-box) - var(--ib-hit)) / 2);border-radius:inherit}.icon-button--framed{--ib-ink: rgb(var(--color-foreground));background-color:var(--ib-fill);border:var(--border-width) solid var(--ib-line)}.icon-button--outline{--color-button: var(--color-secondary-button);--color-button-text: var(--color-secondary-button-text);--ib-ink: rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background));border:var(--border-width) solid rgb(var(--color-button-text))}.icon-button--solid{--ib-ink: rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background));border:var(--border-width) solid transparent}.icon-button--ink{--ib-ink: rgb(var(--color-background));background-color:rgb(var(--color-foreground));box-shadow:0 2px 8px rgba(var(--color-foreground),var(--alpha-15))}.icon-button--photo{--ib-ink: #fff;background-color:#0000008c;border:var(--border-width) solid rgba(255,255,255,.6)}.icon-button--spot{--ib-disc: var(--space-32);--ib-ink: var(--spot-ink, #000);background-color:var(--spot, #fff)}@media screen and (min-width:769px){.icon-button--spot{--ib-disc: var(--space-40)}}.icon-button--plate{--ib-radius: calc(var(--radius) - var(--space-4))}.icon-button--stepper{--ib-hit: var(--quantity-step, var(--space-40));--ib-glyph: var(--space-12);--ib-radius: var(--field-corner);padding:var(--field-button-inset, 0px);background-clip:content-box}.icon-button--stepper:is(:disabled,[aria-disabled=true]){--dim: .4}.icon-button--field{--ib-hit: var(--space-48);--ib-glyph: var(--space-24);padding:var(--field-button-inset, 0px);background-clip:content-box}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-icon-button.css.map */