.os-cmpw{position:relative;display:flex;min-width:0}.os-cmpw>.os-p{flex:1 1 auto;min-width:0}.os-cmpw:has(>.os-p[hidden]){display:none}html.os-on .os-cmpw :where(button),html.os-on .os-cmptray :where(button),html.os-on .os-cmpdlg :where(button){margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:0;text-transform:none;box-shadow:none;min-height:0;line-height:1.2}html.os-on .os-cmpbtn{position:absolute;top:10px;inset-inline-end:10px;z-index:4;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:var(--cos-r-pill, 999px);background:#0a0d10b8;color:var(--cos-fg-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:600;cursor:pointer;transition:background .16s ease,opacity .16s ease}html.os-on .os-cmpbtn:hover{background:#0a0d10e6}html.os-on .os-cmpbtn:focus-visible{outline:2px solid var(--cos-sense);outline-offset:2px}.os-cmpbtn__box{width:14px;height:14px;flex:0 0 auto;border-radius:4px;box-shadow:inset 0 0 0 1.5px currentColor;position:relative}html.os-on .os-cmpbtn[aria-pressed=true]{background:var(--cos-sense);color:var(--cos-fg-inverse)}.os-cmpbtn[aria-pressed=true] .os-cmpbtn__box{box-shadow:none;background:var(--cos-fg-inverse)}.os-cmpbtn[aria-pressed=true] .os-cmpbtn__box:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid var(--cos-sense);border-width:0 2px 2px 0;transform:rotate(45deg)}html.os-on .os-cmpbtn.is-off{opacity:.35}@media(max-width:559px){html.os-on .os-cmpbtn{top:6px;inset-inline-end:6px;height:26px;padding:0 8px 0 7px;font-size:11px}}.os-cmptray{position:fixed;left:0;right:0;z-index:45;bottom:calc(var(--cmp-lift, 0px) + 10px + env(safe-area-inset-bottom));display:flex;justify-content:center;padding:0 10px;pointer-events:none}.os-cmptray[hidden]{display:none}.os-cmptray__in{pointer-events:auto;width:min(760px,100%);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;border-radius:16px;background:var(--cos-layer-card);box-shadow:0 0 0 1px var(--cos-hairline),0 12px 40px #00000080}.os-cmptray__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;flex:1 1 auto;min-width:0}.os-cmptray__item{display:inline-flex;align-items:center;gap:8px;height:40px;padding-inline:4px 6px;border-radius:10px;background:var(--cos-layer-field);font-size:13px;font-weight:600;color:var(--cos-fg-1)}.os-cmptray__item img{width:32px;height:32px;border-radius:7px;object-fit:cover}html.os-on .os-cmptray__x{width:24px;height:24px;border-radius:50%;color:var(--cos-fg-3);font-size:18px;cursor:pointer}html.os-on .os-cmptray__x:hover{color:var(--cos-fg-1);background:var(--cos-layer-card)}.os-cmptray__note{flex:1 0 100%;order:3;margin:0;font-size:13px;color:var(--cos-fg-3)}.os-cmptray__note:empty{display:none}.os-cmptray__acts{display:flex;gap:8px;margin-inline-start:auto}html.os-on .os-cmptray__clear{height:40px;padding:0 14px;border-radius:var(--cos-r-pill, 999px);color:var(--cos-fg-2);font-size:14px;font-weight:600;cursor:pointer}html.os-on .os-cmptray__go{height:40px;padding:0 20px;border-radius:var(--cos-r-pill, 999px);background:var(--cos-sense);color:var(--cos-fg-inverse);font-size:14px;font-weight:700;cursor:pointer}html.os-on .os-cmptray__go:disabled{opacity:var(--cos-disabled-opacity, .4);cursor:default}.os-shop.has-cmp{padding-bottom:96px}html.os-cmp-open{overflow:hidden}.os-cmpdlg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#050709b8}.os-cmpdlg__box{width:min(980px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border-radius:18px;background:var(--cos-layer-tab, #15191d);box-shadow:0 0 0 1px var(--cos-hairline),0 24px 80px #0009;overflow:hidden}.os-cmpdlg__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 8px}.os-cmpdlg__h{margin:0;font-size:20px;font-weight:700;color:var(--cos-fg-1)}html.os-on .os-cmpdlg__x{width:36px;height:36px;border-radius:50%;font-size:24px;color:var(--cos-fg-2);cursor:pointer}html.os-on .os-cmpdlg__x:hover{background:var(--cos-layer-field);color:var(--cos-fg-1)}.os-cmpdlg__scroll{overflow:auto;padding:0 20px;-webkit-overflow-scrolling:touch}.os-cmpdlg__t,.os-cmpdlg__t th,.os-cmpdlg__t td{border:0}.os-cmpdlg__t{width:100%;border-collapse:collapse;table-layout:fixed;min-width:calc(120px + var(--cmp-n, 2) * 150px)}.os-cmpdlg__t col,.os-cmpdlg__t thead td{width:160px}.os-cmpdlg__t thead th,.os-cmpdlg__t thead td{position:sticky;top:0;z-index:1;background:var(--cos-layer-tab, #15191d);padding:8px 10px 14px;vertical-align:bottom;text-align:start}.os-cmpdlg__t thead img{display:block;width:96px;height:96px;object-fit:cover;border-radius:12px;margin-bottom:10px}.os-cmpdlg__name{display:block;font-size:15px;font-weight:700;color:var(--cos-fg-1)}.os-cmpdlg__price{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--cos-fg-2)}.os-cmpdlg__price s{color:var(--cos-fg-3)}.os-cmpdlg__view{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--cos-sense);text-decoration:none}.os-cmpdlg__t tbody th,.os-cmpdlg__t tbody td{padding:12px 10px;border-top:1px solid var(--cos-hairline);text-align:start;vertical-align:top;font-size:14px;line-height:1.45}.os-cmpdlg__t tbody th{font-weight:600;color:var(--cos-fg-3);font-size:13px}.os-cmpdlg__t tbody td{color:var(--cos-fg-1)}.os-cmpdlg__t tbody td.is-no{color:var(--cos-fg-3)}.os-cmpdlg__note{margin:0;padding:12px 20px 16px;font-size:13px;color:var(--cos-fg-3)}@media(max-width:600px){.os-cmpdlg{padding:0;align-items:flex-end}.os-cmpdlg__box{border-radius:18px 18px 0 0;max-height:92vh;max-height:92dvh}.os-cmpdlg__scroll{padding:0 12px}.os-cmpdlg__t{min-width:calc(96px + var(--cmp-n, 2) * 128px)}.os-cmpdlg__t thead img{width:64px;height:64px}.os-cmpdlg__t tbody th,.os-cmpdlg__t tbody td{font-size:13px;padding:10px 8px}}.os-cmpdlg__t thead td,.os-cmpdlg__t tbody th{position:sticky;inset-inline-start:0;z-index:2;background:var(--cos-layer-tab, #15191d)}.os-cmpdlg__t thead td{z-index:3}@media(max-width:600px){.os-cmpdlg__t thead td{width:96px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/os-compare.css.map */