/* In-App format choices and their supporting disclosures only. */
.inventory-page #mobile .iv-mobile-layout{align-items:start}
.inventory-page #mobile .iv-format-list{gap:8px}
.inventory-page #mobile .iv-format-list>button{
 position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;min-height:84px;
 padding:15px 17px;gap:18px;border:1px solid #e6e6ed;border-radius:15px 15px 5px 15px;
 background:#ffffff75;color:#272733;box-shadow:none;
 transition:color .22s,border-color .22s,background .22s,box-shadow .22s,transform .18s cubic-bezier(.2,.7,.3,1)
}
.inventory-page #mobile .iv-format-list>button:before,
.inventory-page #mobile .iv-mobile-options>.iv-details>summary:before{
 content:'';position:absolute;inset:-1px;z-index:0;pointer-events:none;background:#272733;
 clip-path:circle(0% at calc(100% - 33px) 50%);transition:clip-path .38s cubic-bezier(.2,.7,.3,1)
}
.inventory-page #mobile .iv-format-list>button>span{position:relative;z-index:1}
.inventory-page #mobile .iv-format-list>button>span:first-child{min-width:0}
.inventory-page #mobile .iv-format-list>button>span:first-child>strong{font-size:19px;line-height:1.25;font-weight:600}
.inventory-page #mobile .iv-format-list>button>span:first-child>span{font-size:12px;line-height:1.5;margin-top:5px;transition:color .22s}
.inventory-page #mobile .iv-format-list>button>.brand-clasp{
 flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:transparent;color:#9595a6;
 transition:color .22s,background .22s
}
.inventory-page #mobile .iv-format-list>button[aria-pressed=true]{border-color:#ff450a;background:#fff;box-shadow:0 7px 18px -13px #27273340}
.inventory-page #mobile .iv-format-list>button[aria-pressed=true]>.brand-clasp{color:#ff450a;background:#fff0ea}
.inventory-page #mobile .iv-format-list>button:focus-visible{outline:2px solid #ff450a;outline-offset:3px;color:#fff;border-color:#272733}
.inventory-page #mobile .iv-format-list>button:focus-visible:before{clip-path:circle(155% at calc(100% - 33px) 50%)}
.inventory-page #mobile .iv-format-list>button:focus-visible>span:first-child>span{color:#e2e2eb}
.inventory-page #mobile .iv-format-list>button:focus-visible>.brand-clasp{color:#fff;background:#ffffff14}
.inventory-page #mobile .iv-format-list>button:focus-visible>.brand-clasp:before{transform:translateX(-3px) scaleX(-1)}
.inventory-page #mobile .iv-format-list>button:focus-visible>.brand-clasp:after{transform:translateX(3px)}
.inventory-page #mobile .iv-format-list>button:active{transform:translateY(1px) scale(.992);box-shadow:none}

.inventory-page #mobile .iv-mobile-options>.iv-details{
 margin:9px 0 0;padding:0;border:1px solid #dfdfe8;border-radius:14px 14px 5px 14px;
 background:#fff;transition:border-color .22s,box-shadow .22s
}
.inventory-page #mobile .iv-mobile-options>.iv-format-list+.iv-details{margin-top:20px}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary{
 position:relative;isolation:isolate;overflow:hidden;border-radius:13px 13px 4px 13px;min-height:65px;
 padding:14px 16px;font-size:13px;line-height:1.5;font-weight:650;color:#272733;gap:18px;
 transition:color .22s
}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary>.iv-app-details-title{position:relative;z-index:1}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary>.brand-clasp{
 position:relative;z-index:1;flex:0 0 28px;width:28px;height:28px;transform:none;background:transparent;color:#ff450a
}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary>.brand-clasp:before,
.inventory-page #mobile .iv-mobile-options>.iv-details>summary>.brand-clasp:after{top:5px;width:9px;height:18px}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary>.brand-clasp:before{left:3px}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary>.brand-clasp:after{right:3px}
.inventory-page #mobile .iv-mobile-options>.iv-details[open]{border-color:#ff450a;box-shadow:0 7px 18px -13px #27273330}
.inventory-page #mobile .iv-mobile-options>.iv-details[open]>summary{border-radius:13px 13px 0 0}
.inventory-page #mobile .iv-mobile-options>.iv-details>p{margin:0;padding:0 16px 16px;font-size:13px;line-height:1.7;color:var(--muted)}
.inventory-page #mobile .iv-mobile-options>.iv-details[open]>p{animation:iv-app-reveal .22s ease-out both}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary:focus-visible{outline:2px solid #ff450a;outline-offset:3px;color:#fff}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary:focus-visible:before{clip-path:circle(155% at calc(100% - 33px) 50%)}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary:focus-visible>.brand-clasp{color:#fff}
.inventory-page #mobile .iv-mobile-options>.iv-details>summary:active{transform:translateY(1px)}
.inventory-page #mobile .iv-mobile-options>.iv-details[open]>summary>.brand-clasp:before{transform:translateX(-3px) scaleX(-1)}
.inventory-page #mobile .iv-mobile-options>.iv-details[open]>summary>.brand-clasp:after{transform:translateX(3px)}

@media(hover:hover){
 .inventory-page #mobile .iv-format-list>button:hover{color:#fff;border-color:#272733;box-shadow:0 9px 20px -14px #27273370;transform:translateY(-2px)}
 .inventory-page #mobile .iv-format-list>button:hover:before,
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:hover:before{clip-path:circle(155% at calc(100% - 33px) 50%)}
 .inventory-page #mobile .iv-format-list>button:hover>span:first-child>span{color:#e2e2eb}
 .inventory-page #mobile .iv-format-list>button:hover>.brand-clasp{color:#fff;background:#ffffff14}
 .inventory-page #mobile .iv-format-list>button:hover>.brand-clasp:before,
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:hover>.brand-clasp:before{transform:translateX(-3px) scaleX(-1)}
 .inventory-page #mobile .iv-format-list>button:hover>.brand-clasp:after,
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:hover>.brand-clasp:after{transform:translateX(3px)}
 .inventory-page #mobile .iv-format-list>button:active{transform:translateY(1px) scale(.992);box-shadow:none}
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:hover{color:#fff}
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:hover>.brand-clasp{color:#fff}
}
@keyframes iv-app-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .inventory-page #mobile .iv-format-list>button{min-height:80px;padding:14px;gap:12px}
 .inventory-page #mobile .iv-format-list>button>span:first-child>strong{font-size:18px}
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary{padding:13px 14px;min-height:64px;gap:12px}
 .inventory-page #mobile .iv-mobile-options>.iv-details>p{padding-left:14px;padding-right:14px}
}
@media(prefers-reduced-motion:reduce){
 .inventory-page #mobile .iv-format-list>button,
 .inventory-page #mobile .iv-format-list>button:before,
 .inventory-page #mobile .iv-format-list>button>span:first-child>span,
 .inventory-page #mobile .iv-format-list>button>.brand-clasp,
 .inventory-page #mobile .iv-mobile-options>.iv-details,
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary,
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:before{transition:none!important}
 .inventory-page #mobile .iv-format-list>button:hover,
 .inventory-page #mobile .iv-format-list>button:active,
 .inventory-page #mobile .iv-mobile-options>.iv-details>summary:active{transform:none}
 .inventory-page #mobile .iv-mobile-options>.iv-details[open]>p{animation:none}
}
