.promo-codes{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0 0}.promo-codes__title{margin:0;font-weight:800;line-height:1.25}.promo-codes__row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap;padding:.75rem .95rem;border-radius:14px;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 16%,transparent)}.promo-codes__note{flex:1 1 11rem;font-weight:700;line-height:1.25;text-wrap:pretty}.promo-codes__code{box-sizing:border-box;display:inline-flex;align-items:baseline;justify-content:center;gap:.5rem;padding:.5rem 1.05rem;border:2px solid #00486e;border-radius:999px;background:#ffc014;color:#00486e;font-family:inherit;font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.promo-codes__code:hover{background:#ffcb3d}.promo-codes__hint{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.promo-codes__code[data-copied]{background:#00486e;color:#fff}.promo-codes__code[data-copied] .promo-codes__hint{opacity:.9}.promo-codes__legal{margin:.1rem 0 0}.promo-codes__legal summary{display:flex;align-items:center;gap:.45rem;padding:.55rem 0;font-size:.9rem;font-weight:700;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}.promo-codes__legal summary::-webkit-details-marker{display:none}.promo-codes__legal summary:after{content:"";width:.42rem;height:.42rem;margin-top:-.2rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}.promo-codes__legal[open] summary:after{margin-top:.15rem;transform:rotate(-135deg)}.promo-codes__legal-body{padding-bottom:.4rem;font-size:.85rem;line-height:1.45;opacity:.8}.promo-codes__legal-body p{margin:0 0 .5rem}.promo-codes__legal-body p:last-child{margin-bottom:0}@media screen and (max-width:749px){.promo-codes__row{gap:.55rem;padding:.85rem .9rem}.promo-codes__note{flex-basis:100%;font-size:1rem}.promo-codes__code{width:100%;padding:.7rem 1rem;font-size:1rem}.promo-codes__hint{font-size:.65rem}.promo-codes__legal summary{padding:.7rem 0}}@media screen and (min-width:750px){.image-with-text__grid:has(.promo-codes) .media{align-self:start;aspect-ratio:16 / 10}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-promo-codes.css.map */