#vs-parent.trc-dd{margin-top:22px;width:min(640px,100%);position:relative}#vs-parent .trc-dd__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--trc-white);cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px 18px;border-radius:18px;border:1px solid rgba(var(--trc-red-rgb),.22);background:radial-gradient(600px 220px at 10% 0%,rgba(var(--trc-red-rgb),.16),transparent 60%),linear-gradient(180deg,#1e28469e,#0e121e9e)}#vs-parent .trc-dd__chev{opacity:1;transition:transform .16s ease,opacity .16s ease;flex:0 0 auto;color:#ffffffd9}@media(max-width:680px){#vs-parent .trc-dd__trigger{color:#0c1c1e;background:var(--trc-white)}#vs-parent .trc-dd__trigger .trc-dd__chev{color:#0c1c1e;display:flex}#vs-parent .trc-dd__trigger .trc-dd__chev svg{width:24px;height:24px}}#vs-parent .trc-dd__trigger-left{display:flex;flex-direction:column;align-items:flex-start;font-size:20px;text-transform:uppercase;font-weight:700}#vs-parent .trc-dd__selection{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:var(--trc-red)}#vs-parent .trc-dd__trigger[aria-expanded=true] .trc-dd__chev{transform:rotate(180deg);opacity:1}#vs-parent .trc-dd__panel-inner{position:relative;padding:12px 12px 14px}#vs-parent .trc-dd__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}#vs-parent .trc-dd__head-left{display:flex;align-items:center;gap:10px;min-width:0}#vs-parent .trc-dd__back{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffe0;cursor:pointer;font-weight:800}#vs-parent .trc-dd__picked{color:#ffffffc7;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48ch}#vs-parent .trc-dd__step{color:#ffffff8c;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}#vs-parent .trc-dd__group-title{margin:12px 0 8px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;text-align:center}#vs-parent .trc-dd__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}#vs-parent .trc-dd__item:active{transform:translateY(1px)}#vs-parent .trc-dd__item small{color:#ffffff8c;font-weight:800}#vs-parent .trc-dd__loading{padding:18px 14px;text-align:center;color:#ffffffb3;font-weight:800}#vs-parent .trc-dd__compat-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;font-weight:900;text-decoration:none;background:linear-gradient(180deg,var(--trc-red) 0%,var(--trc-red2) 100%);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 16px 40px rgba(var(--trc-red-rgb),.22)}#vs-parent .trc-dd__compat-btn--ghost{background:#ffffff0f;color:#ffffffeb;border:1px solid rgba(255,255,255,.14);box-shadow:none}#vs-parent .trc-dd__trigger:hover{box-shadow:0 18px 60px #00000073,0 0 0 1px rgba(var(--trc-red-rgb),.08) inset}#vs-parent .trc-dd__change{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;font-weight:900;cursor:pointer}#vs-parent .trc-dd__compat-picked{color:#ffffffb3;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}#vs-parent .trc-dd__change{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:none}#vs-parent [hidden]{display:none!important}#vs-parent .trc-dd__nav{margin-top:10px;display:flex;align-items:center;justify-content:flex-start}#vs-parent .trc-dd__navbtn{padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffeb;font-weight:900;cursor:pointer}#vs-parent .trc-dd__panel{position:relative;margin-top:10px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#141826b8,#0a0c14c7);border:1px solid rgba(var(--trc-red-rgb),.16);box-shadow:0 18px 60px #00000073}#vs-parent .trc-dd__item{font-size:1.2rem;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffffffe6;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}#vs-parent .trc-dd__item:hover{background:rgba(var(--trc-red-rgb),.04);border-color:rgba(var(--trc-red-rgb),.18);box-shadow:none}#vs-parent .trc-dd__item:after{content:"\203a";opacity:.55;font-weight:900}#vs-parent .trc-dd__item:hover:after{opacity:.9}#vs-parent .trc-dd__compat{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:680px){#vs-parent .trc-dd__compat{grid-template-columns:1fr}}#vs-parent .trc-dd__compat-card{border-radius:18px;padding:16px;position:relative;overflow:hidden;cursor:default;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}#vs-parent .trc-dd__compat-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;filter:blur(18px);opacity:.9;pointer-events:none}#vs-parent .trc-dd__compat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}#vs-parent .trc-dd__compat-title{font-weight:950;letter-spacing:-.01em;color:var(--trc-text);font-size:18px}#vs-parent .trc-dd__compat-chip{font-weight:900;font-size:12px;border-radius:999px;display:grid;place-items:center;padding:.1rem .3rem;min-width:54px}#vs-parent .trc-dd__compat-points{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:10px}#vs-parent .trc-dd__compat-points li{position:relative;padding-left:18px;color:rgba(var(--trc-white-rgb),.72);font-weight:650;line-height:1.35}#vs-parent .trc-dd__compat-points li:before{content:"";position:absolute;left:0;top:.48em;width:8px;height:8px;border-radius:999px;background:#ffffff40}#vs-parent .trc-dd__compat-strong{color:var(--trc-text);font-weight:900}#vs-parent .trc-dd__compat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;border-radius:14px;text-decoration:none;font-weight:950;letter-spacing:.2px;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;-webkit-user-select:none;user-select:none}#vs-parent .trc-dd__compat-btn:hover{transform:translateY(-1px)}#vs-parent .trc-dd__compat-btn:active{transform:translateY(0)}#vs-parent .trc-dd__compat-card--pc{border-color:rgba(var(--pc-color-rgb),.22)}#vs-parent .trc-dd__compat-chip--pc{border-color:rgba(var(--pc-color-rgb),.28);background:var(--pc-color);color:var(--trc-black)}#vs-parent .trc-dd__compat-btn--pc{background:linear-gradient(180deg,rgba(var(--pc-color-rgb),1),#fa0);color:#000;box-shadow:0 16px 40px rgba(var(--pc-color-rgb),.18)}#vs-parent .trc-dd__compat-card--ft{border-color:rgba(var(--ft-cyan-rgb),.18);background:radial-gradient(600px 240px at 10% 0%,rgba(var(--ft-cyan-rgb),.1),transparent 60%),linear-gradient(180deg,#ffffff0a,#ffffff05)}#vs-parent .trc-dd__compat-chip--ft{border-color:rgba(var(--ft-cyan-rgb),.22);background:var(--ft-pink);color:var(--trc-black)}#vs-parent .trc-dd__compat-btn--ft{background:var(--ft-cyan);color:var(--trc-black);border-color:rgba(var(--ft-cyan-rgb),.22);box-shadow:0 0 0 1px rgba(var(--ft-cyan-rgb),.06) inset}#vs-parent .trc-dd__compat-btn--ft:hover{box-shadow:0 18px 50px #00000073,0 0 0 1px rgba(var(--ft-cyan-rgb),.12) inset}#vs-parent .trc-dd__body{scrollbar-gutter:stable;padding:12px 12px 14px;max-height:360px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--trc-red-rgb),.75) rgba(255,255,255,.08)}#vs-parent .trc-dd__body::-webkit-scrollbar{width:10px}#vs-parent .trc-dd__body::-webkit-scrollbar-track{background:#ffffff0f;border-left:1px solid rgba(255,255,255,.08);border-radius:999px}#vs-parent .trc-dd__body::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(255,255,255,.06);background:linear-gradient(180deg,var(--trc-pink) 0%,var(--trc-red) 55%,var(--trc-red2) 100%);box-shadow:0 10px 30px rgba(var(--trc-red-rgb),.2),0 0 0 1px #ffffff1a inset}#vs-parent .trc-dd__body::-webkit-scrollbar-thumb:hover{filter:brightness(1.06)}#vs-parent .trc-dd__body::-webkit-scrollbar-corner{background:transparent}#vs-parent .trc-dd__body{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18px,#000 calc(100% - 18px),transparent 100%)}
/*# sourceMappingURL=/cdn/shop/t/148/assets/trc-hero-dd.css.map */