.c2n0{justify-content:space-between;align-items:center;padding:8px;display:flex}.c2n1{font-size:var(--frontly-subhead-sm-font-size);font-weight:var(--frontly-subhead-sm-font-weight);line-height:var(--frontly-subhead-sm-line-height);letter-spacing:var(--frontly-subhead-sm-letter-spacing)}.c2o0{--text-color:var(--frontly-graybase-100);--background-color:transparent;cursor:pointer;background-color:var(--background-color);border-radius:4px;align-items:center;column-gap:10px;padding:8px;display:flex}.c2o0 .c2o1{justify-content:center;align-items:center;width:64px;min-width:64px;height:48px;display:flex}.c2o0 .c2o2{background-color:var(--frontly-purple-200-8);border-radius:35px;justify-content:center;align-items:center;padding:14px 22px;display:flex}.c2o0 .c2o2 .c2o3{width:20px;height:20px}.c2o0 .c2o4{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:auto;gap:2px;min-width:0;transition:color .1s;display:flex;overflow:hidden}.c2o0 .c2o4 .c2o5{color:var(--text-color);font-size:var(--frontly-body-sm-font-size);font-weight:var(--frontly-body-sm-font-weight);line-height:var(--frontly-body-sm-line-height);letter-spacing:var(--frontly-body-sm-letter-spacing)}.c2o0 .c2o4 .c2o6{color:var(--frontly-white-100);font-size:var(--frontly-body-md-font-size);font-weight:var(--frontly-body-md-font-weight);line-height:var(--frontly-body-md-line-height);letter-spacing:var(--frontly-body-md-letter-spacing)}.c2o0 .c2o7{width:16px;min-width:16px;height:16px;min-height:16px;color:var(--frontly-purple-100-64);visibility:hidden;margin:0 6px 0 2px}.c2o0.c2o8 .c2o7{visibility:visible}.c2o0.c2o9:hover{--text-color:var(--frontly-white-100);--background-color:var(--frontly-purple-200-8)}.c2o0.c2o9:hover .c2o7{visibility:visible}.c2o0.c2o9:hover .c2o7:hover{color:var(--frontly-white-100)}.c3t0{--items-margin-right:unset;--items-padding-right:unset;flex-direction:column;flex-grow:1;min-height:0;display:flex;position:relative}.c3t0 .c3t1{padding-right:var(--items-padding-right);margin-right:var(--items-margin-right);flex-direction:column;flex-grow:1;padding-bottom:16px;display:flex;overflow-y:scroll}.c3t0 .c3t1 .c3t2{flex-direction:column;flex-shrink:0;display:flex}.c3t0 .c3t1 .c3t3{flex-grow:1;justify-content:center;align-items:center;width:100%;padding:4px;display:flex}.c3t0 .c3t1 .c3t4{grid-template-columns:repeat(auto-fill, minmax(var(--min-card-width), 1fr));gap:var(--items-gap);display:grid;position:relative}.c3t0 .c3t1 .c3t4.c3t5{display:block}.c3t0 .c3t1 .c3t4.c3t6 .c3t7:not(.c3t8){pointer-events:none}.c3t0 .c3t1 .c3t4 .c3t8{height:var(--inventory-card-height)}.c3t0 .c3t1 .c3t4 .c3t8>*{height:100%}.c3t0 .c3t1 .c3t4 .c3t9{width:100%;position:relative}.c3t0 .c3t1 .c3t4 .c3ta{width:100%;position:absolute;top:0;left:0}.c3t0 .c3t1 .c3t4:not(.c3tb) .c3ta:hover,.c3t0 .c3t1 .c3t4:not(.c3tb) .c3ta:focus-within{z-index:1}.c3t0 .c3t1 .c3t4 .c3tc{gap:var(--items-gap);height:var(--inventory-card-height);display:grid}.c3t0 .c3t1 .c3td{justify-content:center;margin:56px auto;display:flex}.c3t0 .c3t1 .c3td .c3te{--loader-size:32px;width:var(--loader-size);height:var(--loader-size)}.c3t0 .c3t1.c3tf{overscroll-behavior:none;overflow-anchor:none}.c3t0.c3tg .c3t1{scrollbar-width:none;-ms-overflow-style:none;margin-right:0;padding-right:0!important}.c3t0.c3tg .c3t1::-webkit-scrollbar{display:none}.c3t0.c3th .c3t1 .c3t4.c3tb:after{content:"";background-image:linear-gradient(#28263300,#282633bf 34.06%,#282633 77.71%);width:100%;height:100%;position:absolute;top:0;left:0}.c3t0.c3ti{--items-margin-right:2px;--items-padding-right:2px}@supports ((-moz-appearance:none)){.c3t0.c3ti{--items-margin-right:0;--items-padding-right:10px}}.c3t0.c3tj .c3t1{-ms-overflow-style:none;scrollbar-width:none}.c3t0.c3tj .c3t1::-webkit-scrollbar{display:none}.c3t0.c3tj .c3t1 .c3t3{padding:16px 0}.c2u0{min-height:112px;color:var(--frontly-graybase-100);background-color:var(--frontly-purple-200-8);border-radius:var(--frontly-radius-md);flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;position:relative}.c2u0.c2u1:before{content:"";background-color:var(--frontly-illustration-bright-pink);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.c2u0 .c2u2{flex-grow:1;justify-content:center;align-items:center;display:flex}.c2u0 .c2u2>svg{--height:40px;height:var(--height);min-height:var(--height)}.c2u0 .c2u2>img{--height:60px;height:var(--height);max-height:var(--height)}.c2u0 .c2u3{font-size:var(--frontly-body-x-sm-font-size);font-weight:var(--frontly-body-x-sm-font-weight);line-height:var(--frontly-body-x-sm-line-height);letter-spacing:var(--frontly-body-x-sm-letter-spacing);text-align:center;align-items:flex-end;height:32px;display:flex}.c2r0 svg{--size:28px;width:var(--size)!important;min-width:var(--size)!important}.c2s0{--min-card-width:104px;--items-gap:4px;grid-template-columns:repeat(auto-fill, minmax(var(--min-card-width), 1fr));gap:var(--items-gap);padding-bottom:20px;display:grid;position:relative}.c2v0{--side-offset:var(--modal-content-padding-left);flex-direction:column;height:100%;display:flex;position:relative}.c2v0 .c2v1{margin-bottom:8px}.c2v0 .c2v2{height:100%;min-height:0;padding-right:calc(var(--side-offset) - var(--scrollbar-width));margin-right:calc(var(--side-offset) * -1);flex-grow:1;position:relative;overflow-y:scroll}.c2v0 .c2v3{padding:var(--side-offset);margin-right:calc(var(--side-offset) * -1);margin-left:calc(var(--side-offset) * -1);border-top:1px solid var(--frontly-purple-200-8);justify-content:center;align-items:center;display:flex}.c2t0{height:100%;position:relative}.c2t0 .c2t1{height:100%}.c2t0 .c2t1>div{padding-bottom:20px}.c2t0 .c2t1 .c2t2{padding:40px 0}.c2m0{flex-grow:1;justify-content:center;align-items:center;height:100%;min-height:72px;display:flex}.c2m0.c2m1{padding:24px}.c2m1.c2m2{width:100%}.c2m1.c2m3{width:var(--option-width,unset);transition:max-width var(--frontly-duration-short-02) var(--frontly-easing-ease-in-out);padding:8px}.c2m4{overscroll-behavior:contain}.c2m5.c2m2{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.c2m5.c2m6{--modal-content-padding-bottom:0}.c2m5.c2m3{height:100%}.c2m5 .c2m7{width:20px;height:20px;position:relative}.c2m5 .c2m8{cursor:pointer;display:flex}