:root{--pn-yellow: #ffe600;--pn-ink: #0a0a0a;--pn-red: #b91c1c;--pn-mono: ui-monospace, "SF Mono", "Roboto Mono", "IBM Plex Mono", Menlo, Consolas, monospace}#popup-slot:has(.penalty-notice:not([style*="display: none"])){max-width:23rem;background:transparent;border:none;overflow:visible}#modals-popup:has(.penalty-notice:not([style*="display: none"])){background:#0a0a0a8c}@media(max-width:640px){#modals-popup:has(.penalty-notice:not([style*="display: none"])){padding:1rem}}@keyframes penalty-notice-shake{0%,to{transform:translate(0)}38%{transform:translate(0)}46%{transform:translate(-7px,3px) rotate(-.4deg)}54%{transform:translate(6px,-3px) rotate(.4deg)}62%{transform:translate(-4px,2px)}70%{transform:translate(3px,-1px)}78%{transform:translate(-1px,1px)}}#popup-slot:has(.penalty-notice.is-entering){animation:penalty-notice-shake .46s ease-out 1}@keyframes penalty-notice-slam{0%{opacity:0;transform:translateY(-170px) rotate(-11deg) scale(.9)}42%{opacity:1;transform:translateY(8px) rotate(3deg) scale(1.05)}55%{transform:translateY(-8px) rotate(-2.25deg) scale(.96)}68%{transform:translateY(3px) rotate(1.25deg) scale(1.012)}80%{transform:translateY(-1px) rotate(-1.6deg) scale(.998)}to{opacity:1;transform:translateY(0) rotate(-1.25deg) scale(1)}}.penalty-notice{position:relative;background:var(--pn-yellow);color:var(--pn-ink);border:3px solid var(--pn-ink);box-shadow:6px 6px #0a0a0ae6;padding:1.5rem 1.375rem 1.75rem;font-family:var(--pn-mono);text-transform:uppercase;transform:rotate(-1.25deg);transition:transform .18s ease}.penalty-notice.penalty-notice--flip{transform:rotate(2.5deg)!important}.penalty-notice.is-entering{animation:penalty-notice-slam .46s cubic-bezier(.2,.8,.25,1) both}.penalty-notice__close{position:absolute;top:-3px;right:-3px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--pn-yellow);border:3px solid var(--pn-ink);border-top:none;border-right:none}.penalty-notice__close--left{right:auto;left:-3px;border-right:3px solid var(--pn-ink);border-left:none}.penalty-notice__close-mark{width:.7rem;height:.7rem;position:relative}.penalty-notice__close-mark:before,.penalty-notice__close-mark:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--pn-ink)}.penalty-notice__close-mark:before{transform:rotate(45deg)}.penalty-notice__close-mark:after{transform:rotate(-45deg)}.penalty-notice__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.penalty-notice__mark{font-family:var(--font-heading);font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.penalty-notice--flip .penalty-notice__mark{margin-left:2.25rem}.penalty-notice__barcode{width:4.5rem;height:1.15rem;flex-shrink:0;background-image:repeating-linear-gradient(90deg,var(--pn-ink) 0 2px,transparent 2px 3px,var(--pn-ink) 3px 6px,transparent 6px 8px,var(--pn-ink) 8px 9px,transparent 9px 12px,var(--pn-ink) 12px 15px,transparent 15px 16px)}.penalty-notice__title{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;font-size:clamp(1.5rem,6vw,1.875rem);margin:.6rem 0 0}.penalty-notice__status{display:inline-block;margin-top:.6rem;padding:.2rem .5rem;background:var(--pn-ink);color:var(--pn-yellow);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.penalty-notice__status--expired{background:var(--pn-red);color:#fff}.penalty-notice__rule{border:none;border-top:2px solid var(--pn-ink);margin:1.1rem 0 .85rem}.penalty-notice__data{display:grid;gap:.5rem}.penalty-notice__row{display:flex;align-items:baseline;gap:.4em;font-size:.78rem}.penalty-notice__label{flex-shrink:0;letter-spacing:.08em;opacity:.72}.penalty-notice__leader{flex:1 1 auto;border-bottom:1px dashed var(--pn-ink);opacity:.55;margin-bottom:.2em}.penalty-notice__value{flex-shrink:0;font-weight:700;text-align:right}.penalty-notice__tear{border:none;border-top:2px dashed var(--pn-ink);margin:1.25rem 0 1.1rem;opacity:.75}.penalty-notice__settle-label{font-size:.72rem;letter-spacing:.1em;opacity:.72;margin:0 0 .6rem}.penalty-notice__input{display:block;width:100%;background:transparent;border:none;border-bottom:2px solid var(--pn-ink);padding:.5rem .1rem;font-family:var(--pn-mono);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;color:var(--pn-ink);min-height:2.5rem}.penalty-notice__input::placeholder{color:var(--pn-ink);opacity:.5}.penalty-notice__input:focus{outline:none;border-bottom-width:3px}.penalty-notice__submit{display:block;width:100%;margin-top:.85rem;padding:.8rem 1rem;min-height:3rem;background:var(--pn-ink);color:var(--pn-yellow);border:2px solid var(--pn-ink);font-family:var(--pn-mono);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;transition:background-color .12s ease,color .12s ease}.penalty-notice__submit:hover,.penalty-notice__submit:focus-visible{background:var(--pn-yellow);color:var(--pn-ink)}.penalty-notice__submit:disabled{opacity:.5}.penalty-notice__error{margin:.7rem 0 0;font-size:.72rem;letter-spacing:.02em;color:var(--pn-red)}.penalty-notice__countdown{margin-top:1.15rem;display:flex;align-items:baseline;justify-content:space-between;font-size:.68rem;opacity:.62}.penalty-notice__countdown-value{font-weight:600;letter-spacing:.04em}.penalty-notice__confirm-text{font-size:.76rem;line-height:1.4;opacity:.85;margin:0 0 1rem}.penalty-notice__choices{display:flex;border-top:2px solid var(--pn-ink)}.penalty-notice__choice{flex:1 1 50%;padding:.75rem .5rem;min-height:2.75rem;font-family:var(--pn-mono);font-weight:700;letter-spacing:.06em;font-size:.76rem;text-transform:uppercase;transition:background-color .12s ease,color .12s ease}.penalty-notice__choice+.penalty-notice__choice{border-left:2px solid var(--pn-ink)}.penalty-notice__choice:hover,.penalty-notice__choice:focus-visible{background:var(--pn-ink);color:var(--pn-yellow)}.penalty-notice__cancelled{text-align:center;padding:1rem 0 .25rem;font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.1rem}@keyframes penalty-notice-stamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-11deg) scale(1.7)}55%{opacity:1;transform:translate(-50%,-50%) rotate(-11deg) scale(.94)}to{opacity:.92;transform:translate(-50%,-50%) rotate(-11deg) scale(1)}}.penalty-notice__stamp{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%) rotate(-11deg);border:4px solid var(--pn-red);color:var(--pn-red);padding:.25em .55em;font-family:var(--font-heading);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:1.05rem;mix-blend-mode:multiply;pointer-events:none;animation:penalty-notice-stamp .28s cubic-bezier(.2,.9,.3,1) both}@media(prefers-reduced-motion:reduce){.penalty-notice{transition:none}.penalty-notice.is-entering{animation:none}.penalty-notice__stamp{animation:none;opacity:.92}#popup-slot:has(.penalty-notice.is-entering){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/penalty-notice.css.map */