.hp-image-action-surface{position:relative}.hp-image-action-overlay{opacity:0;pointer-events:none;visibility:hidden;z-index:4;justify-content:center;align-items:center;gap:7px;padding:0;transition:opacity .12s,transform .14s,visibility 0s linear .14s;display:flex;position:absolute;bottom:8px;right:8px;overflow:visible;transform:translateY(3px)}.hp-image-action-surface:hover .hp-image-action-overlay,.hp-image-action-surface:focus-within .hp-image-action-overlay,.hp-image-action-overlay.is-persistent{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)}.hp-image-action-button{appearance:none;color:#eef9fd;cursor:pointer;filter:drop-shadow(0 1px 2px #04151feb);background:0 0;border:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;position:relative}.hp-image-action-button>.hp-image-action-icon{fill:none;block-size:20px;height:20px;max-block-size:none;inline-size:20px;max-height:none;max-inline-size:none;max-width:none;min-block-size:20px;min-height:20px;min-inline-size:20px;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;flex:0 0 20px;width:20px;min-width:20px;transition:color .12s,transform .12s;display:block;overflow:visible}.hp-image-action-button:hover,.hp-image-action-button:focus-visible{color:#6dd8ff;background:0 0;border-color:#0000}.hp-image-action-button:hover>.hp-image-action-icon{transform:scale(1.08)}.hp-image-action-button:focus-visible{outline-offset:2px;border-radius:5px;outline:2px solid}.hp-image-action-button.is-active,.hp-image-action-button.is-save{color:#52dda7}.hp-image-action-button.is-delete{color:#eef4f7}.hp-image-action-button.is-delete:hover,.hp-image-action-button.is-delete:focus-visible{color:#ff6575}.hp-image-action-button:disabled{cursor:wait;opacity:.56}.hp-image-action-button[data-tooltip]:after{color:#fff;content:attr(data-tooltip);filter:none;font:600 12px/1.2 var(--hp-font-body);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:50;background:#071d2c;border-radius:7px;padding:6px 8px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px)}.hp-image-action-button[data-tooltip]:hover:after,.hp-image-action-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}@media (hover:none),(pointer:coarse){.hp-image-action-overlay{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)}}.tackle-shop-storefront-upload-empty{color:#24536d;cursor:pointer;border:1px dashed #88a9b8;border-radius:10px;min-height:120px}.tackle-shop-storefront-library{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.tackle-shop-storefront-library article{background:0 0;border:0;width:190px;overflow:visible}.tackle-shop-storefront-thumbnail{cursor:pointer;background:0 0;border:1px solid #cbdbe2;border-radius:8px;width:100%;padding:0;transition:border-color .14s,box-shadow .14s;display:block;overflow:hidden}.tackle-shop-storefront-thumbnail:hover,.tackle-shop-storefront-thumbnail:focus-visible{border-color:#4593b0;outline:0;box-shadow:0 0 0 2px #16719a1f}.tackle-shop-storefront-library article.active .tackle-shop-storefront-thumbnail{border-color:#38a77f;box-shadow:0 0 0 2px #16815d29}.tackle-shop-storefront-library img{aspect-ratio:8/3;object-fit:cover;border-radius:7px;width:100%;display:block}.tackle-shop-storefront-add{align-self:flex-start;width:100px;height:73px;min-height:73px}@media (width<=520px){.tackle-shop-storefront-library{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tackle-shop-storefront-library article,.tackle-shop-storefront-add{width:100%;min-width:0}.tackle-shop-storefront-add{aspect-ratio:8/3;height:auto;min-height:0}}.water-media-image{object-fit:cover;width:100%;display:block}.water-media-image--hero{z-index:0;height:100%;position:absolute;inset:0}.water-hero.water-hero--with-media:before{z-index:1}.water-hero.water-hero--with-media>.water-hero-overlay{z-index:2}.water-image>.water-media-image--card{height:100%}