.tym-ct{display:block;background:rgb(var(--tym-ct-ground));overflow:hidden}.tym-ct__inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--tym-ct-gap);padding:var(--tym-ct-pad-top-mb) var(--tym-ct-pad-x-mb) var(--tym-ct-pad-bottom-mb)}.tym-ct__head{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.tym-ct__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--tym-ct-heading-mb);font-weight:900;line-height:1.15;text-align:center;color:rgb(var(--tym-ct-ink))}.tym-ct__rule{display:block;width:8rem;height:3px;border-radius:1.5px;background:rgb(var(--tym-ct-accent))}.tym-ct__arena{position:relative;height:var(--tym-ct-arena-h-mb)}.tym-ct__card{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:345 / 486;transform:translate(-50%,-50%) rotate(var(--r, 0deg));padding:var(--edge-w, 1.5px);border:var(--edge-w, 1.5px) solid rgb(var(--edge) / var(--edge-a, 1));border-radius:.8rem;box-shadow:0 4px 12px #0000000f;overflow:hidden}.tym-ct__card-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.6rem}.tym-ct__grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--tym-ct-grid-gap);align-items:start}.tym-ct__type{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.6rem;border:1px solid transparent;border-radius:1.2rem}.tym-ct__type--outlined{border-color:rgb(var(--tone) / .2);background:#ffffff05}.tym-ct__type-head{display:flex;align-items:center;gap:.8rem}.tym-ct__dot{display:block;width:.8rem;height:.8rem;flex:0 0 auto;border-radius:.4rem;background:rgb(var(--tone))}.tym-ct__label{font-size:1.2rem;font-weight:800;line-height:1.3;color:rgb(var(--tone))}.tym-ct__type-title{margin:0;font-family:var(--font-heading-family);font-size:var(--tym-ct-title);font-weight:700;line-height:1.2;color:rgb(var(--tym-ct-ink))}.tym-ct__type-text{font-size:1.4rem;font-weight:400;line-height:1.5;color:rgb(var(--tym-ct-body))}.tym-ct__type-text>:first-child{margin-top:0}.tym-ct__type-text>:last-child{margin-bottom:0}@media(min-width:768px){.tym-ct__inner{padding:var(--tym-ct-pad-top) var(--tym-ct-pad-x) var(--tym-ct-pad-bottom)}.tym-ct__heading{font-size:var(--tym-ct-heading)}.tym-ct__arena{height:var(--tym-ct-arena-h)}.tym-ct__grid{grid-template-columns:repeat(var(--tym-ct-cols, 4),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.tym-ct__card{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/hdt-totym-card-types.css.map */
