/* Copyright 2021 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
.review-views {
background: var(--cros-sys-app_base);
}
.review-frame {
align-items: center;
bottom: calc(var(--bottom-line) * 2);
display: flex;
justify-content: center;
left: calc(var(--left-line) * 2);
position: absolute;
right: calc(var(--right-line) * 2);
top: 0;
}
.review-image,
.review-video {
max-height: 100%;
max-width: 100%;
}
.review-views .button-group {
align-items: center;
bottom: 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
position: absolute;
top: calc(100% - calc(var(--bottom-line) * 2));
}
.review-views .positive.button-group {
right: calc(var(--right-line) * 2);
}
.review-views .negative.button-group {
left: calc(var(--left-line) * 2);
}
.review-views .button-group button[i18n-text=label_share] svg-wrapper {
color: var(--cros-sys-on_primary_container);
display: inline-block;
line-height: normal;
margin-inline-end: 5px;
vertical-align: middle;
}
.review-views .review-intent-button-group {
bottom: calc(var(--bottom-line) - 36px);
display: flex;
flex-direction: column;
}
.review-views .review-intent-button-group>button {
height: 60px;
margin-bottom: 20px;
margin-top: 20px;
width: 60px;
}
.review-views .review-intent-button-group button[i18n-label=confirm_review_button] {
background: var(--cros-sys-primary);
:is(svg-wrapper) {
color: var(--cros-sys-on_primary);
}
}
.review-views .review-intent-button-group button[i18n-label=cancel_review_button] {
background: var(--cros-sys-inverse_surface);
:is(svg-wrapper) {
color: var(--cros-sys-secondary_container);
}
}