.promo-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2) var(--spacing-2-5);padding:var(--promo-note-padding-block) var(--promo-note-padding-inline);border-radius:var(--c8-radius-button);border:var(--c8-hairline) solid rgb(var(--text-color) / var(--c8-option-border-opacity));background-color:rgb(var(--promo-note-background));color:rgb(var(--promo-note-text));font-size:var(--promo-note-font-size);line-height:1.35}.promo-note__main{display:flex;align-items:center;gap:var(--spacing-2-5);min-width:0}.promo-note__icon{display:flex;flex-shrink:0}.promo-note__icon svg{width:var(--spacing-4-5);height:var(--spacing-4-5)}.promo-note__text{font-family:var(--mono-font-family);font-weight:var(--label-font-weight);letter-spacing:var(--c8-label-sm-tracking);text-transform:uppercase;text-wrap:balance}.promo-note .promo-code{--promo-code-background: var(--promo-note-code-background);--promo-code-text: var(--promo-note-code-text);--promo-code-padding-block: .45em;--promo-code-padding-inline: .7em;margin-block-start:0}.promo-note--details{display:block;padding:0;border:0;box-shadow:inset 0 0 0 var(--c8-hairline) rgb(var(--text-color) / var(--c8-option-border-opacity));overflow:hidden!important}.promo-note__summary{display:flex;align-items:center;gap:var(--spacing-2) var(--spacing-2-5);padding:var(--promo-note-padding-block) var(--promo-note-padding-inline);cursor:pointer;list-style:none}.promo-note__summary::-webkit-details-marker{display:none}.promo-note__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:.6em;margin-inline-start:auto;padding:.45em .7em;border-radius:var(--c8-radius-badge);background-color:rgb(var(--promo-note-code-background));color:rgb(var(--promo-note-code-text));font-family:var(--mono-font-family);font-weight:min(calc(var(--label-font-weight) + 100),900);letter-spacing:var(--c8-label-sm-tracking);text-transform:uppercase;line-height:1;transition:background-color var(--c8-duration-fast) ease,color var(--c8-duration-fast) ease}.promo-note__toggle svg{transition:rotate var(--c8-duration-fast) ease}.promo-note--details[aria-expanded=true] .promo-note__toggle svg{rotate:180deg}@media(hover:hover)and (pointer:fine){.promo-note__summary:hover .promo-note__toggle{background-color:rgb(var(--promo-note-code-text));color:rgb(var(--promo-note-code-background))}}.promo-note__details{display:grid;justify-items:start;gap:var(--spacing-3);padding:0 var(--promo-note-padding-inline) var(--promo-note-padding-inline)}.promo-note__details .prose{color:rgb(var(--promo-note-text) / .78)}.promo-note--details .promo-note__details .promo-code{margin-inline-start:0}@media screen and (min-width:700px){.promo-note{flex-wrap:nowrap}.promo-note .promo-code{margin-inline-start:auto}}@media screen and (max-width:699px){.promo-note{font-size:var(--promo-note-font-size-mobile);gap:var(--spacing-2-5)}.promo-note:not(.promo-note--details) :is(.promo-note__main,.promo-code){flex-basis:100%}.promo-note--details .promo-note__summary{gap:var(--spacing-2-5)}.promo-note--details .promo-code{width:100%}.promo-note .promo-code{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/promo-note.css.map */