.on-card-gallery{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f2f2f2;isolation:isolate;z-index:2}.on-gallery-link{display:block;width:100%;height:100%;position:relative}.on-gallery-frame{position:absolute;inset:0;opacity:0;transition:opacity .18s;pointer-events:none}.on-gallery-frame.is-active{opacity:1}.on-gallery-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.on-gallery-crop img{object-position:50% 35%;transform:scale(1.35)}.on-card-gallery:hover .on-gallery-frame:not(.on-gallery-crop) img{transform:scale(1.035)}.on-gallery-progress{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:4px;z-index:3}.on-gallery-progress button{position:relative;flex:1;height:20px;padding:8px 0;border:0;background:transparent;cursor:pointer}.on-gallery-progress button:before{content:'';position:absolute;left:0;right:0;top:8px;height:3px;background:#ffffff70}.on-gallery-progress button:after{content:'';position:absolute;left:0;top:8px;height:3px;width:var(--progress,0%);background:white;box-shadow:0 0 1px #555}.on-card-add{position:relative;z-index:3;width:100%;background:white;color:#202020}.on-card-add form{margin:0;display:flex;flex-direction:column}.on-card-add select{width:100%;background:white;color:#202020;border:1px solid #ddd;padding:10px;font:inherit;font-size:13px}.on-add-button{display:block;width:100%;text-align:center;border:0;border-bottom:1px solid #ddd;background:white;color:#303030;padding:19px 12px;font:inherit;font-size:13px;letter-spacing:.13em;cursor:pointer;text-decoration:none}.on-add-button:hover{background:#f5f5f5}.on-add-button:disabled{color:#888;cursor:not-allowed}.on-add-status{font-size:12px;padding:10px;margin:0}.on-gallery-link:focus-visible,.on-add-button:focus-visible,.on-gallery-progress button:focus-visible{outline:2px solid #2445ce;outline-offset:-3px}@media(prefers-reduced-motion:reduce){.on-gallery-frame,.on-gallery-frame img{transition:none}.on-card-gallery:hover .on-gallery-frame:not(.on-gallery-crop) img{transform:none}}

.on-gallery-crop-1 img{transform:scale(1.35);transform-origin:25% 25%}.on-gallery-crop-2 img{transform:scale(1.65);transform-origin:80% 35%}.on-gallery-crop-3 img{transform:scale(1.45);transform-origin:50% 90%}

.on-card-gallery>.on-card-add{position:absolute;left:12px;right:12px;bottom:12px;width:auto;z-index:4;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s;visibility:hidden}
.on-card-gallery:hover>.on-card-add,.on-card-gallery:focus-within>.on-card-add{opacity:1;pointer-events:auto;transform:none;visibility:visible}
.on-card-gallery .on-add-button{padding:14px 12px;border:0;font-size:12px;min-height:44px}
@media(hover:none),(pointer:coarse){.on-card-gallery>.on-card-add{opacity:1;pointer-events:auto;transform:none;visibility:visible}}
@media(prefers-reduced-motion:reduce){.on-card-gallery>.on-card-add{transition:none}}

.on-gallery-progress button:before{background:rgba(50,50,50,.25);box-shadow:0 0 0 1px rgba(255,255,255,.55)}