@order-attributes-form__margin-top: 20px;
@order-attributes-form__margin-bottom: 20px;
@order-attributes-file-upload__color: #727272;

& when (@media-common = true) {
    .field {
        .control {
            &._with-tooltip {
                .choice.field {
                    & {
                        width: calc(~'100% -'@checkout-tooltip-icon__font-size + @indent__s + @indent__xs);
                    }

                    input {
                        width: auto;
                    }
                }

                select,
                textarea {
                    .lib-css(margin-right, @indent__s);
                    width: calc(~'100% -'@checkout-tooltip-icon__font-size + @indent__s + @indent__xs);
                }
            }

            select[multiple] {
                height: auto;
                .lib-css(background, @textarea__background);
            }
        }
    }

    tr.order-attributes {
        td {
            .lib-css(padding-left, 0);
            .lib-css(padding-right, 0);
        }
    }

    .order-attributes {
        .order-attributes-form {
            /* phpcs:ignore Magento2.Less.SemicolonSpacing.NotAtEnd */
            &.fieldset .field:last-child {
                .lib-css(margin-bottom, @order-attributes-form__margin-bottom);
            }

            .lib-css(margin-top, @order-attributes-form__margin-top);
        }

        .file-uploader {
            .file-uploader-meta {
                color: @order-attributes-file-upload__color;
            }
        }
    }

    //  Fix content height when store pickup selected
    /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
    #store-pickup {
        &.selected-store-pickup {
            /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
            ~ #shipping,
            /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
            ~ #opc-shipping_method {
                position: absolute;
            }
        }
    }

    .opc-block-summary .order-attributes-form .field-tooltip-content {
        left: -270px;
        top: -55px;

        &:before {
            left: 270px;
            top: 44px;
            transform: rotate(-90deg);
        }

        &:after {
            border-width: 9px;
            left: 271px;
            top: 44px;
            transform: rotate(-90deg);
            width: 0;
        }
    }
}