/* Adapt the product content as well as its frame to the shorter desktop canvas. */
@media(min-width:901px){
 #media-slot .media-stage{padding:46px 12px 58px}
 #media-slot .media-play,#media-slot .media-replay,#media-slot .media-expand{height:38px;top:4px}
 #media-slot .frame-indicators{bottom:7px;min-height:42px}
 #media-slot .frame-indicators button{min-height:42px}
 #media-slot #demo-progress{bottom:54px}
 #media-slot .story-chat-head,#media-slot .story-panel-head{min-height:42px;padding:6px 12px}
 #media-slot .story-status{min-height:24px;padding:4px 12px 0}
 #media-slot .story-messages{padding:10px 12px;gap:8px}
 #media-slot .story-message{padding:7px 9px 4px}
 #media-slot .story-message p{font-size:12px;line-height:1.45}
 #media-slot .story-message small{margin-top:2px}
 #media-slot .story-date{padding:2px 7px}
 #media-slot .story-composer{padding:4px 10px}
 #media-slot .story-draft{padding:7px 10px;min-height:66px;margin-bottom:6px}
 #media-slot .story-draft p{line-height:1.45}
 #media-slot .story-card{padding:8px 12px}
 #media-slot .story-client{margin-bottom:5px}
 #media-slot .story-client h3{font-size:14px}
 #media-slot .story-client p{margin-top:1px}
 #media-slot .story-field{padding:5px 0;min-height:40px}
 #media-slot .story-field p{font-size:12px;line-height:1.4;margin-top:2px}
 #media-slot .story-field[data-motion-key=field-next]:not(.is-pending){padding:5px 8px;margin-top:3px}
 #media-slot .story-calendar-result{padding:7px 9px;margin-top:5px}
 #media-slot .story-source{min-height:36px;padding:5px 0}
 #media-slot .story-event{inset:69px 10px 8px;padding:10px 12px}
 #media-slot .story-event h3{font-size:16px;line-height:1.3;margin:7px 0 5px}
 #media-slot .story-reminder{padding:8px 0;margin-top:8px}
 #media-slot .followup-summary{padding:8px 12px 4px}
 #media-slot .followup-summary h3{font-size:15px;line-height:1.3;margin:3px 0 5px}
 #media-slot .followup-deadline{padding:5px 10px}
 #media-slot .followup-deadline strong{font-size:14px;margin-top:2px}
 #media-slot .followup-summary blockquote{margin:5px 0;line-height:1.3}
 #media-slot .followup-saved p{margin-top:2px}
 #media-slot .calendar-phone-view{padding:3px 8px;gap:14px}
 #media-slot .calendar-phone-context{gap:10px}
 #media-slot .phone-event-context{padding:12px}
 #media-slot .phone-event-context h3{font-size:16px;margin:9px 0 6px}
 #media-slot .phone-event-context small{margin-top:9px;padding-top:8px}
 #media-slot .handset-status{min-height:16px;padding-top:1px}
 #media-slot .handset-header{min-height:38px;padding:4px 9px}
 #media-slot .handset-home{margin:5px auto 3px}
 #media-slot .followup-calendar-head{padding:7px 11px;flex:none}
 #media-slot .followup-phone-event,#media-slot .payment-phone-event{padding:9px 12px 5px}
 #media-slot .followup-alert,#media-slot .payment-alert{padding:5px 7px}
 #media-slot .followup-phone-event h3{font-size:16px;line-height:1.3;margin:7px 0}
 #media-slot .followup-event-reason{font-size:11px;line-height:1.4;margin:8px 0}
 #media-slot .followup-event-date{margin-bottom:9px}
 #media-slot .followup-chat-link{min-height:38px;padding:7px 10px}
 #media-slot .handset-compose{padding:7px;margin-top:4px}
 #media-slot .handset-compose textarea{height:78px;font-size:12px;line-height:1.4}
 #media-slot .handset-compose-actions{margin-top:4px}
 #media-slot .handset-compose-actions button{min-height:36px}
 #media-slot .payment-dashboard-head{padding:6px 14px}
 #media-slot .payment-dashboard-body{padding:6px 14px}
 #media-slot .payment-saved-card{padding:10px 16px}
 #media-slot .payment-saved-client{margin:6px 0}
 #media-slot .payment-saved-client h3{font-size:16px}
 #media-slot .payment-saved-amount{padding:4px 0}
 #media-slot .payment-saved-amount strong{font-size:24px}
 #media-slot .payment-saved-card dl{margin:6px 0;gap:4px}
 #media-slot .payment-calendar-ready{margin:6px 0}
 #media-slot .payment-preview{min-height:38px;padding:7px 10px}
 #media-slot .payment-lock-clock{margin:12px 0}
 #media-slot .payment-lock-clock strong{font-size:36px}
 #media-slot .payment-notification{padding:10px;gap:6px}
 #media-slot .payment-phone-event h3{font-size:16px;margin:6px 0 3px}
 #media-slot .payment-due-amount{font-size:24px}
 #media-slot .payment-repeat-pill{margin-top:5px;padding:3px 7px}
 #media-slot .payment-check-note{font-size:11px;line-height:1.4;padding-top:7px;margin:7px 0}
 #media-slot .payment-chat-messages{padding:6px 8px;gap:5px}
 #media-slot .payment-message{padding:5px 8px 3px}
 #media-slot .payment-message p{font-size:11px;line-height:1.4}
 #media-slot .payment-link-compose{padding:8px;margin-top:4px}
 #media-slot .payment-link-compose button{min-height:36px}
 #media-slot .payment-chat-restart{min-height:34px;padding:4px 10px}
 #media-slot .translate-chat-head{padding:6px 12px}
 #media-slot .translate-avatar{width:30px;height:30px}
 #media-slot .translate-toolbar{min-height:60px;padding:4px 12px}
 #media-slot .translate-toggle-row{gap:10px}
 #media-slot .translate-language{margin:0;font-size:10px}
 #media-slot .translate-messages{padding:7px 12px;gap:5px}
 #media-slot .translate-date{display:none}
 #media-slot .translate-message{padding:6px 10px}
 #media-slot .translate-message p{font-size:12px;line-height:1.4}
 #media-slot .translate-result{margin-top:4px;padding-top:4px}
 #media-slot .translate-compose{min-height:90px;padding:6px 12px}
 #media-slot .translate-compose label{margin-bottom:4px}
 #media-slot .translate-editor-row textarea{min-height:58px;font-size:12px;padding:8px 10px}
 #media-slot .translate-typing-mirror{font-size:12px;padding:9px 11px}
 #media-slot .export-brand{padding:8px 14px;min-height:40px}
 #media-slot .export-body{padding:10px 14px}
 #media-slot .export-list-heading,#media-slot .export-heading{margin-bottom:8px}
 #media-slot .export-body h3{font-size:17px}
 #media-slot .export-clients{gap:8px}
 #media-slot .export-clients article{padding:8px 12px}
 #media-slot .export-clients dl{margin-top:6px;gap:10px}
 #media-slot .export-files,#media-slot .export-targets{margin-bottom:8px}
 #media-slot .export-file{padding:7px 10px}
 #media-slot .export-preview-head{padding:7px 10px}
 #media-slot .export-bottom{margin-top:6px}
 #media-slot .export-mapping>div{padding:8px 10px}
 #media-slot .period-head{min-height:36px;padding:5px 16px}
 #media-slot .period-app-nav{padding:0 12px 3px}
 #media-slot .period-scroll{padding:7px 16px}
 #media-slot .period-home>h3{font-size:22px}
 #media-slot .period-home .period-lead{margin-bottom:8px}
 #media-slot .period-shell .period-schedule{margin:7px 0}
 #media-slot .period-history{padding-top:6px}
 #media-slot .period-history-title{min-height:30px;font-size:14px}
 #media-slot .period-history-link{min-height:34px}
 #media-slot .period-report h3{font-size:18px;margin-bottom:5px}
 #media-slot .period-report>.period-link{min-height:26px}
 #media-slot .period-metrics dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #media-slot .period-metric dt{font-size:11px}
 #media-slot .period-metric dd{font-size:13px}
}