/* Control artwork is actual vectors. iOS cannot substitute colourful emoji. */
body.dhd svg.dhd-icon{display:inline-block;width:1.15em;height:1.15em;min-width:18px;min-height:18px;max-width:32px;max-height:32px;flex:0 0 auto;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;pointer-events:none}
body.dhd svg.dhd-icon *{vector-effect:non-scaling-stroke}
body.dhd .ed-rejection>span>.dhd-icon{width:40px;height:40px;max-width:40px;max-height:40px}
/* Native WooCommerce creates these controls/notices after AJAX updates too. */
body.dhd .woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;border-radius:0}
body.dhd .woocommerce a.remove>.dhd-icon{width:20px;height:20px}
body.dhd .woocommerce :is(a,button).button.added::after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:.5em;background:currentColor;-webkit-mask:var(--dhd-icon-check) center/contain no-repeat;mask:var(--dhd-icon-check) center/contain no-repeat}
body.dhd .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--dhd-icon-info) center/contain no-repeat;mask:var(--dhd-icon-info) center/contain no-repeat}
body.dhd .woocommerce .woocommerce-message::before{-webkit-mask-image:var(--dhd-icon-check);mask-image:var(--dhd-icon-check)}
body.dhd .woocommerce .show-password-input{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;top:50%;right:0;transform:translateY(-50%);margin:0;cursor:pointer}
body.dhd .woocommerce .show-password-input::after{content:"";display:block;width:22px;height:22px;margin:0;background:currentColor;-webkit-mask:var(--dhd-icon-eye) center/contain no-repeat;mask:var(--dhd-icon-eye) center/contain no-repeat}
body.dhd .woocommerce .show-password-input.display-password::after{-webkit-mask-image:var(--dhd-icon-eye-off);mask-image:var(--dhd-icon-eye-off)}
body.dhd .woocommerce .password-input input{padding-right:48px}
body.dhd :is(a,button,summary):has(.dhd-icon):focus-visible,body.dhd .woocommerce :is(.show-password-input,a.remove):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(pointer:coarse){body.dhd :is(.n-arrow,.ed-map-point,.dialog-close,.film-close,.story-viewer-actions button,[data-process-go],[data-studio-prev],[data-turn-pack]){min-width:44px;min-height:44px;touch-action:manipulation}}
@media(forced-colors:active){body.dhd .woocommerce :is(.show-password-input,.woocommerce-message,.woocommerce-info,.woocommerce-error)::after,body.dhd .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{background:CanvasText}}