/* A punched paper tag, held by a small brass split ring. */
.plan-slip .travel-key-slot{display:block;margin:10px 0 1px;max-width:100%;font-style:normal}
.travel-key{display:block;position:relative;width:min(100%,252px);height:110px;min-width:44px;min-height:44px;margin:0;padding:0;text-align:left;isolation:isolate;touch-action:pan-y pinch-zoom;user-select:none;border-radius:7px;background:transparent;color:var(--pine)}
.travel-key-swing{position:absolute;inset:0;display:block;transform-origin:50% 38px;pointer-events:none}
.travel-key.is-swinging .travel-key-swing,.travel-key.is-swinging .travel-key-ring{will-change:transform}
.travel-key-card{position:absolute;display:flex;align-items:center;left:5px;right:5px;top:28px;min-height:72px;padding:21px 49px 15px 17px;border:1px solid #d5c4a0;border-radius:9px 9px 5px 5px;color:var(--pine);background:repeating-linear-gradient(104deg,#fffdf208 0 1px,#806c3c05 1px 2px),linear-gradient(156deg,#fffbee 0%,#f8edcf 61%,#e9d9b5 100%);box-shadow:0 1px 0 #fffdf5 inset,0 -2px 0 #c6b49368 inset,1px 3px 3px #533d1926,3px 10px 13px #533d191c}
.travel-key-card::before{content:'';position:absolute;inset:5px;border:1px solid #a5905c36;border-radius:5px 5px 2px 2px;pointer-events:none}
.travel-key-card::after{content:'';position:absolute;right:41px;top:23px;bottom:16px;border-left:1px solid #8c795438;pointer-events:none}
.plan-slip .travel-key-card>#plan-vehicle{display:block;position:relative;margin:0;opacity:1;font:700 12px/1.45 Otherlight,Arial,sans-serif;letter-spacing:.005em;overflow-wrap:break-word}
.travel-key-number{position:absolute;right:13px;top:27px;font:italic 23px/1 OtherlightSerif,Georgia,serif;letter-spacing:-.04em;color:var(--red)}
.travel-key-eyelet{position:absolute;left:calc(50% - 5px);top:5px;width:10px;height:10px;border:2px solid #c3a16b;border-radius:50%;background:#5f4b2d;box-shadow:0 1px 1px #fff4c5,0 -1px 1px #7c562940 inset}
.travel-key-ring{position:absolute;left:calc(50% - 15px);top:4px;display:block;width:30px;height:36px;border:3px solid #bc9757;border-radius:49% 48% 50% 47%;transform-origin:50% 9px;background:transparent;box-shadow:1px 0 0 #f6e1a4 inset,-1px 0 0 #72532b inset,1px 1px 0 #f5d98f,-1px -1px 0 #866136,2px 3px 2px #46331730;pointer-events:none}
.travel-key-ring::before{content:'';position:absolute;inset:-2px 0 0 -2px;border:1px solid #f6d998;border-radius:inherit;border-bottom-color:#8c632c;border-right-color:#8c632c}
.travel-key-ring::after{content:'';position:absolute;left:1px;bottom:1px;width:7px;height:8px;border-left:2px solid #8b642f;border-bottom:2px solid #f4d78e;border-radius:0 0 0 7px;transform:rotate(-12deg)}
.travel-key:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.travel-key:active .travel-key-card{filter:brightness(1.035)}
@media(max-width:480px){.travel-key{width:min(100%,230px)}.travel-key-card{padding-left:14px;padding-right:47px}.plan-slip .travel-key-card>#plan-vehicle{font-size:11px}}
.motion-paused .travel-key-swing,.motion-paused .travel-key-ring{will-change:auto!important}
@media(prefers-reduced-motion:reduce){.travel-key-swing,.travel-key-ring{will-change:auto!important}}
@media(forced-colors:active){
  .travel-key{color:ButtonText;forced-color-adjust:auto}
  .travel-key-swing,.travel-key-ring{transform:none!important}
  .travel-key-card{color:ButtonText;background:Canvas;border:1px solid ButtonText;box-shadow:none}
  .travel-key-card::before,.travel-key-card::after{border-color:ButtonText}
  .travel-key-eyelet{background:Canvas;border-color:ButtonText;box-shadow:none}
  .travel-key-number{color:ButtonText}
  .travel-key-ring,.travel-key-ring::before,.travel-key-ring::after{border-color:ButtonText;box-shadow:none}
  .travel-key:focus-visible{outline-color:Highlight}
}
